@genesislcap/foundation-ui 14.166.0 → 14.167.0

package/dist/dts/_common/icons.d.ts

@@ -1,2 +1,2 @@
-export declare const closeIcon: (slot?: string) => string;
+export declare const closeIcon: (slot?: string, fill?: string) => string;
 //# sourceMappingURL=icons.d.ts.map

package/dist/dts/_common/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/_common/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,2BAMrB,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/_common/icons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,0CAMrB,CAAC"}

package/dist/dts/index.d.ts

@@ -85,4 +85,5 @@ export * from './tree-item';
 export * from './tree-view';
 export * from './url-input';
 export * from './utils/base-datasource';
+export { getPrefix as getDesignSystemPrefix } from './utils/dom';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC;AAExE,eAAO,MAAM,8BAA8B,yDAAuD,CAAC;AAEnG,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

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

@@ -1,3 +1,5 @@
+export * from './snackbar.types';
+export * from './snackbar.config';
 export * from './snackbar.styles';
 export * from './snackbar.template';
 export * from './snackbar';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/snackbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/snackbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,12 @@
+export declare const SNACKBAR_TYPE_DEFAULT = "default";
+export declare const SNACKBAR_TYPES: {
+    readonly DEFAULT: "default";
+    readonly ERROR: "error";
+    readonly SUCCESS: "success";
+};
+export declare const SNACKBAR_CLOSE_TIMEOUT = 10000;
+export declare const SNACKBAR_EVENTS_NAMES: {
+    readonly DISMISS: "dismiss";
+    readonly AUTO_DISMISS: "autoDismiss";
+};
+//# sourceMappingURL=snackbar.config.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.config.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAE/C,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,sBAAsB,QAAQ,CAAC;AAE5C,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC"}

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

@@ -1,6 +1,7 @@
 import { ErrorStructure } from '@genesislcap/foundation-errors';
 import { NotificationStructure } from '@genesislcap/foundation-notifications';
 import { FoundationElement } from '@microsoft/fast-foundation';
+import type { SnackbarType } from './snackbar.types';
 export declare const foundationSnackbarShadowOptions: ShadowRootInit;
 /**
  * @tagname %%prefix%%-snackbar
@@ -10,16 +11,24 @@ export declare class Snackbar extends FoundationElement {
     error: ErrorStructure;
     notification: NotificationStructure;
     deleteAnimation: string;
+    identifier: string;
     closeTimeout: number;
     autoClose: boolean;
-    type: 'error' | '';
+    type: SnackbarType;
+    private timeoutRef;
+    private dismissEventListener;
     connectedCallback(): void;
     errorChanged(oldValue: ErrorStructure, newValue: ErrorStructure): void;
     notificationChanged(oldValue: NotificationStructure, newValue: NotificationStructure): void;
+    /**
+     * Helper for remove snackbar from display with animation
+     */
+    handleDissmis(autoDissmis?: boolean): void;
     /**
      * Remove the snackbar from display.
      */
     dismiss(): void;
