chore(deps): upgrade aurelia

aurelia-ui-toolkits · Aug 1, 2024 · c56199f · c56199f
1 parent 5e2daf7
commit c56199f
Show file tree

Hide file tree

Showing 100 changed files with 2,144 additions and 10,233 deletions.
diff --git a/.ncurc.json b/.ncurc.json
@@ -1,3 +1,3 @@
 {
-	"reject": ["@material/*", "eslint"]
+	"reject": ["@material/*", "eslint", "sass"]
 }
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@aurelia-mdc-web/monorepo",
   "private": true,
-  "version": "9.2.1-au2",
+  "version": "9.2.2-au2",
   "workspaces": [
     "packages/all",
     "packages/app",
@@ -58,10 +58,10 @@
     "update-versions": "npm run update-versions:root && lage run update-versions --scope @aurelia-mdc-web/*"
   },
   "devDependencies": {
-    "@aurelia/router": "^2.0.0-beta.16",
-    "@aurelia/validation": "^2.0.0-beta.16",
-    "@aurelia/validation-html": "^2.0.0-beta.16",
-    "@aurelia/webpack-loader": "^2.0.0-beta.16",
+    "@aurelia/router": "2.0.0-beta.20",
+    "@aurelia/validation": "2.0.0-beta.20",
+    "@aurelia/validation-html": "2.0.0-beta.20",
+    "@aurelia/webpack-loader": "2.0.0-beta.20",
     "@material/banner": "^14.0.0",
     "@material/button": "^14.0.0",
     "@material/card": "^14.0.0",
@@ -101,42 +101,42 @@
     "@material/tooltip": "^14.0.0",
     "@material/top-app-bar": "^14.0.0",
     "@material/typography": "^14.0.0",
-    "@typescript-eslint/eslint-plugin": "^7.8.0",
-    "@typescript-eslint/parser": "^7.8.0",
-    "aurelia": "^2.0.0-beta.16",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "aurelia": "2.0.0-beta.20",
     "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
     "conventional-changelog-cli": "^5.0.0",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
-    "css-loader": "^7.1.1",
-    "cssnano": "^7.0.1",
+    "css-loader": "^7.1.2",
+    "cssnano": "^7.0.4",
     "eslint": "^8.56.0",
-    "eslint-plugin-compat": "^4.2.0",
+    "eslint-plugin-compat": "^6.0.0",
     "eslint-plugin-import": "^2.29.1",
-    "highlight.js": "^11.9.0",
-    "html-loader": "^5.0.0",
+    "highlight.js": "^11.10.0",
+    "html-loader": "^5.1.0",
     "html-webpack-plugin": "^5.6.0",
-    "lage": "^2.7.15",
+    "lage": "^2.7.21",
     "merge2": "^1.4.1",
     "postcss-loader": "^8.1.1",
     "raw-loader": "^4.0.2",
-    "rimraf": "^5.0.5",
-    "sass": "^1.76.0",
-    "sass-loader": "^14.2.1",
+    "rimraf": "^6.0.1",
+    "sass": "1.76.0",
+    "sass-loader": "14.2.1",
     "selfsigned": "^2.4.1",
     "source-map-loader": "^5.0.0",
     "style-loader": "^4.0.0",
     "to-string-loader": "^1.2.0",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.2",
-    "tslib": "^2.6.2",
-    "typedoc": "^0.25.13",
-    "typescript": "5.4.5",
+    "tslib": "^2.6.3",
+    "typedoc": "^0.26.5",
+    "typescript": "5.5.4",
     "url-loader": "^4.1.1",
-    "webpack": "^5.91.0",
+    "webpack": "^5.93.0",
     "webpack-bundle-analyzer": "^4.10.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4"
   }
-}
+}
diff --git a/packages/all/package.json b/packages/all/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@aurelia-mdc-web/all",
-  "version": "9.2.1-au2",
+  "version": "9.2.2-au2",
   "publishConfig": {
     "access": "public"
   },
