@genesislcap/foundation-zero 14.172.1 → 14.172.2-PA-1208.2

package/dist/custom-elements.json

@@ -21862,7 +21862,15 @@
           "type": {
             "text": "StoryObj"
           },
-          "default": "{\n  render: ({ name, text, countries, search, autoPosition }) => html`\n    <div style=\"min-height: 400px;\">\n      <zero-multiselect\n        name=\"${name}\"\n        auto-position=\"${autoPosition}\"\n        .options=\"${countries}\"\n        search=\"${search}\"\n      >\n        ${text}\n      </zero-multiselect>\n    </div>\n  `,\n  args: {\n    name: 'Countries',\n    text: 'Multiselect',\n    search: true,\n    autoPosition: true,\n    countries: [\n      'Afghanistan',\n      'Aland Islands',\n      'Albania',\n      'Algeria',\n      'American Samoa',\n      'Andorra',\n      'Angola',\n      'Anguilla',\n      'Antarctica',\n      'Antigua and Barbuda',\n      'Argentina',\n      'Armenia',\n      'Aruba',\n      'Australia',\n      'Austria',\n      'Azerbaijan',\n      'Bahamas',\n      'Bahrain',\n      'Bangladesh',\n      'Barbados',\n      'Belarus',\n      'Belgium',\n      'Belize',\n      'Benin',\n      'Bermuda',\n      'Bhutan',\n      'Bolivia',\n      'Bonaire, Sint Eustatius and Saba',\n      'Bosnia and Herzegovina',\n      'Botswana',\n      'Bouvet Island',\n      'Brazil',\n      'British Indian Ocean Territory',\n      'Brunei Darussalam',\n      'Bulgaria',\n      'Burkina Faso',\n      'Burundi',\n      'Cambodia',\n      'Cameroon',\n      'Canada',\n      'Cape Verde',\n      'Cayman Islands',\n      'Central African Republic',\n      'Chad',\n    ],\n  },\n}"
+          "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": "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}"
         }
       ],
       "exports": [
@@ -21881,6 +21889,14 @@
             "name": "Primary",
             "module": "src/multiselect/multiselect.stories.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "Creatable",
+          "declaration": {
+            "name": "Creatable",
+            "module": "src/multiselect/multiselect.stories.ts"
+          }
         }
       ]
     },
@@ -22065,6 +22081,18 @@
                 "module": "src/multiselect/multiselect.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "creatable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "async",