+    disconnectedCallback(): void;
 }
 /**
  * The Foundation Snackbar

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;AAI/D,eAAO,MAAM,+BAA+B,EAAE,cAG7C,CAAC;AAGF;;GAEG;AACH,qBAAa,QAAS,SAAQ,iBAAiB;IACtC,QAAQ,EAAE,WAAW,CAAC;IACjB,KAAK,EAAG,cAAc,CAAC;IACvB,YAAY,EAAG,qBAAqB,CAAC;IACrC,eAAe,SAAM;IACK,YAAY,EAAE,MAAM,CAAiB;IACxC,SAAS,EAAE,OAAO,CAAQ;IAChC,IAAI,EAAE,OAAO,GAAG,EAAE,CAAM;IAErD,iBAAiB;IAajB,YAAY,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc;IAI/D,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,EAAE,QAAQ,EAAE,qBAAqB;IAIpF;;OAEG;IACI,OAAO;CAGf;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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.styles.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,wBAAwB,EAAE,aAkFtC,CAAC"}
+{"version":3,"file":"snackbar.styles.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,wBAAwB,EAAE,aAsHtC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.template.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,mBAAmB,WAAY,MAAM,kEA2BjD,CAAC;AAEF,eAAO,MAAM,0BAA0B,+DAEtC,CAAC"}
+{"version":3,"file":"snackbar.template.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,mBAAmB,WAAY,MAAM,kEA6BjD,CAAC;AAEF,eAAO,MAAM,0BAA0B,+DAEtC,CAAC"}

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

@@ -0,0 +1,3 @@
+import { SNACKBAR_TYPES } from './snackbar.config';
+export type SnackbarType = (typeof SNACKBAR_TYPES)[keyof typeof SNACKBAR_TYPES];
+//# sourceMappingURL=snackbar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.types.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC"}

package/dist/esm/_common/icons.js

@@ -1,7 +1,7 @@
-export const closeIcon = (slot = 'start') => `
+export const closeIcon = (slot = 'start', fill = '#879ba6') => `
   <svg class="svg-icon" slot="${slot}" width="16px" height="16px">
     <g transform="matrix(1 0 0 1 -1865 -3576 )">
-      <path d="M 15.8825 14.185499999999998  L 9.697000000000001 8  L 14.825000000000001 2.872  L 15.8825 1.814499999999999  C 16.0385 1.6584999999999992  16.0385 1.4049999999999994  15.8825 1.2489999999999988  L 14.751 0.11749999999999972  C 14.594999999999999 -0.03850000000000087  14.3415 -0.03850000000000087  14.1855 0.11749999999999972  L 8 6.303000000000001  L 1.8145 0.11699999999999999  C 1.6585 -0.03900000000000059  1.4050000000000002 -0.03900000000000059  1.2489999999999999 0.11699999999999999  L 0.11699999999999999 1.2485  C -0.039000000000000014 1.4044999999999996  -0.039000000000000014 1.6579999999999995  0.11699999999999999 1.814  L 6.303000000000001 8  L 0.11699999999999999 14.185499999999998  C -0.039000000000000014 14.3415  -0.039000000000000014 14.594999999999999  0.11699999999999999 14.751000000000001  L 1.2485 15.8825  C 1.4045 16.0385  1.658 16.0385  1.814 15.8825  L 8 9.697  L 13.128 14.825  L 14.1855 15.8825  C 14.3415 16.0385  14.594999999999999 16.0385  14.751 15.8825  L 15.8825 14.751000000000001  C 16.0385 14.594999999999999  16.0385 14.3415  15.8825 14.185499999999998  Z " fill-rule="nonzero" fill="#879ba6" stroke="none" transform="matrix(1 0 0 1 1865 3576 )" />
+      <path d="M 15.8825 14.185499999999998  L 9.697000000000001 8  L 14.825000000000001 2.872  L 15.8825 1.814499999999999  C 16.0385 1.6584999999999992  16.0385 1.4049999999999994  15.8825 1.2489999999999988  L 14.751 0.11749999999999972  C 14.594999999999999 -0.03850000000000087  14.3415 -0.03850000000000087  14.1855 0.11749999999999972  L 8 6.303000000000001  L 1.8145 0.11699999999999999  C 1.6585 -0.03900000000000059  1.4050000000000002 -0.03900000000000059  1.2489999999999999 0.11699999999999999  L 0.11699999999999999 1.2485  C -0.039000000000000014 1.4044999999999996  -0.039000000000000014 1.6579999999999995  0.11699999999999999 1.814  L 6.303000000000001 8  L 0.11699999999999999 14.185499999999998  C -0.039000000000000014 14.3415  -0.039000000000000014 14.594999999999999  0.11699999999999999 14.751000000000001  L 1.2485 15.8825  C 1.4045 16.0385  1.658 16.0385  1.814 15.8825  L 8 9.697  L 13.128 14.825  L 14.1855 15.8825  C 14.3415 16.0385  14.594999999999999 16.0385  14.751 15.8825  L 15.8825 14.751000000000001  C 16.0385 14.594999999999999  16.0385 14.3415  15.8825 14.185499999999998  Z " fill-rule="nonzero" fill="${fill}" stroke="none" transform="matrix(1 0 0 1 1865 3576 )" />
     </g>
   </svg>
 `;

package/dist/esm/index.js

@@ -85,3 +85,4 @@ export * from './tree-item';
 export * from './tree-view';
 export * from './url-input';
 export * from './utils/base-datasource';
+export { getPrefix as getDesignSystemPrefix } from './utils/dom';

package/dist/esm/snackbar/index.js

@@ -1,3 +1,5 @@
+export * from './snackbar.types';
+export * from './snackbar.config';
 export * from './snackbar.styles';
 export * from './snackbar.template';
 export * from './snackbar';

package/dist/esm/snackbar/snackbar.config.js

@@ -0,0 +1,11 @@
+export const SNACKBAR_TYPE_DEFAULT = 'default';
+export const SNACKBAR_TYPES = {
+    DEFAULT: SNACKBAR_TYPE_DEFAULT,
+    ERROR: 'error',
+    SUCCESS: 'success',
+};
+export const SNACKBAR_CLOSE_TIMEOUT = 10000;
+export const SNACKBAR_EVENTS_NAMES = {
+    DISMISS: 'dismiss',
+    AUTO_DISMISS: 'autoDismiss',
+};

package/dist/esm/snackbar/snackbar.js

@@ -1,13 +1,13 @@
 import { __decorate } from "tslib";
 import { attr, observable } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
+import { SNACKBAR_TYPE_DEFAULT, SNACKBAR_CLOSE_TIMEOUT, SNACKBAR_EVENTS_NAMES, } from './snackbar.config';
 import { foundationSnackbarStyles as styles } from './snackbar.styles';
 import { foundationSnackbarTemplate as template } from './snackbar.template';
 export const foundationSnackbarShadowOptions = {
     mode: 'open',
     delegatesFocus: true,
 };
-const CLOSE_TIMEOUT = 10000;
 /**
  * @tagname %%prefix%%-snackbar
  */