@@ -39,44 +39,44 @@
     "update-versions": "ts-node -P ../../tsconfig.scripts.json ../../scripts/update-versions.ts"
   },
   "dependencies": {
-    "@aurelia-mdc-web/base": "9.2.1-au2",
-    "@aurelia-mdc-web/banner": "9.2.1-au2",
-    "@aurelia-mdc-web/button": "9.2.1-au2",
-    "@aurelia-mdc-web/card": "9.2.1-au2",
-    "@aurelia-mdc-web/checkbox": "9.2.1-au2",
-    "@aurelia-mdc-web/chips": "9.2.1-au2",
-    "@aurelia-mdc-web/circular-progress": "9.2.1-au2",
-    "@aurelia-mdc-web/data-table": "9.2.1-au2",
-    "@aurelia-mdc-web/dialog": "9.2.1-au2",
-    "@aurelia-mdc-web/drawer": "9.2.1-au2",
-    "@aurelia-mdc-web/elevation": "9.2.1-au2",
-    "@aurelia-mdc-web/expandable": "9.2.1-au2",
-    "@aurelia-mdc-web/fab": "9.2.1-au2",
-    "@aurelia-mdc-web/floating-label": "9.2.1-au2",
-    "@aurelia-mdc-web/form-field": "9.2.1-au2",
-    "@aurelia-mdc-web/icon": "9.2.1-au2",
-    "@aurelia-mdc-web/image-list": "9.2.1-au2",
-    "@aurelia-mdc-web/layout-grid": "9.2.1-au2",
-    "@aurelia-mdc-web/line-ripple": "9.2.1-au2",
-    "@aurelia-mdc-web/linear-progress": "9.2.1-au2",
-    "@aurelia-mdc-web/list": "9.2.1-au2",
-    "@aurelia-mdc-web/lookup": "9.2.1-au2",
-    "@aurelia-mdc-web/menu": "9.2.1-au2",
-    "@aurelia-mdc-web/menu-surface": "9.2.1-au2",
-    "@aurelia-mdc-web/notched-outline": "9.2.1-au2",
-    "@aurelia-mdc-web/radio": "9.2.1-au2",
-    "@aurelia-mdc-web/ripple": "9.2.1-au2",
-    "@aurelia-mdc-web/segmented-button": "9.2.1-au2",
-    "@aurelia-mdc-web/select": "9.2.1-au2",
-    "@aurelia-mdc-web/slider": "9.2.1-au2",
-    "@aurelia-mdc-web/snackbar": "9.2.1-au2",
-    "@aurelia-mdc-web/switch": "9.2.1-au2",
-    "@aurelia-mdc-web/tab-bar": "9.2.1-au2",
-    "@aurelia-mdc-web/text-field": "9.2.1-au2",
-    "@aurelia-mdc-web/tooltip": "9.2.1-au2",
-    "@aurelia-mdc-web/top-app-bar": "9.2.1-au2",
-    "@aurelia-mdc-web/tree-view": "9.2.1-au2",
-    "@aurelia-mdc-web/typography": "9.2.1-au2",
-    "@aurelia-mdc-web/validation": "9.2.1-au2"
+    "@aurelia-mdc-web/base": "9.2.2-au2",
+    "@aurelia-mdc-web/banner": "9.2.2-au2",
+    "@aurelia-mdc-web/button": "9.2.2-au2",
+    "@aurelia-mdc-web/card": "9.2.2-au2",
+    "@aurelia-mdc-web/checkbox": "9.2.2-au2",
+    "@aurelia-mdc-web/chips": "9.2.2-au2",
+    "@aurelia-mdc-web/circular-progress": "9.2.2-au2",
+    "@aurelia-mdc-web/data-table": "9.2.2-au2",
+    "@aurelia-mdc-web/dialog": "9.2.2-au2",
+    "@aurelia-mdc-web/drawer": "9.2.2-au2",
+    "@aurelia-mdc-web/elevation": "9.2.2-au2",
+    "@aurelia-mdc-web/expandable": "9.2.2-au2",
+    "@aurelia-mdc-web/fab": "9.2.2-au2",
+    "@aurelia-mdc-web/floating-label": "9.2.2-au2",
+    "@aurelia-mdc-web/form-field": "9.2.2-au2",
+    "@aurelia-mdc-web/icon": "9.2.2-au2",
+    "@aurelia-mdc-web/image-list": "9.2.2-au2",
+    "@aurelia-mdc-web/layout-grid": "9.2.2-au2",
+    "@aurelia-mdc-web/line-ripple": "9.2.2-au2",
+    "@aurelia-mdc-web/linear-progress": "9.2.2-au2",
+    "@aurelia-mdc-web/list": "9.2.2-au2",
+    "@aurelia-mdc-web/lookup": "9.2.2-au2",
+    "@aurelia-mdc-web/menu": "9.2.2-au2",
+    "@aurelia-mdc-web/menu-surface": "9.2.2-au2",
+    "@aurelia-mdc-web/notched-outline": "9.2.2-au2",
+    "@aurelia-mdc-web/radio": "9.2.2-au2",
+    "@aurelia-mdc-web/ripple": "9.2.2-au2",
+    "@aurelia-mdc-web/segmented-button": "9.2.2-au2",
+    "@aurelia-mdc-web/select": "9.2.2-au2",
+    "@aurelia-mdc-web/slider": "9.2.2-au2",
+    "@aurelia-mdc-web/snackbar": "9.2.2-au2",
+    "@aurelia-mdc-web/switch": "9.2.2-au2",
+    "@aurelia-mdc-web/tab-bar": "9.2.2-au2",
+    "@aurelia-mdc-web/text-field": "9.2.2-au2",
+    "@aurelia-mdc-web/tooltip": "9.2.2-au2",
+    "@aurelia-mdc-web/top-app-bar": "9.2.2-au2",
+    "@aurelia-mdc-web/tree-view": "9.2.2-au2",
+    "@aurelia-mdc-web/typography": "9.2.2-au2",
+    "@aurelia-mdc-web/validation": "9.2.2-au2"
   }
 }