@@ -22163,6 +22191,7 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "inheritedFrom": {
                 "name": "Multiselect",
                 "module": "src/multiselect/multiselect.ts"
@@ -22434,6 +22463,15 @@
                 "module": "src/multiselect/multiselect.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "showCreatable",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "isOptionSelected",
@@ -22495,6 +22533,14 @@
                 "module": "src/multiselect/multiselect.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "findExactMatchOptions",
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "setFilter",
@@ -22503,6 +22549,14 @@
                 "module": "src/multiselect/multiselect.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "addOption",
+              "inheritedFrom": {
+                "name": "Multiselect",
+                "module": "src/multiselect/multiselect.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "asyncSetFilter",
@@ -22864,6 +22918,28 @@
                 "module": "src/notification-listener/notification-listener.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "showNotificationToast",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "NotificationDataRow"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "NotificationListener",
+                "module": "src/notification-listener/notification-listener.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "_presentation",

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

@@ -2,4 +2,5 @@ import type { Meta, StoryObj } from '@storybook/web-components';
 declare const meta: Meta;
 export default meta;
 export declare const Primary: StoryObj;
+export declare const Creatable: 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;AAEpB,eAAO,MAAM,OAAO,EAAE,QAiErB,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;AAgDpB,eAAO,MAAM,OAAO,EAAE,QAsBrB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,QAsBvB,CAAC"}

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

@@ -4,16 +4,63 @@ const meta = {
     component: 'zero-multiselect',
 };
 export default meta;
+const countriesList = [
+    'Afghanistan',
+    'Aland Islands',
+    'Albania',
+    'Algeria',
+    'American Samoa',
+    'Andorra',
+    'Angola',
+    'Anguilla',
+    'Antarctica',
+    'Antigua and Barbuda',
+    'Argentina',
+    'Armenia',
+    'Aruba',
+    'Australia',
+    'Austria',
+    'Azerbaijan',
+    'Bahamas',
+    'Bahrain',
+    'Bangladesh',
+    'Barbados',
+    'Belarus',
+    'Belgium',
+    'Belize',
+    'Benin',
+    'Bermuda',
+    'Bhutan',
+    'Bolivia',
+    'Bonaire, Sint Eustatius and Saba',
+    'Bosnia and Herzegovina',
+    'Botswana',
+    'Bouvet Island',
+    'Brazil',
+    'British Indian Ocean Territory',
+    'Brunei Darussalam',
+    'Bulgaria',
+    'Burkina Faso',
+    'Burundi',
+    'Cambodia',
+    'Cameroon',
+    'Canada',
+    'Cape Verde',
+    'Cayman Islands',
+    'Central African Republic',
+    'Chad',
+];
 export const Primary = {
-    render: ({ name, text, countries, search, autoPosition }) => html `
+    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}"
       >
-        ${text}
+        <label slot="label">${text}</label>
       </zero-multiselect>
     </div>
   `,
@@ -22,51 +69,30 @@ export const Primary = {
         text: 'Multiselect',
         search: true,
         autoPosition: true,
-        countries: [
-            'Afghanistan',
-            'Aland Islands',
-            'Albania',
-            'Algeria',
-            'American Samoa',
-            'Andorra',
-            'Angola',
-            'Anguilla',
-            'Antarctica',
-            'Antigua and Barbuda',
-            'Argentina',
-            'Armenia',
-            'Aruba',
-            'Australia',
-            'Austria',
-            'Azerbaijan',
-            'Bahamas',
-            'Bahrain',
-            'Bangladesh',
-            'Barbados',
-            'Belarus',
-            'Belgium',
-            'Belize',
-            'Benin',
-            'Bermuda',
-            'Bhutan',
-            'Bolivia',
-            'Bonaire, Sint Eustatius and Saba',
-            'Bosnia and Herzegovina',
-            'Botswana',
-            'Bouvet Island',
-            'Brazil',
-            'British Indian Ocean Territory',
-            'Brunei Darussalam',
-            'Bulgaria',
-            'Burkina Faso',
-            'Burundi',
-            'Cambodia',
-            'Cameroon',
-            'Canada',
-            'Cape Verde',
-            'Cayman Islands',
-            'Central African Republic',
-            'Chad',
-        ],
+        creatable: false,
+        countries: countriesList,
+    },
+};
+export const Creatable = {
+    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: 'Creatable Multiselect',
+        search: true,
+        autoPosition: true,
+        creatable: true,
+        countries: countriesList,
     },
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.172.1",
+  "version": "14.172.2-PA-1208.2",
   "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.172.1",
-    "@genesislcap/rollup-builder": "14.172.1",
-    "@genesislcap/ts-builder": "14.172.1",
-    "@genesislcap/uvu-playwright-builder": "14.172.1",
-    "@genesislcap/vite-builder": "14.172.1",
-    "@genesislcap/webpack-builder": "14.172.1",
+    "@genesislcap/genx": "14.172.2-PA-1208.2",
+    "@genesislcap/rollup-builder": "14.172.2-PA-1208.2",
+    "@genesislcap/ts-builder": "14.172.2-PA-1208.2",
+    "@genesislcap/uvu-playwright-builder": "14.172.2-PA-1208.2",
+    "@genesislcap/vite-builder": "14.172.2-PA-1208.2",
+    "@genesislcap/webpack-builder": "14.172.2-PA-1208.2",
     "@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.172.1",
-    "@genesislcap/foundation-logger": "14.172.1",
-    "@genesislcap/foundation-ui": "14.172.1",
-    "@genesislcap/foundation-utils": "14.172.1",
+    "@genesislcap/foundation-comms": "14.172.2-PA-1208.2",
+    "@genesislcap/foundation-logger": "14.172.2-PA-1208.2",
+    "@genesislcap/foundation-ui": "14.172.2-PA-1208.2",
+    "@genesislcap/foundation-utils": "14.172.2-PA-1208.2",
     "@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": "66c4431f6b31fbed5f64e9e17f413c6c8c1a5c5b"
+  "gitHead": "e455ebce63459d464d2e46c9b6f5061903fbfa20"
 }