@@ -15,34 +15,59 @@ export class Snackbar extends FoundationElement {
     constructor() {
         super(...arguments);
         this.deleteAnimation = '';
-        this.closeTimeout = CLOSE_TIMEOUT;
-        this.autoClose = true;
-        this.type = '';
+        this.closeTimeout = SNACKBAR_CLOSE_TIMEOUT;
+        this.autoClose = false;
+        this.type = SNACKBAR_TYPE_DEFAULT;
+        this.dismissEventListener = this.handleDissmis.bind(this);
     }
     connectedCallback() {
         super.connectedCallback();
         if (this.autoClose) {
-            setTimeout(() => {
-                this.deleteAnimation = 'snackbar-delete';
-                this.snackbar.onanimationend = () => {
-                    this.dismiss();
-                };
+            this.timeoutRef = setTimeout(() => {
+                this.handleDissmis(true);
             }, this.closeTimeout);
         }
+        this.addEventListener(SNACKBAR_EVENTS_NAMES.DISMISS, this.dismissEventListener);
     }
     errorChanged(oldValue, newValue) {
         var _a, _b, _c;
-        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 : '';
+        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;
-        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 : '';
+        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;
+    }
+    /**
+     * Helper for remove snackbar from display with animation
+     */
+    handleDissmis(autoDissmis = false) {
+        this.deleteAnimation = 'snackbar-delete';
+        this.snackbar.onanimationend = () => {
+            this.dismiss();
+            if (autoDissmis) {
+                this.dispatchEvent(new CustomEvent(SNACKBAR_EVENTS_NAMES.AUTO_DISMISS, {
+                    bubbles: true,
+                    composed: true,
+                    detail: this.identifier,
+                }));
+            }
+        };
     }
     /**
      * Remove the snackbar from display.
      */
     dismiss() {
         this.remove();
+        if (this.timeoutRef) {
+            clearTimeout(this.timeoutRef);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener(SNACKBAR_EVENTS_NAMES.DISMISS, this.dismissEventListener);
+        if (this.timeoutRef) {
+            clearTimeout(this.timeoutRef);
+        }
     }
 }
 __decorate([
@@ -54,11 +79,14 @@ __decorate([
 __decorate([
     observable
 ], Snackbar.prototype, "deleteAnimation", void 0);
+__decorate([
+    attr({ attribute: 'identifier' })
+], Snackbar.prototype, "identifier", void 0);
 __decorate([
     attr({ attribute: 'close-timeout' })
 ], Snackbar.prototype, "closeTimeout", void 0);
 __decorate([
-    attr({ attribute: 'auto-close' })
+    attr({ attribute: 'auto-close', mode: 'boolean' })
 ], Snackbar.prototype, "autoClose", void 0);
 __decorate([
     attr({ attribute: 'type' })

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

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 export const foundationSnackbarStyles = css `
-  @keyframes append-animate {
+  @keyframes append-from-left-animate {
     from {
       transform: translateX(100%);
       opacity: 0%;
@@ -12,7 +12,7 @@ export const foundationSnackbarStyles = css `
     }
   }
 
-  @keyframes delete-animate {
+  @keyframes delete-from-left-animate {
     from {
       transform: translateX(0%);
       opacity: 100%;
@@ -24,15 +24,51 @@ export const foundationSnackbarStyles = css `
     }
   }
 
+  @keyframes append-from-top-animate {
+    from {
+      transform: translateY(-100%);
+      opacity: 0%;
+    }
+
+    to {
+      transform: translateY(0%);
+      opacity: 100%;
+    }
+  }
+
+  @keyframes delete-from-top-animate {
+    from {
+      transform: translateY(0%);
+      opacity: 100%;
+    }
+
+    to {
+      transform: translateY(-100%);
+      opacity: 0%;
+    }
+  }
+
+  @keyframes delete-fade-animate {
+    from {
+      opacity: 100%;
+    }
+
+    to {
+      opacity: 0%;
+    }
+  }
+
   :host {
     --snackbar-min-width: 356px;
     --snackbar-min-height: 55px;
     --snackbar-max-width: 496px;
     --snackbar-max-height: 55px;
+    --snackbar-animation-name: append-from-left-animate;
+    --snackbar-animation-delete-name: delete-from-left-animate;
   }
 
   .snackbar {
-    animation: append-animate 0.3s linear;
+    animation: var(--snackbar-animation-name) 0.3s linear;
     max-width: var(--snackbar-max-width);
     min-width: var(--snackbar-min-width);
     max-height: var(--snackbar-max-height);
@@ -50,7 +86,7 @@ export const foundationSnackbarStyles = css `
   }
 
   .snackbar-delete {
-    animation: delete-animate 0.3s linear;
+    animation: var(--snackbar-animation-delete-name) 0.3s linear;
     opacity: 0%;
   }
 

package/dist/esm/snackbar/snackbar.template.js

@@ -1,30 +1,32 @@
 import { html, ref, repeat } from '@microsoft/fast-element';
 import { getPrefix } from '../utils';
 export const getPrefixedSnackbar = (prefix) => html `
-  <div class="snackbar ${(x) => x.deleteAnimation}" ${ref('snackbar')}>
+  <div part="snackbar" class="snackbar ${(x) => x.deleteAnimation}" ${ref('snackbar')}>
     <div part="content" class="content">
-      <div>
+      <slot name="content">
         ${(x) => { var _a, _b; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || ((_b = x.notification) === null || _b === void 0 ? void 0 : _b.body) || 'Place holder for error message'; }}
-      </div>
+      </slot>
     </div>
     <div part="action" class="action">
-      ${repeat((x) => {
+      <slot name="action">
+        ${repeat((x) => {
     var _a, _b, _c, _d, _e, _f;
     return ((_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.snackbar) === null || _c === void 0 ? void 0 : _c.confirmingActions) ||
         ((_f = (_e = (_d = x.notification) === null || _d === void 0 ? void 0 : _d.config) === null || _e === void 0 ? void 0 : _e.snackbar) === null || _f === void 0 ? void 0 : _f.confirmingActions);
 }, html `
-          <${prefix}-button
-            slot="action"
-            appearance="lightweight"
-            @click=${(x, c) => {
+            <${prefix}-button
+              slot="action"
+              appearance="lightweight"
+              @click=${(x, c) => {
     var _a;
     x === null || x === void 0 ? void 0 : x.action();
     (_a = c.parent) === null || _a === void 0 ? void 0 : _a.dismiss();
 }}
-          >
-            ${(x) => x.label}
-          </${prefix}-button>
-        `)}
+            >
+              ${(x) => x.label}
+            </${prefix}-button>
+          `)}
+      </slot>
     </div>
   </div>
 `;

package/dist/esm/snackbar/snackbar.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.166.0",
+  "version": "14.167.0",
   "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.166.0",
-    "@genesislcap/genx": "14.166.0",
-    "@genesislcap/rollup-builder": "14.166.0",
-    "@genesislcap/ts-builder": "14.166.0",
-    "@genesislcap/uvu-playwright-builder": "14.166.0",
-    "@genesislcap/vite-builder": "14.166.0",
-    "@genesislcap/webpack-builder": "14.166.0",
+    "@genesislcap/foundation-testing": "14.167.0",
+    "@genesislcap/genx": "14.167.0",
+    "@genesislcap/rollup-builder": "14.167.0",
+    "@genesislcap/ts-builder": "14.167.0",
+    "@genesislcap/uvu-playwright-builder": "14.167.0",
+    "@genesislcap/vite-builder": "14.167.0",
+    "@genesislcap/webpack-builder": "14.167.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^3.0.2",
     "rxjs": "^7.5.4"
@@ -91,12 +91,12 @@
     "@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.166.0",
-    "@genesislcap/foundation-criteria": "14.166.0",
-    "@genesislcap/foundation-errors": "14.166.0",
-    "@genesislcap/foundation-logger": "14.166.0",
-    "@genesislcap/foundation-notifications": "14.166.0",
-    "@genesislcap/foundation-utils": "14.166.0",
+    "@genesislcap/foundation-comms": "14.167.0",
+    "@genesislcap/foundation-criteria": "14.167.0",
+    "@genesislcap/foundation-errors": "14.167.0",
+    "@genesislcap/foundation-logger": "14.167.0",
+    "@genesislcap/foundation-notifications": "14.167.0",
+    "@genesislcap/foundation-utils": "14.167.0",
     "@microsoft/fast-colors": "^5.3.1",
     "@microsoft/fast-components": "^2.30.6",
     "@microsoft/fast-element": "^1.12.0",
@@ -118,5 +118,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "e0240354a82fbb1ce9dc5c87d8533fd1caddafb0"
+  "gitHead": "8a6557d767463d7bcb7b3ca4d209a951766481e3"
 }