Add an option to run code examples in web containers (#279)

blackbaud · Nov 20, 2024 · a160648 · a160648
1 parent 397ef74
commit a160648
Show file tree

Hide file tree

Showing 18 changed files with 8,151 additions and 3,997 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 11.1.0 (2024-11-20)
+
+- Option to use web containers by holding meta or control key. [#294](https://github.com/blackbaud/skyux-docs-tools/pull/294)
+
 ## 11.0.0 (2024-09-11)
 
 ### ⚠ BREAKING CHANGES

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,73 +14,73 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "18.2.4",
-    "@angular/cdk": "18.2.3",
-    "@angular/common": "18.2.4",
-    "@angular/compiler": "18.2.4",
-    "@angular/core": "18.2.4",
-    "@angular/forms": "18.2.4",
-    "@angular/platform-browser": "18.2.4",
-    "@angular/platform-browser-dynamic": "18.2.4",
-    "@angular/router": "18.2.4",
+    "@angular/animations": "18.2.12",
+    "@angular/cdk": "18.2.13",
+    "@angular/common": "18.2.12",
+    "@angular/compiler": "18.2.12",
+    "@angular/core": "18.2.12",
+    "@angular/forms": "18.2.12",
+    "@angular/platform-browser": "18.2.12",
+    "@angular/platform-browser-dynamic": "18.2.12",
+    "@angular/router": "18.2.12",
     "@blackbaud/auth-client": "2.78.0",
     "@blackbaud/skyux-lib-clipboard": "11.0.0",
     "@blackbaud/skyux-lib-code-block": "11.0.0",
     "@blackbaud/skyux-lib-media": "11.0.0",
     "@blackbaud/skyux-lib-stache": "11.0.0",
-    "@skyux/animations": "11.0.0",
-    "@skyux/assets": "11.0.0",
-    "@skyux/avatar": "11.0.0",
-    "@skyux/colorpicker": "11.0.0",
-    "@skyux/config": "11.0.0",
-    "@skyux/core": "11.0.0",
-    "@skyux/datetime": "11.0.0",
-    "@skyux/errors": "11.0.0",
-    "@skyux/forms": "11.0.0",
-    "@skyux/help-inline": "11.0.0",
-    "@skyux/i18n": "11.0.0",
-    "@skyux/icon": "11.0.0",
-    "@skyux/indicators": "11.0.0",
-    "@skyux/inline-form": "11.0.0",
-    "@skyux/layout": "11.0.0",
-    "@skyux/lists": "11.0.0",
-    "@skyux/lookup": "11.0.0",
-    "@skyux/modals": "11.0.0",
-    "@skyux/packages": "11.0.0",
-    "@skyux/popovers": "11.0.0",
-    "@skyux/router": "11.0.0",
-    "@skyux/tabs": "11.0.0",
-    "@skyux/theme": "11.0.0",
-    "@stackblitz/sdk": "1.9.0",
-    "fs-extra": "11.1.1",
+    "@skyux/animations": "11.22.0",
+    "@skyux/assets": "11.22.0",
+    "@skyux/avatar": "11.22.0",
+    "@skyux/colorpicker": "11.22.0",
+    "@skyux/config": "11.22.0",
+    "@skyux/core": "11.22.0",
+    "@skyux/datetime": "11.22.0",
+    "@skyux/errors": "11.22.0",
+    "@skyux/forms": "11.22.0",
+    "@skyux/help-inline": "11.22.0",
+    "@skyux/i18n": "11.22.0",
+    "@skyux/icon": "11.22.0",
+    "@skyux/indicators": "11.22.0",
+    "@skyux/inline-form": "11.22.0",
+    "@skyux/layout": "11.22.0",
+    "@skyux/lists": "11.22.0",
+    "@skyux/lookup": "11.22.0",
+    "@skyux/modals": "11.22.0",
+    "@skyux/packages": "11.22.0",
+    "@skyux/popovers": "11.22.0",
+    "@skyux/router": "11.22.0",
+    "@skyux/tabs": "11.22.0",
+    "@skyux/theme": "11.22.0",
+    "@stackblitz/sdk": "1.11.0",
+    "fs-extra": "11.2.0",
     "lodash.orderby": "4.6.0",
-    "marked": "4.1.0",
+    "marked": "4.3.0",
     "moment": "2.30.1",
     "rxjs": "7.8.1",
-    "tslib": "2.7.0",
+    "tslib": "2.8.0",
     "zone.js": "0.14.10"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "18.2.4",
-    "@angular-eslint/builder": "18.3.1",
-    "@angular-eslint/eslint-plugin": "18.3.1",
-    "@angular-eslint/eslint-plugin-template": "18.3.1",
-    "@angular-eslint/schematics": "18.3.1",
-    "@angular-eslint/template-parser": "18.3.1",
-    "@angular/cli": "18.2.4",
-    "@angular/compiler-cli": "18.2.4",
-    "@skyux-sdk/prettier-schematics": "11.0.0",
-    "@skyux-sdk/testing": "11.0.0",
+    "@angular-devkit/build-angular": "18.2.12",
+    "@angular-eslint/builder": "18.4.0",
+    "@angular-eslint/eslint-plugin": "18.4.0",
+    "@angular-eslint/eslint-plugin-template": "18.4.0",
+    "@angular-eslint/schematics": "18.4.0",
+    "@angular-eslint/template-parser": "18.4.0",
+    "@angular/cli": "18.2.12",
+    "@angular/compiler-cli": "18.2.12",
+    "@skyux-sdk/prettier-schematics": "11.22.0",
+    "@skyux-sdk/testing": "11.22.0",
     "@types/jasmine": "5.1.4",
     "@types/lodash.orderby": "4.6.9",
     "@types/marked": "4.0.3",
     "@types/node": "18.19.50",
-    "@typescript-eslint/eslint-plugin": "8.5.0",
-    "@typescript-eslint/parser": "8.5.0",
-    "axe-core": "4.10.0",
-    "eslint": "9.10.0",
+    "@typescript-eslint/eslint-plugin": "8.9.0",
+    "@typescript-eslint/parser": "8.9.0",
+    "axe-core": "4.10.1",
+    "eslint": "9.12.0",
     "eslint-config-prettier": "9.1.0",
-    "jasmine-core": "5.1.2",
+    "jasmine-core": "5.4.0",
     "karma": "6.4.4",
     "karma-chrome-launcher": "3.2.0",
     "karma-coverage": "2.2.1",

diff --git a/projects/docs-tools-showcase/src/app/home/home.component.html b/projects/docs-tools-showcase/src/app/home/home.component.html
@@ -101,26 +101,43 @@
     </div>
   </sky-docs-demo>
 
+  <sky-docs-design-guidelines>
+    Work in progress...
+  </sky-docs-design-guidelines>
+
   <sky-docs-code-examples
     [packageDependencies]="{
       '@skyux/datetime': '*',
-      moment: '2.29.4',
+      moment: '2.30.1',
     }"
   >
     <sky-docs-code-example
       heading="Datepicker"
       sourceCodePath="/projects/datetime/documentation/code-examples/datepicker/basic/"
-    >
-    </sky-docs-code-example>
+    />
     <sky-docs-code-example
       heading="Datepicker with custom dates"
       sourceCodePath="/projects/datetime/documentation/code-examples/datepicker/custom-dates/"
-    >
-    </sky-docs-code-example>
+    />
     <sky-docs-code-example
       heading="Fuzzy datepicker"
       sourceCodePath="/projects/datetime/documentation/code-examples/datepicker/fuzzy/"
-    >
-    </sky-docs-code-example>
+    />
+    <sky-docs-code-example
+      heading="timepicker basic"
+      sourceCodePath="/projects/datetime/documentation/code-examples/timepicker/basic/"
+    />
+    <sky-docs-code-example
+      heading="date-range-picker basic"
+      sourceCodePath="/projects/datetime/documentation/code-examples/date-range-picker/basic/"
+    />
+    <sky-docs-code-example
+      heading="date-range-picker custom-calculator"
+      sourceCodePath="/projects/datetime/documentation/code-examples/date-range-picker/custom-calculator/"
+    />
+    <sky-docs-code-example
+      heading="date-pipe basic"
+      sourceCodePath="/projects/datetime/documentation/code-examples/date-pipe/basic/"
+    />
   </sky-docs-code-examples>
 </sky-docs-demo-page>