diff --git a/packages/all/src/index.ts b/packages/all/src/index.ts
@@ -1,4 +1,4 @@
-import { IContainer, DI } from '@aurelia/kernel';
+import { IContainer } from '@aurelia/kernel';
 import { BannerConfiguration } from '@aurelia-mdc-web/banner';
 import { ButtonConfiguration } from '@aurelia-mdc-web/button';
 import { CardConfiguration } from '@aurelia-mdc-web/card';
@@ -64,7 +64,7 @@ export const AllConfiguration = {
   /**
    * Create a new container with this configuration applied to it.
    */
-  createContainer(): IContainer {
-    return this.register(DI.createContainer());
-  }
+  // createContainer(): IContainer {
+  //   return this.register(DI.createContainer());
+  // }
 };
diff --git a/packages/app/package.json b/packages/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@aurelia-mdc-web/app",
-  "version": "9.2.1-au2",
+  "version": "9.2.2-au2",
   "private": true,
   "description": "",
   "main": "index.js",
@@ -16,6 +16,6 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@aurelia-mdc-web/all": "9.2.1-au2"
+    "@aurelia-mdc-web/all": "9.2.2-au2"
   }
 }
diff --git a/packages/app/src/elements/example-viewer/example-viewer.ts b/packages/app/src/elements/example-viewer/example-viewer.ts
@@ -1,24 +1,26 @@
 import { customElement, bindable } from 'aurelia';
+import template from './example-viewer.html';
 
 interface ITab {
   label: string;
   language: string;
   code: string;
 }
 
