@genesislcap/foundation-zero 14.176.1-alpha-6ef4895.0 → 14.177.0

package/dist/custom-elements.json

@@ -21861,16 +21861,42 @@
           "name": "Primary",
           "type": {
             "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, autoPosition, creatable }) => html`\n    <div style=\"min-height: 400px;\">\n      <zero-multiselect\n        name=\"${name}\"\n        auto-position=\"${autoPosition}\"\n        .options=\"${countries}\"\n        search=\"${search}\"\n        creatable=\"${creatable}\"\n      >\n        <label slot=\"label\">${text}</label>\n      </zero-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Multiselect',\n    search: true,\n    autoPosition: true,\n    creatable: false,\n    countries: countriesList,\n  },\n}"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "Disabled",
+          "type": {
+            "text": "StoryObj"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "DisabledOptions",
+          "type": {
+            "text": "StoryObj"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "AutoPosition",
+          "type": {
+            "text": "StoryObj"
+          }
         },
         {
           "kind": "variable",
           "name": "Creatable",
           "type": {
             "text": "StoryObj"
-          },
-          "default": "{\n  render: ({ name, text, countries, search, autoPosition, creatable }) => html`\n    <div style=\"min-height: 400px;\">\n      <zero-multiselect\n        name=\"${name}\"\n        auto-position=\"${autoPosition}\"\n        .options=\"${countries}\"\n        search=\"${search}\"\n        creatable=\"${creatable}\"\n      >\n        <label slot=\"label\">${text}</label>\n      </zero-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Creatable Multiselect',\n    search: true,\n    autoPosition: true,\n    creatable: true,\n    countries: countriesList,\n  },\n}"
+          }
+        },
+        {
+          "kind": "variable",
+          "name": "ContainsSearch",
+          "type": {
+            "text": "StoryObj"
+          }
         }
       ],
       "exports": [
@@ -21890,6 +21916,30 @@
             "module": "src/multiselect/multiselect.stories.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "Disabled",
+          "declaration": {
+            "name": "Disabled",
+            "module": "src/multiselect/multiselect.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DisabledOptions",
+          "declaration": {
+            "name": "DisabledOptions",
+            "module": "src/multiselect/multiselect.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "AutoPosition",
+          "declaration": {
+            "name": "AutoPosition",
+            "module": "src/multiselect/multiselect.stories.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "Creatable",
@@ -21897,6 +21947,14 @@
             "name": "Creatable",
             "module": "src/multiselect/multiselect.stories.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "ContainsSearch",
+          "declaration": {
+            "name": "ContainsSearch",
+            "module": "src/multiselect/multiselect.stories.ts"
+          }
         }
       ]
     },
@@ -22006,6 +22064,19 @@
                 "name": "Multiselect",
                 "module": "src/multiselect/multiselect.ts"
               }
