@genesislcap/foundation-ui 14.180.2 → 14.180.4

package/dist/custom-elements.json

@@ -1044,37 +1044,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -2028,6 +1997,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchor/anchor.styles.ts",
@@ -27422,6 +27422,106 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/patterns/define.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "defineFactory",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "Type",
+              "type": {
+                "text": "TType"
+              },
+              "description": "The custom element Type / Class to define."
+            },
+            {
+              "name": "overriderOrBase",
+              "type": {
+                "text": "DefinitionOverrider | PartialFASTElementDefinition"
+              },
+              "description": "A function that merges definitions, or the base definition if custom merging is not needed."
+            }
+          ],
+          "description": "Defines a platform custom element based on the provided type and definition."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defineFactory",
+          "declaration": {
+            "name": "defineFactory",
+            "module": "src/patterns/define.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/patterns/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./define"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tag-for"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/patterns/tag-for.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "tagFor",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "dependency",
+              "type": {
+                "text": "TemplateElementDependency"
+              },
+              "description": "The dependency the template is dependent on."
+            }
+          ],
+          "description": "Determines what HTML tag name to use for the dependency."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "tagFor",
+          "declaration": {
+            "name": "tagFor",
+            "module": "src/patterns/tag-for.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/popper/index.ts",
@@ -27778,106 +27878,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/patterns/define.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "defineFactory",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "Type",
-              "type": {
-                "text": "TType"
-              },
-              "description": "The custom element Type / Class to define."
-            },
-            {
-              "name": "overriderOrBase",
-              "type": {
-                "text": "DefinitionOverrider | PartialFASTElementDefinition"
-              },
-              "description": "A function that merges definitions, or the base definition if custom merging is not needed."
-            }
-          ],
-          "description": "Defines a platform custom element based on the provided type and definition."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "defineFactory",
-          "declaration": {
-            "name": "defineFactory",
-            "module": "src/patterns/define.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/patterns/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./define"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tag-for"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/patterns/tag-for.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "tagFor",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "dependency",
-              "type": {
-                "text": "TemplateElementDependency"
-              },
-              "description": "The dependency the template is dependent on."
-            }
-          ],
-          "description": "Determines what HTML tag name to use for the dependency."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "tagFor",
-          "declaration": {
-            "name": "tagFor",
-            "module": "src/patterns/tag-for.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/progress/index.ts",
@@ -33826,7 +33826,7 @@
           "type": {
             "text": "ElementStyles"
           },
-          "default": "css`\n  @keyframes append-from-left-animate {\n    from {\n      transform: translateX(100%);\n      opacity: 0%;\n    }\n\n    to {\n      transform: translateX(0%);\n      opacity: 100%;\n    }\n  }\n\n  @keyframes delete-from-left-animate {\n    from {\n      transform: translateX(0%);\n      opacity: 100%;\n    }\n\n    to {\n      transform: translateX(100%);\n      opacity: 0%;\n    }\n  }\n\n  @keyframes append-from-top-animate {\n    from {\n      transform: translateY(-100%);\n      opacity: 0%;\n    }\n\n    to {\n      transform: translateY(0%);\n      opacity: 100%;\n    }\n  }\n\n  @keyframes delete-from-top-animate {\n    from {\n      transform: translateY(0%);\n      opacity: 100%;\n    }\n\n    to {\n      transform: translateY(-100%);\n      opacity: 0%;\n    }\n  }\n\n  @keyframes delete-fade-animate {\n    from {\n      opacity: 100%;\n    }\n\n    to {\n      opacity: 0%;\n    }\n  }\n\n  :host {\n    --snackbar-min-width: 356px;\n    --snackbar-min-height: 55px;\n    --snackbar-max-width: 496px;\n    --snackbar-max-height: 55px;\n    --snackbar-animation-name: append-from-left-animate;\n    --snackbar-animation-delete-name: delete-from-left-animate;\n  }\n\n  .snackbar {\n    animation: var(--snackbar-animation-name) 0.3s linear;\n    max-width: var(--snackbar-max-width);\n    min-width: var(--snackbar-min-width);\n    max-height: var(--snackbar-max-height);\n    background-color: var(--fill-color);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border-width: thin;\n    border-color: var(--neutral-fill-rest);\n    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);\n    box-sizing: border-box;\n    display: flex;\n    position: fixed;\n    bottom: 5px;\n    flex-direction: row;\n    padding: 2px 16px;\n  }\n\n  .snackbar-delete {\n    animation: var(--snackbar-animation-delete-name) 0.3s linear;\n    opacity: 0%;\n  }\n\n  .snackbar::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    height: calc(100% - 2px);\n    width: 2px;\n    border-radius: 2px;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    flex: 2;\n    font-size: 12px;\n    overflow: hidden;\n  }\n\n  .action {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    overflow: hidden;\n  }\n`"
+          "default": "css`\n  @keyframes append-from-left-animate {\n    from {\n      transform: translateX(100%);\n      opacity: 0%;\n    }\n\n    to {\n      transform: translateX(0%);\n      opacity: 100%;\n    }\n  }\n\n  @keyframes delete-from-left-animate {\n    from {\n      transform: translateX(0%);\n      opacity: 100%;\n    }\n\n    to {\n      transform: translateX(100%);\n      opacity: 0%;\n    }\n  }\n\n  @keyframes append-from-top-animate {\n    from {\n      transform: translateY(-100%);\n      opacity: 0%;\n    }\n\n    to {\n      transform: translateY(0%);\n      opacity: 100%;\n    }\n  }\n\n  @keyframes delete-from-top-animate {\n    from {\n      transform: translateY(0%);\n      opacity: 100%;\n    }\n\n    to {\n      transform: translateY(-100%);\n      opacity: 0%;\n    }\n  }\n\n  @keyframes delete-fade-animate {\n    from {\n      opacity: 100%;\n    }\n\n    to {\n      opacity: 0%;\n    }\n  }\n\n  :host {\n    --snackbar-min-width: 356px;\n    --snackbar-min-height: 55px;\n    --snackbar-max-width: 496px;\n    --snackbar-max-height: auto;\n    --snackbar-animation-name: append-from-left-animate;\n    --snackbar-animation-delete-name: delete-from-left-animate;\n  }\n\n  .snackbar {\n    animation: var(--snackbar-animation-name) 0.3s linear;\n    max-width: var(--snackbar-max-width);\n    min-width: var(--snackbar-min-width);\n    max-height: var(--snackbar-max-height);\n    background-color: var(--fill-color);\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    border-width: thin;\n    border-color: var(--neutral-fill-rest);\n    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);\n    box-sizing: border-box;\n    display: flex;\n    position: relative;\n    bottom: 5px;\n    flex-direction: row;\n    padding: 2px 16px;\n  }\n\n  .snackbar-delete {\n    animation: var(--snackbar-animation-delete-name) 0.3s linear;\n    opacity: 0%;\n  }\n\n  .snackbar::after {\n    content: '';\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    height: calc(100% - 2px);\n    width: 2px;\n    border-radius: 2px;\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n    flex: 2;\n    font-size: 12px;\n    overflow: hidden;\n  }\n\n  .action {\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    overflow: hidden;\n  }\n`"
         }
       ],
       "exports": [
@@ -33949,7 +33949,11 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "true"
+            },
+            {
+              "kind": "method",
+              "name": "autoCloseChanged"
             },
             {
               "kind": "field",
@@ -34172,7 +34176,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "fieldName": "autoClose"
             },
             {

package/dist/dts/snackbar/snackbar.d.ts

@@ -14,6 +14,7 @@ export declare class Snackbar extends FoundationElement {
     identifier: string;
     closeTimeout: number;
     autoClose: boolean;
+    autoCloseChanged(): void;
     type: SnackbarType;
     private timeoutRef;
     private dismissEventListener;

package/dist/dts/snackbar/snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAEF;;GAEG;AACH,qBAAa,QAAS,SAAQ,iBAAiB;IACtC,QAAQ,EAAE,WAAW,CAAC;IACjB,KAAK,EAAG,cAAc,CAAC;IACvB,YAAY,EAAG,qBAAqB,CAAC;IACrC,eAAe,SAAM;IACE,UAAU,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAA0B;IAChC,SAAS,EAAE,OAAO,CAAS;IAClD,IAAI,EAAE,YAAY,CAAyB;IAExE,OAAO,CAAC,UAAU,CAAgC;IAClD,OAAO,CAAC,oBAAoB,CAAiC;IAE7D,iBAAiB;IAYjB,YAAY,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc;IAI/D,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,qBAAqB;IAIpF;;OAEG;IACI,aAAa,CAAC,WAAW,GAAE,OAAe;IAgBjD;;OAEG;IACI,OAAO;IAQd,oBAAoB,IAAI,IAAI;CAS7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;mBAK7B,CAAC"}
+{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAEF;;GAEG;AACH,qBAAa,QAAS,SAAQ,iBAAiB;IACtC,QAAQ,EAAE,WAAW,CAAC;IACjB,KAAK,EAAG,cAAc,CAAC;IACvB,YAAY,EAAG,qBAAqB,CAAC;IACrC,eAAe,SAAM;IACE,UAAU,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAA0B;IAChC,SAAS,EAAE,OAAO,CAAQ;IAC9E,gBAAgB;IAWa,IAAI,EAAE,YAAY,CAAyB;IAExE,OAAO,CAAC,UAAU,CAAgC;IAClD,OAAO,CAAC,oBAAoB,CAAiC;IAE7D,iBAAiB;IAMjB,YAAY,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc;IAI/D,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,qBAAqB;IAMpF;;OAEG;IACI,aAAa,CAAC,WAAW,GAAE,OAAe;IAgBjD;;OAEG;IACI,OAAO;IAQd,oBAAoB,IAAI,IAAI;CAS7B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;mBAK7B,CAAC"}

package/dist/esm/snackbar/snackbar.js

@@ -16,17 +16,22 @@ export class Snackbar extends FoundationElement {
         super(...arguments);
         this.deleteAnimation = '';
         this.closeTimeout = SNACKBAR_CLOSE_TIMEOUT;
-        this.autoClose = false;
+        this.autoClose = true;
         this.type = SNACKBAR_TYPE_DEFAULT;
         this.dismissEventListener = this.handleDissmis.bind(this);
     }
-    connectedCallback() {
-        super.connectedCallback();
+    autoCloseChanged() {
         if (this.autoClose) {
             this.timeoutRef = setTimeout(() => {
                 this.handleDissmis(true);
             }, this.closeTimeout);
         }
+        if (!this.autoClose && this.timeoutRef) {
+            clearTimeout(this.timeoutRef);
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
         this.addEventListener(SNACKBAR_EVENTS_NAMES.DISMISS, this.dismissEventListener);
     }
     errorChanged(oldValue, newValue) {
@@ -34,8 +39,10 @@ export class Snackbar extends FoundationElement {
         this.type = (_c = (_b = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.config) === null || _a === void 0 ? void 0 : _a.snackbar) === null || _b === void 0 ? void 0 : _b.type) !== null && _c !== void 0 ? _c : SNACKBAR_TYPE_DEFAULT;
     }
     notificationChanged(oldValue, newValue) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         this.type = (_c = (_b = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.config) === null || _a === void 0 ? void 0 : _a.snackbar) === null || _b === void 0 ? void 0 : _b.type) !== null && _c !== void 0 ? _c : SNACKBAR_TYPE_DEFAULT;
+        this.autoClose = (_f = (_e = (_d = newValue === null || newValue === void 0 ? void 0 : newValue.config) === null || _d === void 0 ? void 0 : _d.snackbar) === null || _e === void 0 ? void 0 : _e.autoClose) !== null && _f !== void 0 ? _f : true;
+        this.closeTimeout = (_j = (_h = (_g = newValue === null || newValue === void 0 ? void 0 : newValue.config) === null || _g === void 0 ? void 0 : _g.snackbar) === null || _h === void 0 ? void 0 : _h.closeTimeout) !== null && _j !== void 0 ? _j : SNACKBAR_CLOSE_TIMEOUT;
     }
     /**
      * Helper for remove snackbar from display with animation

package/dist/esm/snackbar/snackbar.styles.js

@@ -62,7 +62,7 @@ export const foundationSnackbarStyles = css `
     --snackbar-min-width: 356px;
     --snackbar-min-height: 55px;
     --snackbar-max-width: 496px;
-    --snackbar-max-height: 55px;
+    --snackbar-max-height: auto;
     --snackbar-animation-name: append-from-left-animate;
     --snackbar-animation-delete-name: delete-from-left-animate;
   }
@@ -79,7 +79,7 @@ export const foundationSnackbarStyles = css `
     box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);
     box-sizing: border-box;
     display: flex;
-    position: fixed;
+    position: relative;
     bottom: 5px;
     flex-direction: row;
     padding: 2px 16px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.180.2",
+  "version": "14.180.4",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -74,13 +74,13 @@
     "test:debug": "genx test --debug"
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.180.2",
-    "@genesislcap/genx": "14.180.2",
-    "@genesislcap/rollup-builder": "14.180.2",
-    "@genesislcap/ts-builder": "14.180.2",
-    "@genesislcap/uvu-playwright-builder": "14.180.2",
-    "@genesislcap/vite-builder": "14.180.2",
-    "@genesislcap/webpack-builder": "14.180.2",
+    "@genesislcap/foundation-testing": "14.180.4",
+    "@genesislcap/genx": "14.180.4",
+    "@genesislcap/rollup-builder": "14.180.4",
+    "@genesislcap/ts-builder": "14.180.4",
+    "@genesislcap/uvu-playwright-builder": "14.180.4",
+    "@genesislcap/vite-builder": "14.180.4",
+    "@genesislcap/webpack-builder": "14.180.4",
     "copyfiles": "^2.4.1",
     "rimraf": "^3.0.2",
     "rxjs": "^7.5.4"
@@ -91,13 +91,13 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
-    "@genesislcap/foundation-comms": "14.180.2",
-    "@genesislcap/foundation-criteria": "14.180.2",
-    "@genesislcap/foundation-errors": "14.180.2",
-    "@genesislcap/foundation-logger": "14.180.2",
-    "@genesislcap/foundation-notifications": "14.180.2",
-    "@genesislcap/foundation-user": "14.180.2",
-    "@genesislcap/foundation-utils": "14.180.2",
+    "@genesislcap/foundation-comms": "14.180.4",
+    "@genesislcap/foundation-criteria": "14.180.4",
+    "@genesislcap/foundation-errors": "14.180.4",
+    "@genesislcap/foundation-logger": "14.180.4",
+    "@genesislcap/foundation-notifications": "14.180.4",
+    "@genesislcap/foundation-user": "14.180.4",
+    "@genesislcap/foundation-utils": "14.180.4",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -119,5 +119,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "5fdd1837209acabc17881ad7062a2ec304df0b18"
+  "gitHead": "dc94e00acfd326762a5567d00bf4af3bf3959910"
 }