Bump MWC version (Angular Workspace) (#2650)

trimble-oss · Jun 27, 2024 · f921666 · f921666
1 parent c62a85c
commit f921666
Show file tree

Hide file tree

Showing 26 changed files with 300 additions and 374 deletions.
diff --git a/angular-workspace/ng14/package-lock.json b/angular-workspace/ng14/package-lock.json
diff --git a/angular-workspace/ng14/package.json b/angular-workspace/ng14/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^14.1.1",
     "@angular/platform-browser-dynamic": "^14.1.1",
     "@angular/router": "^14.1.1",
-    "@trimble-oss/modus-web-components": "0.31.0",
+    "@trimble-oss/modus-web-components": "0.33.0",
     "rxjs": "~7.8.1",
     "tslib": "^2.5.3",
     "zone.js": "~0.12.0"

diff --git a/angular-workspace/ng15/package-lock.json b/angular-workspace/ng15/package-lock.json
diff --git a/angular-workspace/ng15/package.json b/angular-workspace/ng15/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^15.2.9",
     "@angular/platform-browser-dynamic": "^15.2.9",
     "@angular/router": "^15.2.9",
-    "@trimble-oss/modus-web-components": "0.31.0",
+    "@trimble-oss/modus-web-components": "0.33.0",
     "rxjs": "~7.8.1",
     "tslib": "^2.5.3",
     "zone.js": "~0.12.0"

diff --git a/angular-workspace/ng16/package-lock.json b/angular-workspace/ng16/package-lock.json
diff --git a/angular-workspace/ng16/package.json b/angular-workspace/ng16/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^16.1.7",
     "@angular/platform-browser-dynamic": "^16.1.7",
     "@angular/router": "^16.1.7",
-    "@trimble-oss/modus-web-components": "0.31.0",
+    "@trimble-oss/modus-web-components": "0.33.0",
     "rxjs": "~7.8.1",
     "tslib": "^2.5.3",
     "zone.js": "~0.13.1"

diff --git a/angular-workspace/ng17/package-lock.json b/angular-workspace/ng17/package-lock.json
diff --git a/angular-workspace/ng17/package.json b/angular-workspace/ng17/package.json
@@ -18,7 +18,7 @@
     "@angular/platform-browser": "^17.2.2",
     "@angular/platform-browser-dynamic": "^17.2.2",
     "@angular/router": "^17.2.2",
-    "@trimble-oss/modus-web-components": "0.31.0",
+    "@trimble-oss/modus-web-components": "0.33.0",
     "rxjs": "~7.8.1",
     "tslib": "^2.5.3",
     "zone.js": "~0.14.4"

diff --git a/...ook/stories/components/modus-number-input/modus-number-input-storybook-docs.mdx b/...ook/stories/components/modus-number-input/modus-number-input-storybook-docs.mdx
@@ -16,32 +16,16 @@ This component is compatible with Angular reactive forms. This can be achieved t
 <modus-number-input label="Text Input Demo 6" placeholder="Placeholder" size="large" value="100"></modus-number-input>
 
 ```html
-<modus-number-input
-  label="Number Input Demo 1"
-  placeholder="Placeholder"
-  required="true"></modus-number-input>
+<modus-number-input label="Number Input Demo 1" placeholder="Placeholder" required="true"></modus-number-input>
 <modus-number-input
   disabled="true"
   label="Number Input Demo 2"
   placeholder="Placeholder"
   required="true"></modus-number-input>
-<modus-number-input
-  helper-text="Helper demo"
-  label="Number Input Demo 3"
-  placeholder="Placeholder"></modus-number-input>
-<modus-number-input
-  error-text="Error demo"
-  label="Number Input Demo 4"
-  placeholder="Placeholder"></modus-number-input>
-<modus-number-input
-  valid-text="Valid demo"
-  label="Number Input Demo 5"
-  placeholder="Placeholder"></modus-number-input>
-<modus-number-input
-  label="Text Input Demo 6"
-  placeholder="Placeholder"
-  size="large"
-  value="100"></modus-number-input>
+<modus-number-input helper-text="Helper demo" label="Number Input Demo 3" placeholder="Placeholder"></modus-number-input>
+<modus-number-input error-text="Error demo" label="Number Input Demo 4" placeholder="Placeholder"></modus-number-input>
+<modus-number-input valid-text="Valid demo" label="Number Input Demo 5" placeholder="Placeholder"></modus-number-input>
+<modus-number-input label="Text Input Demo 6" placeholder="Placeholder" size="large" value="100"></modus-number-input>
 ```
 
 ### Properties
@@ -64,7 +48,6 @@ This component is compatible with Angular reactive forms. This can be achieved t
 | `validText`   | `valid-text`  | (optional) The input's valid state text.                      | `string`              | `undefined` |
 | `value`       | `value`       | (optional) The input's value.                                 | `string`              | `undefined` |
 
-
 ### DOM Events
 
 | Event         | Description                                | Type                  |
@@ -77,7 +60,6 @@ This component is compatible with Angular reactive forms. This can be achieved t
 | ------------ | --------------- | --------- | --------------- |
 | `focusInput` | Focus the input |           | `Promise<void>` |
 
-
 ### Accessibility
 
 - Number Input gets an `aria-label` provided by the `aria-label` property input.

diff --git a/...-workspace/storybook/stories/components/modus-number-input/modus-number-input.stories.tsx b/...-workspace/storybook/stories/components/modus-number-input/modus-number-input.stories.tsx
@@ -94,18 +94,14 @@ export default {
     textAlign: {
       name: 'text-align',
       control: {
-        options: [
-          'left',
-          'right'
-        ],
+        options: ['left', 'right'],
         type: 'select',
       },
       description: 'text alignment for the number input.',
       table: {
         defaultValue: { summary: "'left'" },
         type: {
-          summary:
-            "'left' | 'right'",
+          summary: "'left' | 'right'",
         },
       },
     },

diff --git a/...orybook/stories/components/modus-pagination/modus-pagination-storybook-docs.mdx b/...orybook/stories/components/modus-pagination/modus-pagination-storybook-docs.mdx
@@ -29,21 +29,9 @@ import { Anchor } from '@storybook/addon-docs';
 <modus-pagination active-page="8" max-page="32" min-page="1" size="medium" prev-page-button-text="Prev" next-page-button-text="Next"></modus-pagination>
 
 ```html
-<modus-pagination
-  active-page="8"
-  max-page="32"
-  min-page="1"
-  size="medium"></modus-pagination>
-<modus-pagination
-  active-page="8"
-  max-page="32"
-  min-page="1"
-  size="large"></modus-pagination>
-<modus-pagination
-  active-page="8"
-  max-page="32"
-  min-page="1"
-  size="small"></modus-pagination>
+<modus-pagination active-page="8" max-page="32" min-page="1" size="medium"></modus-pagination>
+<modus-pagination active-page="8" max-page="32" min-page="1" size="large"></modus-pagination>
+<modus-pagination active-page="8" max-page="32" min-page="1" size="small"></modus-pagination>
 <modus-pagination
   active-page="8"
   max-page="32"
@@ -57,7 +45,7 @@ import { Anchor } from '@storybook/addon-docs';
 
 | Property             | Attribute               | Description                                                                         | Type     | Default     |
 | -------------------- | ----------------------- | ----------------------------------------------------------------------------------- | -------- | ----------- | -------- | ---------- |
-| `activePage`         | `active-page`           | The pagination's active page                                                        | `number` | `1` |
+| `activePage`         | `active-page`           | The pagination's active page                                                        | `number` | `1`         |
 | `ariaLabel`          | `aria-label`            | The pagination's aria-label                                                         | `string` | `undefined` |
 | `maxPage`            | `max-page`              | The pagination's maximum page                                                       | `number` | `undefined` |
 | `minPage`            | `min-page`              | The pagination's minimum page                                                       | `number` | `undefined` |

diff --git a/stencil-workspace/storybook/stories/components/modus-pagination/modus-pagination.stories.tsx b/stencil-workspace/storybook/stories/components/modus-pagination/modus-pagination.stories.tsx
@@ -38,15 +38,15 @@ export default {
     },
     prevPageButtonText: {
       name: 'prev-page-button-text',
-      description: "The previous page button text. If not set, an icon control will be used.",
+      description: 'The previous page button text. If not set, an icon control will be used.',
       table: {
         type: { summary: 'string' },
       },
       type: { required: false },
     },
     nextPageButtonText: {
       name: 'next-page-button-text',
-      description: "The next page button text. If not set, an icon control will be used.",
+      description: 'The next page button text. If not set, an icon control will be used.',
       table: {
         type: { summary: 'string' },
       },
@@ -78,15 +78,7 @@ export default {
   },
 };
 
-export const Default = ({
-  activePage,
-  ariaLabel,
-  maxPage,
-  minPage,
-  prevPageButtonText,
-  nextPageButtonText,
-  size,
-}) => html`
+export const Default = ({ activePage, ariaLabel, maxPage, minPage, prevPageButtonText, nextPageButtonText, size }) => html`
   <modus-pagination
     active-page=${activePage}
     aria-label=${ariaLabel}
@@ -108,15 +100,7 @@ Default.args = {
   size: 'medium',
 };
 
-export const Large = ({
-  activePage,
-  ariaLabel,
-  maxPage,
-  minPage,
-  prevPageButtonText,
-  nextPageButtonText,
-  size,
-}) => html`
+export const Large = ({ activePage, ariaLabel, maxPage, minPage, prevPageButtonText, nextPageButtonText, size }) => html`
   <modus-pagination
     active-page=${activePage}
     aria-label=${ariaLabel}
@@ -138,15 +122,7 @@ Large.args = {
   size: 'large',
 };
 
-export const Small = ({
-  activePage,
-  ariaLabel,
-  maxPage,
-  minPage,
-  prevPageButtonText,
-  nextPageButtonText,
-  size,
-}) => html`
+export const Small = ({ activePage, ariaLabel, maxPage, minPage, prevPageButtonText, nextPageButtonText, size }) => html`
   <modus-pagination
     active-page=${activePage}
     aria-label=${ariaLabel}

diff --git a/...ook/stories/components/modus-progress-bar/modus-progress-bar-storybook-docs.mdx b/...ook/stories/components/modus-progress-bar/modus-progress-bar-storybook-docs.mdx
@@ -7,55 +7,31 @@
 ### Default
 
 <div>
-  <modus-progress-bar
-    value="3"
-    max-value="4"
-    min-value="0"
-    text="75%"></modus-progress-bar>
+  <modus-progress-bar value="3" max-value="4" min-value="0" text="75%"></modus-progress-bar>
 </div>
 
 <Anchor storyId="components-progress-bar--default" />
 
 ### Small
 
 <div>
-  <modus-progress-bar
-    value="3"
-    max-value="4"
-    min-value="0"
-    size="small"></modus-progress-bar>
+  <modus-progress-bar value="3" max-value="4" min-value="0" size="small"></modus-progress-bar>
 </div>
 
 <Anchor storyId="components-progress-bar--small" />
 
 ### Compact
 
 <div>
-  <modus-progress-bar
-    value="3"
-    max-value="4"
-    min-value="0"
-    size="compact"></modus-progress-bar>
+  <modus-progress-bar value="3" max-value="4" min-value="0" size="compact"></modus-progress-bar>
 </div>
 
 <Anchor storyId="components-progress-bar--compact" />
 
 ```html
-<modus-progress-bar
-  value="3"
-  max-value="4"
-  min-value="0"
-  text="75%"></modus-progress-bar>
-<modus-progress-bar
-  value="3"
-  max-value="4"
-  min-value="0"
-  size="small"></modus-progress-bar>
-<modus-progress-bar
-  value="3"
-  max-value="4"
-  min-value="0"
-  size="compact"></modus-progress-bar>
+<modus-progress-bar value="3" max-value="4" min-value="0" text="75%"></modus-progress-bar>
+<modus-progress-bar value="3" max-value="4" min-value="0" size="small"></modus-progress-bar>
+<modus-progress-bar value="3" max-value="4" min-value="0" size="compact"></modus-progress-bar>
 ```
 
 ### Properties