+            },
+            {
+              "name": "filter-by-contains",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check",
+              "fieldName": "filterByContains",
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
             }
           ],
           "members": [
@@ -22117,6 +22188,19 @@
                 "module": "src/multiselect/multiselect.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "filterByContains",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check",
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "debounceChanged",
@@ -39449,7 +39533,7 @@
             {
               "name": "log-level",
               "type": {
-                "text": "number"
+                "text": "LogLevel"
               },
               "description": "Allows users to control the logging level of the network monitor via the component.",
               "fieldName": "logLevel",
@@ -39635,7 +39719,7 @@
               "kind": "field",
               "name": "logLevel",
               "type": {
-                "text": "number"
+                "text": "LogLevel"
               },
               "description": "Allows users to control the logging level of the network monitor via the component.",
               "inheritedFrom": {
@@ -39658,7 +39742,7 @@
               "type": {
                 "text": "SystemHealthStatus"
               },
-              "default": "{\n    isOnline: true,\n    isHealthy: true,\n    socket: {},\n    resources: {},\n  }",
+              "default": "{\n    isOnline: true,\n    isHealthy: true,\n    browserInformation: {},\n    socket: {},\n    resources: {},\n  }",
               "description": "Last known system health status.",
               "inheritedFrom": {
                 "name": "SystemHealthOverlay",

package/dist/dts/multiselect/multiselect.stories.d.ts

@@ -2,5 +2,9 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Primary: StoryObj;
+export declare const Disabled: StoryObj;
+export declare const DisabledOptions: StoryObj;
+export declare const AutoPosition: StoryObj;
 export declare const Creatable: StoryObj;
+export declare const ContainsSearch: StoryObj;
 //# sourceMappingURL=multiselect.stories.d.ts.map

package/dist/dts/multiselect/multiselect.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAgDpB,eAAO,MAAM,OAAO,EAAE,QAsBrB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,QAsBvB,CAAC"}
+{"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA0IpB,eAAO,MAAM,OAAO,EAAE,QAA6C,CAAC;AACpE,eAAO,MAAM,QAAQ,EAAE,QAA0D,CAAC;AAElF,eAAO,MAAM,eAAe,EAAE,QAG5B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,QAIzB,CAAC;AAEH,eAAO,MAAM,SAAS,EAAE,QAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,QAG3B,CAAC"}

package/dist/esm/multiselect/multiselect.stories.js

@@ -50,49 +50,93 @@ const countriesList = [
     'Central African Republic',
     'Chad',
 ];
-export const Primary = {
-    render: ({ name, text, countries, search, autoPosition, creatable }) => html `
-    <div style="min-height: 400px;">
-      <zero-multiselect
-        name="${name}"
-        auto-position="${autoPosition}"
-        .options="${countries}"
-        search="${search}"
-        creatable="${creatable}"
-      >
-        <label slot="label">${text}</label>
-      </zero-multiselect>
-    </div>
-  `,
-    args: {
-        name: 'Countries',
-        text: 'Multiselect',
-        search: true,
-        autoPosition: true,
-        creatable: false,
-        countries: countriesList,
+const disabledCountriesExample = [
+    {
+        value: 'AFG',
+        label: 'Afghanistan',
+        disabled: false,
     },
-};
-export const Creatable = {
-    render: ({ name, text, countries, search, autoPosition, creatable }) => html `
+    {
+        value: 'ALA',
+        label: 'Aland Islands',
+    },
+    {
+        value: 'ALB',
+        label: 'Albania',
+        disabled: false,
+    },
+    {
+        value: 'ALG',
+        label: 'Algeria',
+        disabled: false,
+    },
+    {
+        value: 'AND',
+        label: 'Andorra',
+        disabled: true,
+    },
+    {
+        value: 'ARG',
+        label: 'Argentina',
+        disabled: true,
+    },
+    {
+        value: 'ARM',
+        label: 'Armenia',
+        disabled: false,
+    },
+    {
+        value: 'AUS',
+        label: 'Australia',
+        disabled: false,
+    },
+    {
+        value: 'AUT',
+        label: 'Austria',
+        disabled: true,
+    },
+    {
+        value: 'AZE',
+        label: 'Azerbaijan',
+        disabled: false,
+    },
+];
+const makeStory = (args) => ({
+    render: ({ name, text, countries, search, disabled, creatable, autoPosition, filterByContains, }) => html `
     <div style="min-height: 400px;">
       <zero-multiselect
         name="${name}"
-        auto-position="${autoPosition}"
         .options="${countries}"
+        auto-position="${autoPosition}"
         search="${search}"
+        disabled="${disabled}"
         creatable="${creatable}"
+        filter-by-contains="${filterByContains}"
       >
         <label slot="label">${text}</label>
       </zero-multiselect>
     </div>
   `,
-    args: {
-        name: 'Countries',
-        text: 'Creatable Multiselect',
-        search: true,
-        autoPosition: true,
-        creatable: true,
-        countries: countriesList,
-    },
-};
+    args: Object.assign({ name: 'Countries', search: true, disabled: false, countries: countriesList, autoPosition: true, creatable: false, filterByContains: false }, args),
+});
+export const Primary = makeStory({ text: 'MultiSelect' });
+export const Disabled = makeStory({ text: 'Disabled', disabled: true });
+export const DisabledOptions = makeStory({
+    text: 'Disabled Options',
+    countries: disabledCountriesExample,
+});
+export const AutoPosition = makeStory({
+    text: 'Disabled Auto Position',
+    countries: disabledCountriesExample,
+    autoPosition: false,
+});
+export const Creatable = makeStory({
+    text: 'Creatable',
+    countries: disabledCountriesExample,
+    autoPosition: false,
+    creatable: true,
+});
+export const ContainsSearch = makeStory({
+    text: 'Search By Contains',
+    filterByContains: true,
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.176.1-alpha-6ef4895.0",
+  "version": "14.177.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -67,12 +67,12 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
-    "@genesislcap/genx": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/rollup-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/ts-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/uvu-playwright-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/vite-builder": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/webpack-builder": "14.176.1-alpha-6ef4895.0",
+    "@genesislcap/genx": "14.177.0",
+    "@genesislcap/rollup-builder": "14.177.0",
+    "@genesislcap/ts-builder": "14.177.0",
+    "@genesislcap/uvu-playwright-builder": "14.177.0",
+    "@genesislcap/vite-builder": "14.177.0",
+    "@genesislcap/webpack-builder": "14.177.0",
     "@storybook/addon-coverage": "^1.0.1",
     "@storybook/addon-essentials": "^8.0.0",
     "@storybook/addon-links": "^8.0.0",
@@ -89,10 +89,10 @@
     "storybook": "^8.0.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/foundation-logger": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/foundation-ui": "14.176.1-alpha-6ef4895.0",
-    "@genesislcap/foundation-utils": "14.176.1-alpha-6ef4895.0",
+    "@genesislcap/foundation-comms": "14.177.0",
+    "@genesislcap/foundation-logger": "14.177.0",
+    "@genesislcap/foundation-ui": "14.177.0",
+    "@genesislcap/foundation-utils": "14.177.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -109,5 +109,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "7576777c410789f2699b2522129c8a206f3ccacf"
+  "gitHead": "b3c0ce3e0fa58bae562c2c9bec96beee6a4a2ed4"
 }