-@customElement('example-viewer')
+@customElement({ name: 'example-viewer', template })
+// @customElement({ name: 'example-viewer' })
 export class ExampleViewer {
   tabs: ITab[];
   selectedTab: ITab | undefined = undefined;
   open: boolean;
 
-  @bindable
+  @bindable()
   html: string;
 
-  @bindable
+  @bindable()
   sass: string;
 
-  @bindable
+  @bindable()
   code: string;
 
   bound() {

diff --git a/packages/app/src/elements/hljs/hljs.ts b/packages/app/src/elements/hljs/hljs.ts
@@ -1,14 +1,15 @@
 import hljs from 'highlight.js';
 import { customElement, bindable, inject, } from 'aurelia';
+import { template } from './hljs.html';
 
 @inject(Element)
-@customElement('hljs')
+@customElement({ name: 'hljs', template })
 export class Hljs {
   source: HTMLDivElement;
   codeEl: HTMLElement;
   observer?: MutationObserver;
 
-  @bindable
+  @bindable()
   language: string;
 
   attached() {

diff --git a/packages/app/src/main.ts b/packages/app/src/main.ts
@@ -96,7 +96,7 @@ Aurelia
   //   // optionally add the shared styles for all components
   //   sharedStyles: [shared]
   // }))
-  .register(StandardConfiguration, RouterConfiguration.customize({ useUrlFragmentHash: true, useHref: false }),
+  .register(RouterConfiguration.customize({ useUrlFragmentHash: true, useHref: false }),
     TooltipConfiguration.customize(c => { c.scrollHost = '.demo-panel-content'; }),
     MaterialConfiguration, SVGAnalyzer,
     Hljs, ApiViewer, ExampleViewer, JsonValueConverter, LoggerConfiguration.create({ level: LogLevel.debug }),

diff --git a/packages/app/src/views/lookup/function/function.html b/packages/app/src/views/lookup/function/function.html
@@ -5,8 +5,8 @@
     <mdc-lookup options.bind="getOptions" display-field="name" value.bind="value" input.bind="input" two-line
       preload-options>
       <template au-slot="option">
-        <mdc-list-item-primary-text>${$parent.$host.option.name}</mdc-list-item-primary-text>
-        <mdc-list-item-secondary-text>with id=${$parent.$host.option.id}</mdc-list-item-secondary-text>
+        <mdc-list-item-primary-text>${$parent.$host.value.name}</mdc-list-item-primary-text>
+        <mdc-list-item-secondary-text>with id=${$parent.$host.value.id}</mdc-list-item-secondary-text>
       </template>
       <template au-slot="searching">
         <mdc-list-item-primary-text>Wait for 3 seconds...</mdc-list-item-primary-text>

diff --git a/packages/app/src/views/lookup/objects/objects.html b/packages/app/src/views/lookup/objects/objects.html
@@ -5,8 +5,8 @@
     <mdc-lookup options.bind="options" display-field="name" value-field="id" value.bind="value" input.bind="input"
       two-line preload-options>
       <template au-slot="option">
-        <mdc-list-item-primary-text>${$parent.$host.option.name}</mdc-list-item-primary-text>
-        <mdc-list-item-secondary-text>with id=${$parent.$host.option.id}</mdc-list-item-secondary-text>
+        <mdc-list-item-primary-text>${$parent.$host.value.name}</mdc-list-item-primary-text>
+        <mdc-list-item-secondary-text>with id=${$parent.$host.value.id}</mdc-list-item-secondary-text>
       </template>
     </mdc-lookup>
   </div>

diff --git a/packages/app/src/views/lookup/validation/validation.html b/packages/app/src/views/lookup/validation/validation.html
@@ -4,8 +4,8 @@
     <mdc-text-field-helper-line></mdc-text-field-helper-line>
     <mdc-lookup options.bind="options" display-field="name" value.bind="value & validate" input.bind="input" two-line>
       <template au-slot="option">
-        <mdc-list-item-primary-text>${$parent.$host.option.name}</mdc-list-item-primary-text>
-        <mdc-list-item-secondary-text>with id=${$parent.$host.option.id}</mdc-list-item-secondary-text>
+        <mdc-list-item-primary-text>${$parent.$host.value.name}</mdc-list-item-primary-text>
+        <mdc-list-item-secondary-text>with id=${$parent.$host.value.id}</mdc-list-item-secondary-text>
       </template>
     </mdc-lookup>
   </div>

diff --git a/packages/app/src/views/root/root.html b/packages/app/src/views/root/root.html
@@ -8,7 +8,7 @@
       <mdc-top-app-bar-title>Aurelia MDC</mdc-top-app-bar-title>
     </mdc-top-app-bar-section>
     <mdc-top-app-bar-section end>
-      <span>9.2.1-au2</span>
+      <span>9.2.2-au2</span>
       <a mdc-top-app-bar-action-item href="https://github.com/aurelia-ui-toolkits/aurelia-mdc-web" alt="GitHub"
         target="_blank" rel="noopener">
         <i class="material-icons" aria-hidden="true" role="img">

diff --git a/packages/banner/package.json b/packages/banner/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@aurelia-mdc-web/banner",
-  "version": "9.2.1-au2",
+  "version": "9.2.2-au2",
   "publishConfig": {
     "access": "public"
   },
@@ -40,8 +40,8 @@
     "update-versions": "ts-node -P ../../tsconfig.scripts.json ../../scripts/update-versions.ts"
   },
   "dependencies": {
-    "@aurelia-mdc-web/base": "9.2.1-au2",
-    "@aurelia-mdc-web/button": "9.2.1-au2",
+    "@aurelia-mdc-web/base": "9.2.2-au2",
+    "@aurelia-mdc-web/button": "9.2.2-au2",
     "@material/banner": "^14.0.0"
   }
 }
diff --git a/packages/banner/src/mdc-banner.ts b/packages/banner/src/mdc-banner.ts
@@ -26,15 +26,15 @@ export class MdcBanner extends MdcComponent<MDCBannerFoundation> {
   centered: boolean;
 
   /** Sets banner icon */
-  @bindable
+  @bindable()
   icon: string;
 
   /** Sets the banner primary action text */
-  @bindable
+  @bindable()
   primaryAction: string;
 
   /** Sets the banner secondary action text */
-  @bindable
+  @bindable()
   secondaryAction: string;
 
   @bindable({ set: booleanAttr })

diff --git a/packages/base/package.json b/packages/base/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@aurelia-mdc-web/base",
-  "version": "9.2.1-au2",
+  "version": "9.2.2-au2",
   "publishConfig": {
     "access": "public"
   },
@@ -43,7 +43,7 @@
     "@material/base": "^14.0.0"
   },
   "peerDependencies": {
-    "aurelia": "^2.0.0-beta.16",
+    "aurelia": "2.0.0-beta.20",
     "tslib": "^2.1.0"
   }
-}
+}
diff --git a/packages/base/src/attributes/mdc-focus-trap.ts b/packages/base/src/attributes/mdc-focus-trap.ts
@@ -12,7 +12,7 @@ export class MdcFocusTrap {
   @bindable({ set: booleanAttr })
   delay: boolean;
 
-  @bindable
+  @bindable()
   initialFocusEl?: HTMLElement | (() => HTMLElement);
 
   @bindable({ set: booleanAttr })