@limetech/lime-elements 36.3.1 → 36.3.2-next.2

package/dist/cjs/limel-snackbar.cjs.entry.js

@@ -536,7 +536,7 @@ var MDCSnackbar = /** @class */ (function (_super) {
     return MDCSnackbar;
 }(component.MDCComponent));
 
-const snackbarCss = ":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media (max-width: 480px), (max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action::before,.mdc-snackbar__action::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover::before,.mdc-snackbar__action.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size{width:36px;height:36px;padding:6px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-icon-button--touch{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px;}.mdc-snackbar__surface{background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-16)}.mdc-snackbar__label{color:var(--mdc-theme-on-surface);display:flex;justify-content:center}.mdc-snackbar__actions{gap:0.5rem;padding-left:0.5rem}";
+const snackbarCss = ":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media (max-width: 480px), (max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action::before,.mdc-snackbar__action::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover::before,.mdc-snackbar__action.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size{width:36px;height:36px;padding:6px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-icon-button--touch{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px;}.mdc-snackbar__surface{min-width:unset;max-width:42rem;background-color:rgb(var(--contrast-1400));box-shadow:var(--shadow-depth-8), var(--shadow-depth-16);gap:0.75rem}.mdc-snackbar__label{color:rgb(var(--contrast-100))}.mdc-snackbar__actions{gap:0.5rem}.mdc-snackbar__actions{--lime-elevated-surface-background-color:rgb(\n      var(--contrast-1300)\n  )}.mdc-snackbar__actions limel-icon-button.mdc-snackbar__dismiss{transform:scale(0.8);margin:0;padding:0}.dismiss{--mdc-theme-on-surface:rgb(var(--contrast-100));--icon-background-color:var(--lime-elevated-surface-background-color);--fill-color:var(--mdc-theme-primary);--track-color:rgb(var(--contrast-800), 0.2);position:relative;display:flex;align-items:center;justify-content:center}.dismiss svg{position:absolute;transform:rotate(90deg);fill:transparent;stroke-dasharray:100;stroke-linecap:round}.mdc-snackbar--open .dismiss svg{animation:timeout var(--snackbar-timeout) linear forwards}@keyframes timeout{0%{stroke-width:4;stroke-dashoffset:0;opacity:1}100%{stroke-width:1;stroke-dashoffset:-100;opacity:0.7}}";
 
 const Snackbar = class {
   constructor(hostRef) {
@@ -546,7 +546,7 @@ const Snackbar = class {
     this.message = undefined;
     this.timeout = 5000;
     this.actionText = undefined;
-    this.dismissible = undefined;
+    this.dismissible = true;
     this.multiline = undefined;
     this.language = 'en';
     this.handleMdcClosing = this.handleMdcClosing.bind(this);
@@ -583,7 +583,9 @@ const Snackbar = class {
     return (index.h("aside", { class: `
                     mdc-snackbar
                     ${this.multiline ? 'mdc-snackbar--stacked' : ''}
-                ` }, index.h("div", { class: "mdc-snackbar__surface", role: "status", "aria-relevant": "additions" }, index.h("div", { class: "mdc-snackbar__label", "aria-atomic": "false" }), this.renderActions(this.actionText, this.dismissible))));
+                `, style: {
+        '--snackbar-timeout': `${this.timeout}ms`,
+      } }, index.h("div", { class: "mdc-snackbar__surface", role: "status", "aria-relevant": "additions" }, index.h("div", { class: "mdc-snackbar__label", "aria-atomic": "false" }), this.renderActions(this.actionText, this.dismissible))));
   }
   handleMdcClosing(event) {
     if (event.detail.reason === 'action') {
@@ -610,7 +612,10 @@ const Snackbar = class {
       return;
     }
     const label = translations.translate.get('snackbar.dismiss', this.language);
-    return (index.h("limel-icon-button", { class: "mdc-icon-button mdc-snackbar__dismiss", icon: "multiply", label: label }));
+    return (index.h("div", { class: "dismiss" }, this.renderTimeoutVisualization(), index.h("limel-icon-button", { class: "mdc-icon-button mdc-snackbar__dismiss", icon: "multiply", label: label })));
+  }
+  renderTimeoutVisualization() {
+    return (index.h("svg", { width: "36", height: "36", viewBox: "0 0 36 36" }, index.h("circle", { r: "18", cx: "18", cy: "18", fill: "var(--track-color)" }), index.h("path", { class: "track", d: "M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0", stroke: "var(--fill-color)" })));
   }
   get host() { return index.getElement(this); }
 };

package/dist/collection/components/snackbar/snackbar.css

@@ -360,17 +360,62 @@
 }
 
 .mdc-snackbar__surface {
-  background-color: var(--lime-elevated-surface-background-color);
-  box-shadow: var(--shadow-depth-16);
+  min-width: unset;
+  max-width: 42rem;
+  background-color: rgb(var(--contrast-1400));
+  box-shadow: var(--shadow-depth-8), var(--shadow-depth-16);
+  gap: 0.75rem;
 }
 
 .mdc-snackbar__label {
-  color: var(--mdc-theme-on-surface);
-  display: flex;
-  justify-content: center;
+  color: rgb(var(--contrast-100));
 }
 
 .mdc-snackbar__actions {
   gap: 0.5rem;
-  padding-left: 0.5rem;
+}
+
+.mdc-snackbar__actions {
+  --lime-elevated-surface-background-color: rgb(
+      var(--contrast-1300)
+  );
+}
+.mdc-snackbar__actions limel-icon-button.mdc-snackbar__dismiss {
+  transform: scale(0.8);
+  margin: 0;
+  padding: 0;
+}
+
+.dismiss {
+  --mdc-theme-on-surface: rgb(var(--contrast-100));
+  --icon-background-color: var(--lime-elevated-surface-background-color);
+  --fill-color: var(--mdc-theme-primary);
+  --track-color: rgb(var(--contrast-800), 0.2);
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.dismiss svg {
+  position: absolute;
+  transform: rotate(90deg);
+  fill: transparent;
+  stroke-dasharray: 100;
+  stroke-linecap: round;
+}
+.mdc-snackbar--open .dismiss svg {
+  animation: timeout var(--snackbar-timeout) linear forwards;
+}
+
+@keyframes timeout {
+  0% {
+    stroke-width: 4;
+    stroke-dashoffset: 0;
+    opacity: 1;
+  }
+  100% {
+    stroke-width: 1;
+    stroke-dashoffset: -100;
+    opacity: 0.7;
+  }
 }

package/dist/collection/components/snackbar/snackbar.js

@@ -23,6 +23,7 @@ import translate from '../../global/translations';
  * [Dialog](/#/component/limel-dialog/) is a better choice.
  * :::
  * @exampleComponent limel-example-snackbar
+ * @exampleComponent limel-example-snackbar-dismissible
  * @exampleComponent limel-example-snackbar-with-action
  * @exampleComponent limel-example-snackbar-with-changing-messages
  */
@@ -31,7 +32,7 @@ export class Snackbar {
     this.message = undefined;
     this.timeout = 5000;
     this.actionText = undefined;
-    this.dismissible = undefined;
+    this.dismissible = true;
     this.multiline = undefined;
     this.language = 'en';
     this.handleMdcClosing = this.handleMdcClosing.bind(this);
@@ -68,7 +69,9 @@ export class Snackbar {
     return (h("aside", { class: `
                     mdc-snackbar
                     ${this.multiline ? 'mdc-snackbar--stacked' : ''}
-                ` }, h("div", { class: "mdc-snackbar__surface", role: "status", "aria-relevant": "additions" }, h("div", { class: "mdc-snackbar__label", "aria-atomic": "false" }), this.renderActions(this.actionText, this.dismissible))));
+                `, style: {
+        '--snackbar-timeout': `${this.timeout}ms`,
+      } }, h("div", { class: "mdc-snackbar__surface", role: "status", "aria-relevant": "additions" }, h("div", { class: "mdc-snackbar__label", "aria-atomic": "false" }), this.renderActions(this.actionText, this.dismissible))));
   }
   handleMdcClosing(event) {
     if (event.detail.reason === 'action') {
@@ -95,7 +98,10 @@ export class Snackbar {
       return;
     }
     const label = translate.get('snackbar.dismiss', this.language);
-    return (h("limel-icon-button", { class: "mdc-icon-button mdc-snackbar__dismiss", icon: "multiply", label: label }));
+    return (h("div", { class: "dismiss" }, this.renderTimeoutVisualization(), h("limel-icon-button", { class: "mdc-icon-button mdc-snackbar__dismiss", icon: "multiply", label: label })));
+  }
+  renderTimeoutVisualization() {
+    return (h("svg", { width: "36", height: "36", viewBox: "0 0 36 36" }, h("circle", { r: "18", cx: "18", cy: "18", fill: "var(--track-color)" }), h("path", { class: "track", d: "M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0", stroke: "var(--fill-color)" })));
   }
   static get is() { return "limel-snackbar"; }
   static get encapsulation() { return "shadow"; }
@@ -175,10 +181,11 @@ export class Snackbar {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "True if the snackbar is dismissible, false otherwise"
+          "text": "When `true` displays a dismiss button on the snackbar,\nallowing users to close it."
         },
         "attribute": "dismissible",
-        "reflect": false
+        "reflect": false,
+        "defaultValue": "true"
       },
       "multiline": {
         "type": "boolean",

package/dist/collection/icons/multiply.svg

@@ -0,0 +1,593 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   version="1.1"
+   id="svg13588"
+   width="800"
+   height="800"
+   viewBox="0 0 800 800"
+   sodipodi:docname="yoga-exercise-5-publicdomainvectors.org.svg"
+   inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs13592">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath13604">
+      <path
+         d="M 0,600 H 600 V 0 H 0 Z"
+         id="path13602" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="namedview13590"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="1.04625"
+     inkscape:cx="400"
+     inkscape:cy="400.4779"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g13596">
+    <inkscape:page
+       x="0"
+       y="0"
+       id="page13594"
+       width="800"
+       height="800" />
+  </sodipodi:namedview>
+  <g
+     id="g13596"
+     inkscape:groupmode="layer"
+     inkscape:label="Page 1"
+     transform="matrix(1.3333333,0,0,-1.3333333,0,800)">
+    <g
+       id="g13598">
+      <g
+         id="g13600"
+         clip-path="url(#clipPath13604)">
+        <g
+           id="g13606"
+           transform="translate(578.1914,386.9897)">
+          <path
+             d="m 0,0 c -0.485,0.142 -1.749,-0.009 -2.118,-0.805 -0.135,-0.289 -0.265,-0.568 -0.391,-0.84 L 1.248,-2.419 C 1.076,-0.893 0.722,-0.488 0,0"
+             style="fill:#b4281c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13608" />
+        </g>
+        <g
+           id="g13610"
+           transform="translate(516.7393,323.3911)">
+          <path
+             d="m 0,0 c 8.265,6.945 15.04,12.196 19.5,14.237 10.155,4.67 35.493,11.545 39.625,13.864 0.943,0.516 14.303,9.853 14.684,10.425 -0.098,0.981 -0.378,1.987 -0.901,2.823 -2.305,0.126 -4.492,0.99 -5.66,-0.311 -0.594,-0.488 -0.775,-1.254 -1.141,-1.888 -0.596,-0.578 -1.405,-0.848 -2.122,-1.236 -0.458,0.824 -1.155,1.538 -1.358,2.481 -0.084,0.8 -0.041,1.598 0.027,2.396 L -9.285,2.777 Z"
+             style="fill:#ab8fa7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13612" />
+        </g>
+        <g
+           id="g13614"
+           transform="translate(506.0645,314.2578)">
+          <path
+             d="M 0,0 C 3.766,3.255 7.341,6.332 10.675,9.133 L 1.39,11.911 Z"
+             style="fill:#5898c4;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13616" />
+        </g>
+        <g
+           id="g13618"
+           transform="translate(542.9297,375.9956)">
+          <path
+             d="m 0,0 c 0.396,0.003 0.803,0.003 1.212,0.006 1.118,-6.253 7.396,-9.463 2.804,-18.155 -2.629,2.69 -5.165,5.469 -7.77,8.178 C -2.536,-6.635 -1.227,-3.333 0,0 m 36.464,-9.814 c 0.09,1.05 0.227,2.101 0.194,3.155 C 36.641,2.424 36.741,6.518 36.51,8.575 L 32.753,9.349 C 29.245,1.765 29.028,0.082 29.318,-3.117 c 0.044,-4.188 -0.11,-6.974 -4.405,-8.84 -1.442,-0.683 -3.037,-1.885 -4.11,-1.685 -1.323,0.443 -2.27,2.665 -2.423,4.089 -0.148,2.113 0.974,7.868 -6.611,13.23 C 5.387,7.579 7.566,16.667 -1.915,15.505 -5.617,15.143 -5.384,11.813 -5.531,10.57 -5.709,9.602 -5.59,9.583 -13.534,-4.541 c -6.705,-12.148 -9.663,-11.606 -10.61,-16.477 -0.427,-1.395 0.406,-3.207 -1.485,-4.977 -4.624,-4.6 -8.894,-8.37 -12.996,-11.593 l 3.149,-12.239 z"
+             style="fill:#b28e76;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13620" />
+        </g>
+        <g
+           id="g13622"
+           transform="translate(444.6328,294.9004)">
+          <path
+             d="M 0,0 13.263,-20.008 C 30.065,-7.961 47.111,6.977 61.432,19.357 l 1.389,11.911 z"
+             style="fill:#6dc9cd;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13624" />
+        </g>
+        <g
+           id="g13626"
+           transform="translate(507.4541,326.1685)">
+          <path
+             d="M 0,0 -3.149,12.239 C -10.905,6.146 -18.054,2.011 -25.83,-2.068 -44.614,-12.122 -52.949,-16.987 -58.164,-19.485 l -4.657,-11.783 z"
+             style="fill:#abc38b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13628" />
+        </g>
+        <g
+           id="g13630"
+           transform="translate(449.29,306.6836)">
+          <path
+             d="m 0,0 c -3.591,-1.721 -5.704,-2.318 -8.728,-2.715 l 4.071,-9.068 z"
+             style="fill:#c8c46c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13632" />
+        </g>
+        <g
+           id="g13634"
+           transform="translate(418.6631,157.9316)">
+          <path
+             d="M 0,0 C 11.132,9.652 20.939,20.578 29.581,31.682 L 3.797,56.238 Z"
+             style="fill:#0097de;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13636" />
+        </g>
+        <g
+           id="g13638"
+           transform="translate(448.2441,189.6133)">
+          <path
+             d="m 0,0 c 0.379,0.486 0.757,0.973 1.131,1.459 3.886,5.062 3.449,6.111 5.46,8.9 1.073,1.479 5.215,4.541 3.137,11.524 -0.078,0.267 -0.748,2.26 -1.842,4.918 l -33.67,-2.244 z"
+             style="fill:#008dde;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13640" />
+        </g>
+        <g
+           id="g13642"
+           transform="translate(456.1299,216.4141)">
+          <path
+             d="m 0,0 c -1.766,4.285 -4.641,10.299 -7.939,13.605 -4.687,4.918 -12.329,9.075 -18.967,8.778 L -33.67,-2.244 Z"
+             style="fill:#169ee2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13644" />
+        </g>
+        <g
+           id="g13646"
+           transform="translate(435.6045,262.0293)">
+          <path
+             d="m 0,0 c 4.052,1.113 5.959,3.859 6.686,4.307 3.06,2.017 6.854,2.531 9.904,4.576 1.894,1.283 3.797,2.613 5.701,3.98 L 9.028,32.871 Z"
+             style="fill:#169ee2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13648" />
+        </g>
+        <g
+           id="g13650"
+           transform="translate(344.5723,276.9902)">
+          <path
+             d="m 0,0 3.646,9.332 c 0,0.129 0,0.252 10e-4,0.383 1.077,13.767 0.874,7.99 4.692,20.359 0.224,0.184 0.498,0.332 0.634,0.604 7.217,13.488 5.145,10.521 9.594,16.842 l 21.942,56.157 c -0.112,0.141 -0.224,0.283 -0.339,0.42 -6.587,7.817 -12.498,9.928 -18.669,10.813 L -32.406,88.975 Z"
+             style="fill:#dae262;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13652" />
+        </g>
+        <g
+           id="g13654"
+           transform="translate(384.5479,85.0684)">
+          <path
+             d="m 0,0 c 0.72,0.219 1.31,0.449 1.722,0.67 9.897,5.273 7.686,12.971 7.195,24.621 -0.08,0.568 0.076,3.545 -1.021,3.701 -2.269,0.584 -2.601,2.041 -2.583,4.342 -0.311,4.213 0.387,2.619 -6.684,11.029 l -24.96,-12.48 z"
+             style="fill:#008ad9;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13656" />
+        </g>
+        <g
+           id="g13658"
+           transform="translate(429.2236,238.7969)">
+          <path
+             d="m 0,0 c -0.978,-0.045 -1.934,-0.184 -2.855,-0.434 0,0 0.9,0.18 -21.882,-6.609 -0.606,-0.205 -1.431,-0.613 -2.411,-1.143 l 20.384,-16.441 z"
+             style="fill:#74e0e0;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13660" />
+        </g>
+        <g
+           id="g13662"
+           transform="translate(348.2188,274.0508)">
+          <path
+             d="M 0,0 C -0.009,1.127 -0.015,2.322 -0.017,3.59 L -3.646,2.939 Z"
+             style="fill:#74e0e0;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13664" />
+        </g>
+        <g
+           id="g13666"
+           transform="translate(394.0088,285.8398)">
+          <path
+             d="M 0,0 C 4.135,-3.971 8.962,-8.229 14.681,-12.848 28.211,-24.057 36.56,-25.195 41.596,-23.811 L 50.624,9.061 Z"
+             style="fill:#74e0e0;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13668" />
+        </g>
+        <g
+           id="g13670"
+           transform="translate(364.4443,326.3667)">
+          <path
+             d="m 0,0 c 0.849,-0.372 1.78,-0.771 2.321,-1.565 0.775,-1.99 0.28,-4.357 1.614,-6.159 5.67,-9.397 11.731,-19.461 25.629,-32.803 l 50.624,9.061 -4.07,9.068 c -0.803,-0.103 -1.67,-0.195 -2.646,-0.289 -4.493,-0.166 -4.938,0.219 -8.271,3.572 -9.275,10.226 -14.161,26.168 -20.166,33.657 -2.34,3.004 -4.916,5.839 -6.899,9.101 -5.15,8.855 -7.877,19.108 -10.539,22.186 -1.212,1.427 -2.512,2.773 -3.717,4.206 -1.171,1.352 -2.13,2.869 -3.243,4.266 L -1.305,-1.856 C -0.922,-1.311 -0.49,-0.699 0,0"
+             style="fill:#afdf7b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13672" />
+        </g>
+        <g
+           id="g13674"
+           transform="translate(348.2021,277.6406)">
+          <path
+             d="M 0,0 C -0.006,2.57 0.001,5.447 0.016,8.682 L -3.63,-0.65 Z"
+             style="fill:#afdf7b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13676" />
+        </g>
+        <g
+           id="g13678"
+           transform="translate(326.9551,481.7827)">
+          <path
+             d="m 0,0 c -1.489,8.546 -3.643,17.625 -6.05,23.015 -4.362,9.577 -11.904,10.8 -17.282,15.756 -1.261,1.333 -2.633,2.275 -4.04,2.898 l 2.065,-68.797 z"
+             style="fill:#df2200;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13680" />
+        </g>
+        <g
+           id="g13682"
+           transform="translate(358.2168,116.9512)">
+          <path
+             d="m 0,0 24.96,12.48 c -0.54,0.643 -1.124,1.342 -1.759,2.108 -0.691,0.85 -2.932,3.281 -2.155,4.496 3.416,2.367 5.94,-0.412 12.111,2.818 9.886,5.338 18.958,11.852 27.289,19.078 l 3.797,56.239 z"
+             style="fill:#009be2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13684" />
+        </g>
+        <g
+           id="g13686"
+           transform="translate(358.2168,116.9512)">
+          <path
+             d="m 0,0 64.243,97.219 -38.941,7.929 c -1.491,-0.529 -2.939,-1.154 -4.268,-2.031 -6.223,-4.517 -10.297,-2.685 -16.513,-3.756 -3.008,-0.422 -3.884,3.998 -5.599,11.16 l -58.901,11.997 z"
+             style="fill:#14b4ec;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13688" />
+        </g>
+        <g
+           id="g13690"
+           transform="translate(327.0127,455.6626)">
+          <path
+             d="M 0,0 C 1.056,1.846 1.834,4.053 2.053,7.606 2.06,11.404 1.262,18.553 -0.058,26.12 L -25.364,-1.008 Z"
+             style="fill:#dc2b00;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13692" />
+        </g>
+        <g
+           id="g13694"
+           transform="translate(320.665,444.6831)">
+          <path
+             d="M 0,0 C 2.002,5.78 4.568,7.867 6.348,10.979 L -19.017,9.972 Z"
+             style="fill:#df5e00;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13696" />
+        </g>
+        <g
+           id="g13698"
+           transform="translate(298.2373,239.4687)">
+          <path
+             d="m 0,0 58.901,-11.996 c -0.567,2.369 -1.225,5.039 -2.084,7.934 -5.329,19.917 -6.67,17.406 -6.836,38.644 l -3.646,2.939 z"
+             style="fill:#67d7ef;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13700" />
+        </g>
+        <g
+           id="g13702"
+           transform="translate(402.0752,230.6113)">
+          <path
+             d="m 0,0 c -3.558,-1.924 -9.174,-5.475 -13.905,-6.996 -1.537,-0.522 -3.117,-0.969 -4.652,-1.516 l 38.942,-7.929 z"
+             style="fill:#67d7ef;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13704" />
+        </g>
+        <g
+           id="g13706"
+           transform="translate(355.9492,90.625)">
+          <path
+             d="m 0,0 c 12.19,-3.049 8.91,-3.252 13.257,-5.043 5.149,-2.332 11.83,-1.578 15.342,-0.514 L 2.268,26.326 Z"
+             style="fill:#0074d4;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13708" />
+        </g>
+        <g
+           id="g13710"
+           transform="translate(312.166,365.9653)">
+          <path
+             d="M 0,0 53.907,25.935 C 45.898,27.082 37.452,26.165 26.52,32.973 16.573,38.858 5.767,41.569 5.446,51.589 5.408,65.657 6.734,73.622 8.499,78.718 l -19.017,9.971 z"
+             style="fill:#e88200;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13712" />
+        </g>
+        <g
+           id="g13714"
+           transform="translate(312.166,365.9653)">
+          <path
+             d="M 0,0 -42.923,-65.096 32.406,-88.975 Z"
+             style="fill:#dcf07c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13716" />
+        </g>
+        <g
+           id="g13718"
+           transform="translate(225.1816,138.5547)">
+          <path
+             d="M 0,0 133.035,-21.604 73.056,100.914 Z"
+             style="fill:#31bded;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13720" />
+        </g>
+        <g
+           id="g13722"
+           transform="translate(355.9492,90.625)">
+          <path
+             d="M 0,0 2.268,26.326 -20.757,6.762 c 8,-2.766 15.308,-5.459 19.29,-6.401 C -0.953,0.236 -0.467,0.115 0,0"
+             style="fill:#0069d5;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13724" />
+        </g>
+        <g
+           id="g13726"
+           transform="translate(225.1816,138.5547)">
+          <path
+             d="m 0,0 8.559,-58.115 c 4.263,0.603 8.996,1.705 14.864,4.004 5.525,2.033 11.453,2.527 17.073,4.213 6.626,2.05 12.966,4.882 19.431,7.369 15.21,6.023 17.269,9.484 22.973,8.716 7.048,-0.658 17.572,-4.058 27.111,-7.355 l 23.024,19.564 z"
+             style="fill:#0181dd;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13728" />
+        </g>
+        <g
+           id="g13730"
+           transform="translate(216.0854,183.4687)">
+          <path
+             d="M 0,0 9.096,-44.914 82.152,56 Z"
+             style="fill:#8bebdb;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13732" />
+        </g>
+        <g
+           id="g13734"
+           transform="translate(301.6484,454.6548)">
+          <path
+             d="M 0,0 -36.386,-71.918 10.518,-88.689 Z"
+             style="fill:#f38900;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13736" />
+        </g>
+        <g
+           id="g13738"
+           transform="translate(269.2427,300.8691)">
+          <path
+             d="M 0,0 28.995,-61.4 75.33,-23.879 Z"
+             style="fill:#b7f3bb;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13740" />
+        </g>
+        <g
+           id="g13742"
+           transform="translate(265.4712,515.9917)">
+          <path
+             d="m 0,0 c -5.74,-5.332 -5.494,-13.276 -7.929,-20.031 -2.488,-6.871 -0.271,-14.435 -3.022,-21.654 -0.332,-0.95 -1.548,-2.81 -1.973,-5.643 l 0.931,-7.638 c 0.022,-0.059 0.041,-0.118 0.064,-0.179 1.682,-4.462 3.688,-6.111 5.816,-8.281 L 14.817,4.458 C 9.663,4.323 5.518,5.767 0,0"
+             style="fill:#ef3500;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13744" />
+        </g>
+        <g
+           id="g13746"
+           transform="translate(299.583,523.4517)">
+          <path
+             d="m 0,0 c -3.692,1.637 -7.625,1.069 -10.417,-0.463 -3.42,-2.001 -6.277,-2.471 -8.877,-2.539 l -20.931,-67.884 c 1.127,-1.148 2.288,-2.443 3.454,-4.38 0.842,-1.365 1.515,-2.792 2.068,-4.264 l 36.768,10.733 z"
+             style="fill:#f43800;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13748" />
+        </g>
+        <g
+           id="g13750"
+           transform="translate(301.6484,454.6548)">
+          <path
+             d="m 0,0 -36.768,-10.733 c 1.894,-5.034 2.391,-10.602 3.426,-16.089 0.347,-1.888 0.184,-3.81 0.224,-5.716 -0.475,-7.014 1.782,-11.357 -6.969,-16.273 l 3.701,-23.107 z"
+             style="fill:#f77700;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13752" />
+        </g>
+        <g
+           id="g13754"
+           transform="translate(265.2627,382.7368)">
+          <path
+             d="m 0,0 3.98,-81.868 42.923,65.097 z"
+             style="fill:#f2da4a;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13756" />
+        </g>
+        <g
+           id="g13758"
+           transform="translate(253.478,461.0259)">
+          <path
+             d="M 0,0 -0.931,7.638 C -1.237,5.602 -1.132,3.064 0,0"
+             style="fill:#fb6100;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13760" />
+        </g>
+        <g
+           id="g13762"
+           transform="translate(269.2427,300.8691)">
+          <path
+             d="m 0,0 -34.43,-11.291 c 4.375,-19.814 1.914,-25.602 0.369,-32.424 L 28.995,-61.4 Z"
+             style="fill:#d8f890;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13764" />
+        </g>
+        <g
+           id="g13766"
+           transform="translate(183.2183,271.7305)">
+          <path
+             d="M 0,0 C 0.559,0.451 1.134,0.947 1.728,1.496 L -1.529,0.428 Z"
+             style="fill:#d8f890;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13768" />
+        </g>
+        <g
+           id="g13770"
+           transform="translate(298.2373,239.4687)">
+          <path
+             d="m 0,0 -63.056,17.686 c -0.217,-0.959 -0.416,-1.94 -0.575,-2.981 -4.827,-28.373 -3.895,-27.422 -7.923,-36.496 -0.886,-2.527 -4.431,-1.537 -17.768,3.27 -4.097,1.519 -6.828,2.607 -8.685,3.404 L -82.152,-56 Z"
+             style="fill:#c5f5c1;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13772" />
+        </g>
+        <g
+           id="g13774"
+           transform="translate(182.1704,270.9199)">
+          <path
+             d="M 0,0 C 0.343,0.254 0.692,0.523 1.048,0.811 L -0.481,1.238 Z"
+             style="fill:#c5f5c1;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13776" />
+        </g>
+        <g
+           id="g13778"
+           transform="translate(178.2236,77.3145)">
+          <path
+             d="m 0,0 c 1.748,-0.338 3.177,-0.359 3.87,-0.437 9.577,-0.79 19.166,-1.26 28.525,0.898 C 41.31,2.6 47.604,2.004 55.517,3.125 L 46.958,61.24 Z"
+             style="fill:#6cb0c4;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13780" />
+        </g>
+        <g
+           id="g13782"
+           transform="translate(212.9209,392.1343)">
+          <path
+             d="m 0,0 c -7.358,-3.378 -11.848,-9.501 -15.415,-12.913 -3.459,-3.684 -2.798,-1.984 -5.258,-8.591 -1.752,-4.541 -4.212,-8.777 -5.869,-13.361 -0.621,-1.584 -0.969,-3.253 -1.559,-4.849 -3.336,-9.049 -11.784,-15.183 -16.209,-23.89 -10e-4,-10e-4 -0.003,-0.004 -0.004,-0.007 l 13.083,-56.365 36.298,48.028 c 0.446,1.161 0.907,2.314 1.402,3.45 0.192,0.404 0.393,1.573 2.82,2.136 l 43.053,56.964 z"
+             style="fill:#ffd100;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13784" />
+        </g>
+        <g
+           id="g13786"
+           transform="translate(184.9458,273.2266)">
+          <path
+             d="m 0,0 c 2.113,1.949 4.474,4.564 7.256,8.246 6.137,7.947 13.187,15.176 18.881,23.467 3.187,4.646 4.897,10.023 6.905,15.246 L -3.256,-1.068 Z"
+             style="fill:#f9ed2d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13788" />
+        </g>
+        <g
+           id="g13790"
+           transform="translate(265.2627,382.7368)">
+          <path
+             d="m 0,0 -43.053,-56.965 c 0.032,0.007 0.059,0.016 0.092,0.023 1.473,-2.116 3.247,-4.095 4.089,-6.579 4.089,-12.477 6.753,-22.079 8.422,-29.638 l 34.43,11.291 z"
+             style="fill:#f9ed2d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13792" />
+        </g>
+        <g
+           id="g13794"
+           transform="translate(261.561,405.8433)">
+          <path
+             d="m 0,0 c -2.75,-1.545 -6.583,-3.145 -11.933,-4.904 -20.513,-6.807 -23.499,-5.765 -29.432,-6.675 -2.707,-0.38 -5.114,-1.138 -7.275,-2.13 l 52.342,-9.398 z"
+             style="fill:#fd9d00;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13796" />
+        </g>
+        <g
+           id="g13798"
+           transform="translate(216.0854,183.4687)">
+          <path
+             d="m 0,0 -15.855,40.883 c -9.291,3.988 3.366,0.662 -22.866,7.346 L -43.208,6.254 Z"
+             style="fill:#cbf387;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13800" />
+        </g>
+        <g
+           id="g13802"
+           transform="translate(181.5063,270.4414)">
+          <path
+             d="M 0,0 C 0.219,0.152 0.44,0.312 0.664,0.478 L 0.183,1.717 Z"
+             style="fill:#cbf387;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13804" />
+        </g>
+        <g
+           id="g13806"
+           transform="translate(208.02,135.877)">
+          <path
+             d="M 0,0 C 3.134,-1.705 5.926,-3.359 7.395,-4.527 6.783,-5.061 6.337,-5.752 5.719,-6.275 c -1.337,-1.192 -23.474,-3.84 -24.076,-4.055 -4.022,-1.281 -13.359,-10.352 -15.739,-14.982 -1.006,-1.821 -1.362,-3.893 -2.164,-5.792 -2.845,-7.011 -8.646,-14.029 -2.605,-21.931 2.726,-3.654 6.299,-4.99 9.069,-5.528 L 17.162,2.678 Z"
+             style="fill:#8bcfa3;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13808" />
+        </g>
+        <g
+           id="g13810"
+           transform="translate(172.8774,189.7227)">
+          <path
+             d="M 0,0 52.304,-51.168 43.208,-6.254 Z"
+             style="fill:#96eaa2;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13812" />
+        </g>
+        <g
+           id="g13814"
+           transform="translate(172.8774,189.7227)">
+          <path
+             d="m 0,0 -7.637,-31.27 c 3.667,-2.658 6.324,-4.375 7.192,-4.82 7.389,-3.402 14.389,-7.594 21.821,-10.904 2.728,-1.201 8.696,-4.094 13.767,-6.852 l 17.161,2.678 z"
+             style="fill:#9ae292;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13816" />
+        </g>
+        <g
+           id="g13818"
+           transform="translate(168.6074,328.5229)">
+          <path
+             d="m 0,0 c -11.738,-23.529 -11.302,-31.66 -21.896,-24.757 -18.937,10.683 -32.469,18.709 -42.418,25.002 l -12.992,-20.584 c 4.429,-4.291 9.657,-9.283 15.89,-15.086 l 74.498,-20.94 z"
+             style="fill:#ffce00;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13820" />
+        </g>
+        <g
+           id="g13822"
+           transform="translate(137.1387,234.541)">
+          <path
+             d="m 0,0 c -1.537,-1.059 -2.47,-2.176 -3.458,-3.123 -10.068,-10.852 -9.165,-13.883 -9.26,-23.637 0.043,-3.965 0.834,-8.011 2.866,-11.465 1.019,-1.714 2.16,-3.427 3.393,-5.127 l 42.198,-1.466 z"
+             style="fill:#f0d03c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13824" />
+        </g>
+        <g
+           id="g13826"
+           transform="translate(107.1909,293.0977)">
+          <path
+             d="m 0,0 c 7.815,-7.275 17.21,-15.828 28.605,-25.885 9.381,-8.099 9.154,-10.064 19.65,-9.246 3.198,0.342 7.985,1.262 10.469,3.293 6.432,5.234 10.463,5.602 15.591,9.182 l 0.184,1.717 z"
+             style="fill:#f6e63a;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13828" />
+        </g>
+        <g
+           id="g13830"
+           transform="translate(177.3643,231.6973)">
+          <path
+             d="M 0,0 C -1.25,0.318 -2.586,0.66 -4.019,1.025 -4.932,1.332 -5.602,2.145 -6.576,2.311 -14.828,4.234 -20.919,7.525 -29.362,6.232 -35.081,5.557 -38.186,4.25 -40.226,2.844 L -4.487,-41.975 Z"
+             style="fill:#f6e63a;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13832" />
+        </g>
+        <g
+           id="g13834"
+           transform="translate(130.6802,191.1895)">
+          <path
+             d="m 0,0 c 9.73,-13.412 25.341,-26.055 34.56,-32.736 l 7.637,31.269 z"
+             style="fill:#c7df6f;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13836" />
+        </g>
+        <g
+           id="g13838"
+           transform="translate(56.7227,368.0815)">
+          <path
+             d="m 0,0 c -4.445,3.398 -7.547,6.24 -9.778,8.602 l -14.208,-3.612 4.815,-6.731 c 0.309,1.335 0.768,2.766 1.413,4.3 8.121,-3.178 6.81,-9.274 5.773,-14.345 L 3.873,-33.953 c 6.915,-1.379 10.594,-6.458 30.706,-25.945 l 12.992,20.585 C 14.247,-18.236 21.153,-16.635 0,0"
+             style="fill:#feb200;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13840" />
+        </g>
+        <g
+           id="g13842"
+           transform="translate(46.9448,376.6831)">
+          <path
+             d="M 0,0 C -6,6.35 -5.693,9.213 -8.216,10.023 L -14.209,-3.611 Z"
+             style="fill:#fe9400;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13844" />
+        </g>
+        <g
+           id="g13846"
+           transform="translate(44.2983,353.9419)">
+          <path
+             d="M 0,0 C -4.392,-0.536 -8.714,3.901 -6.747,12.398 L -11.562,19.13 -21.876,4.264 c 0.042,-0.755 0.105,-1.526 0.151,-2.371 0.043,-1.914 -1.115,-3.187 -3.419,-2.41 -0.012,0.005 -0.024,0.011 -0.038,0.016 l -9.97,-14.371 c 3.016,-2.116 5.047,-1.11 7.693,-1.097 11.549,-0.04 11.379,0.704 12.926,-0.741 4.452,-3.88 12.301,-1.605 19.468,-2.537 5.205,-0.057 8.551,-0.006 11.362,-0.567 L 0.439,2.354 C 0.272,1.537 0.112,0.747 0,0"
+             style="fill:#ffa300;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13848" />
+        </g>
+        <g
+           id="g13850"
+           transform="translate(38.729,386.7065)">
+          <path
+             d="M 0,0 C -0.873,0.28 -2.083,0.315 -4.011,0.164 -5.262,0.213 -7.534,0.788 -8.336,-1.61 -9.564,-5.017 -8.434,-5.657 -9.828,-9.336 l 3.835,-4.299 z"
+             style="fill:#fd7700;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13852" />
+        </g>
+        <g
+           id="g13854"
+           transform="translate(3.2769,370.0132)">
+          <path
+             d="m 0,0 -3.018,-0.312 c -1.925,-10.076 7.434,-14.539 9.35,-23.095 -1.796,-0.753 -3.579,-1.54 -5.381,-2.269 1.949,-2.675 3.537,-4.299 4.918,-5.267 l 9.97,14.371 C 8.256,-13.681 5.736,-8.311 0,0"
+             style="fill:#ff8800;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13856" />
+        </g>
+        <g
+           id="g13858"
+           transform="translate(26.4971,372.4243)">
+          <path
+             d="M 0,0 C -4.024,-7.823 -4.262,-10.867 -4.075,-14.219 L 6.239,0.648 Z"
+             style="fill:#ff8800;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13860" />
+        </g>
+        <g
+           id="g13862"
+           transform="translate(28.9014,377.3706)">
+          <path
+             d="M 0,0 C -0.405,-1.069 -1.022,-2.393 -1.974,-4.117 -2.123,-4.4 -2.265,-4.676 -2.404,-4.946 l 6.239,0.647 z"
+             style="fill:#fd7400;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13864" />
+        </g>
+        <g
+           id="g13866"
+           transform="translate(1.2061,372.9331)">
+          <path
+             d="M 0,0 C -0.444,-1.142 -0.752,-2.216 -0.947,-3.232 L 2.071,-2.92 C 1.424,-1.983 0.74,-1.012 0,0"
+             style="fill:#fd7400;fill-opacity:1;fill-rule:nonzero;stroke:none"
+             id="path13868" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/esm/limel-snackbar.entry.js

@@ -532,7 +532,7 @@ var MDCSnackbar = /** @class */ (function (_super) {
     return MDCSnackbar;
 }(MDCComponent));
 
-const snackbarCss = ":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media (max-width: 480px), (max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action::before,.mdc-snackbar__action::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover::before,.mdc-snackbar__action.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size{width:36px;height:36px;padding:6px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-icon-button--touch{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px;}.mdc-snackbar__surface{background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-16)}.mdc-snackbar__label{color:var(--mdc-theme-on-surface);display:flex;justify-content:center}.mdc-snackbar__actions{gap:0.5rem;padding-left:0.5rem}";
+const snackbarCss = ":host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media (max-width: 480px), (max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action::before,.mdc-snackbar__action::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover::before,.mdc-snackbar__action.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size{width:36px;height:36px;padding:6px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-icon-button--touch{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px;}.mdc-snackbar__surface{min-width:unset;max-width:42rem;background-color:rgb(var(--contrast-1400));box-shadow:var(--shadow-depth-8), var(--shadow-depth-16);gap:0.75rem}.mdc-snackbar__label{color:rgb(var(--contrast-100))}.mdc-snackbar__actions{gap:0.5rem}.mdc-snackbar__actions{--lime-elevated-surface-background-color:rgb(\n      var(--contrast-1300)\n  )}.mdc-snackbar__actions limel-icon-button.mdc-snackbar__dismiss{transform:scale(0.8);margin:0;padding:0}.dismiss{--mdc-theme-on-surface:rgb(var(--contrast-100));--icon-background-color:var(--lime-elevated-surface-background-color);--fill-color:var(--mdc-theme-primary);--track-color:rgb(var(--contrast-800), 0.2);position:relative;display:flex;align-items:center;justify-content:center}.dismiss svg{position:absolute;transform:rotate(90deg);fill:transparent;stroke-dasharray:100;stroke-linecap:round}.mdc-snackbar--open .dismiss svg{animation:timeout var(--snackbar-timeout) linear forwards}@keyframes timeout{0%{stroke-width:4;stroke-dashoffset:0;opacity:1}100%{stroke-width:1;stroke-dashoffset:-100;opacity:0.7}}";
 
 const Snackbar = class {
   constructor(hostRef) {
@@ -542,7 +542,7 @@ const Snackbar = class {
     this.message = undefined;
     this.timeout = 5000;
     this.actionText = undefined;
-    this.dismissible = undefined;
+    this.dismissible = true;
     this.multiline = undefined;
     this.language = 'en';
     this.handleMdcClosing = this.handleMdcClosing.bind(this);
@@ -579,7 +579,9 @@ const Snackbar = class {
     return (h("aside", { class: `
                     mdc-snackbar
                     ${this.multiline ? 'mdc-snackbar--stacked' : ''}
-                ` }, h("div", { class: "mdc-snackbar__surface", role: "status", "aria-relevant": "additions" }, h("div", { class: "mdc-snackbar__label", "aria-atomic": "false" }), this.renderActions(this.actionText, this.dismissible))));
+                `, style: {
+        '--snackbar-timeout': `${this.timeout}ms`,
+      } }, h("div", { class: "mdc-snackbar__surface", role: "status", "aria-relevant": "additions" }, h("div", { class: "mdc-snackbar__label", "aria-atomic": "false" }), this.renderActions(this.actionText, this.dismissible))));
   }
   handleMdcClosing(event) {
     if (event.detail.reason === 'action') {
@@ -606,7 +608,10 @@ const Snackbar = class {
       return;
     }
     const label = translate.get('snackbar.dismiss', this.language);
-    return (h("limel-icon-button", { class: "mdc-icon-button mdc-snackbar__dismiss", icon: "multiply", label: label }));
+    return (h("div", { class: "dismiss" }, this.renderTimeoutVisualization(), h("limel-icon-button", { class: "mdc-icon-button mdc-snackbar__dismiss", icon: "multiply", label: label })));
+  }
+  renderTimeoutVisualization() {
+    return (h("svg", { width: "36", height: "36", viewBox: "0 0 36 36" }, h("circle", { r: "18", cx: "18", cy: "18", fill: "var(--track-color)" }), h("path", { class: "track", d: "M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0", stroke: "var(--fill-color)" })));
   }
   get host() { return getElement(this); }
 };

package/dist/lime-elements/lime-elements.esm.js

@@ -1 +1 @@
-import{p as e,b as l}from"./p-d4e788e1.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((e=>l([["p-edbd8d62",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-d87e2f26",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-f4cbcdcf",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[16],searcher:[16],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-46a76d55",[[1,"limel-split-button",{label:[513],primary:[516],icon:[513],disabled:[516],items:[16]}]]],["p-b40f37d7",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[513],format:[513],language:[513],formatter:[16],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-4a62273c",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-5ab179b4",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[16],options:[16],multiple:[4],menuOpen:[32]}]]],["p-4eeabc1f",[[1,"limel-file",{value:[16],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[1],isDraggingOverDropZone:[32]}]]],["p-eda87f8c",[[1,"limel-info-tile",{value:[520],icon:[1],label:[513],prefix:[513],suffix:[513],disabled:[516],badge:[520],loading:[516],link:[16],progress:[16]}]]],["p-8d3a9e2c",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[1],show:[64]}]]],["p-3fda3473",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-7d7d19de",[[1,"limel-table",{data:[16],columns:[16],mode:[1],layout:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-f11e7ce1",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-cc3529bb",[[1,"limel-dialog",{heading:[1],fullscreen:[516],open:[1540],closingActions:[16]}]]],["p-35a6ab13",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-4fcd3337",[[1,"limel-shortcut",{icon:[513],label:[513],disabled:[516],badge:[520],link:[16]}]]],["p-bf3d6097",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-c47cb4c3",[[1,"limel-callout",{heading:[513],icon:[513],type:[513],language:[1]}]]],["p-8acabe02",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-b80de0ea",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],fold:[4],lint:[4],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-6c38b505",[[1,"limel-config",{config:[16]}]]],["p-5338663b",[[1,"limel-flex-container",{direction:[513],justify:[513],align:[513],reverse:[516]}]]],["p-8a2d1761",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-82cd7bb6",[[1,"limel-grid"]]],["p-c6e913a4",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],fieldId:[32]}]]],["p-2f9918a3",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-f979c0f2",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-20059fcf",[[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-d16b27b9",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}]]],["p-123f5fbb",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516]}]]],["p-55c8cb64",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-6b8142ba",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-95cefb5f",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-cfaa685f",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-e69231c2",[[1,"limel-flatpickr-adapter",{value:[16],type:[1],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[1],formatter:[16]}]]],["p-803cc4b7",[[1,"limel-helper-line",{helperText:[513,"helper-text"],length:[514],maxLength:[514,"max-length"],invalid:[516],helperTextId:[513,"helper-text-id"]}]]],["p-75d01713",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-094dd76a",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[1],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-9336fd7f",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-727fd4ea",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],prefix:[513],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}],[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-3be2dfc7",[[1,"limel-portal",{openDirection:[1,"open-direction"],position:[1],containerId:[1,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[4,"inherit-parent-width"],visible:[4]}]]],["p-ba7661f6",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],prefix:[513],suffix:[513],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-10e259de",[[1,"limel-spinner",{size:[513],limeBranded:[4,"lime-branded"]}]]],["p-ef93fd3e",[[1,"limel-badge",{label:[520]}]]],["p-d034bbcf",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}]]],["p-50dbd665",[[1,"limel-popover",{open:[4],openDirection:[513,"open-direction"]}],[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],open:[32]}],[1,"limel-popover-surface",{contentCollection:[16]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]]],e)));
+import{p as e,b as l}from"./p-d4e788e1.js";(()=>{const l=import.meta.url,i={};return""!==l&&(i.resourcesUrl=new URL(".",l).href),e(i)})().then((e=>l([["p-edbd8d62",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-d87e2f26",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-f4cbcdcf",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[16],searcher:[16],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-46a76d55",[[1,"limel-split-button",{label:[513],primary:[516],icon:[513],disabled:[516],items:[16]}]]],["p-b40f37d7",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[513],format:[513],language:[513],formatter:[16],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-4a62273c",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-5ab179b4",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[16],options:[16],multiple:[4],menuOpen:[32]}]]],["p-4eeabc1f",[[1,"limel-file",{value:[16],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[1],isDraggingOverDropZone:[32]}]]],["p-eda87f8c",[[1,"limel-info-tile",{value:[520],icon:[1],label:[513],prefix:[513],suffix:[513],disabled:[516],badge:[520],loading:[516],link:[16],progress:[16]}]]],["p-eb154600",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[1],show:[64]}]]],["p-3fda3473",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-7d7d19de",[[1,"limel-table",{data:[16],columns:[16],mode:[1],layout:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-f11e7ce1",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-cc3529bb",[[1,"limel-dialog",{heading:[1],fullscreen:[516],open:[1540],closingActions:[16]}]]],["p-35a6ab13",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-4fcd3337",[[1,"limel-shortcut",{icon:[513],label:[513],disabled:[516],badge:[520],link:[16]}]]],["p-bf3d6097",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-c47cb4c3",[[1,"limel-callout",{heading:[513],icon:[513],type:[513],language:[1]}]]],["p-8acabe02",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-b80de0ea",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],fold:[4],lint:[4],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-6c38b505",[[1,"limel-config",{config:[16]}]]],["p-5338663b",[[1,"limel-flex-container",{direction:[513],justify:[513],align:[513],reverse:[516]}]]],["p-8a2d1761",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-82cd7bb6",[[1,"limel-grid"]]],["p-c6e913a4",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],fieldId:[32]}]]],["p-2f9918a3",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-f979c0f2",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-20059fcf",[[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-d16b27b9",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}]]],["p-123f5fbb",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516]}]]],["p-55c8cb64",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-6b8142ba",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-95cefb5f",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-cfaa685f",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-e69231c2",[[1,"limel-flatpickr-adapter",{value:[16],type:[1],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[1],formatter:[16]}]]],["p-803cc4b7",[[1,"limel-helper-line",{helperText:[513,"helper-text"],length:[514],maxLength:[514,"max-length"],invalid:[516],helperTextId:[513,"helper-text-id"]}]]],["p-75d01713",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-094dd76a",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[1],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-9336fd7f",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-727fd4ea",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],prefix:[513],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}],[1,"limel-linear-progress",{value:[2],indeterminate:[4]}]]],["p-3be2dfc7",[[1,"limel-portal",{openDirection:[1,"open-direction"],position:[1],containerId:[1,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[4,"inherit-parent-width"],visible:[4]}]]],["p-ba7661f6",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],prefix:[513],suffix:[513],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-10e259de",[[1,"limel-spinner",{size:[513],limeBranded:[4,"lime-branded"]}]]],["p-ef93fd3e",[[1,"limel-badge",{label:[520]}]]],["p-d034bbcf",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[1],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}]]],["p-50dbd665",[[1,"limel-popover",{open:[4],openDirection:[513,"open-direction"]}],[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],open:[32]}],[1,"limel-popover-surface",{contentCollection:[16]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]]],e)));

package/dist/lime-elements/p-eb154600.entry.js

@@ -0,0 +1,59 @@
+import{r as t,c as n,h as i,g as a}from"./p-d4e788e1.js";import{t as r}from"./p-b59e4287.js";import{M as c,a as s}from"./p-48d4ef20.js";import{c as e}from"./p-dcc97cc2.js";
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */var o={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},d={ACTION_SELECTOR:".mdc-snackbar__action",ARIA_LIVE_LABEL_TEXT_ATTR:"data-mdc-snackbar-label-text",CLOSED_EVENT:"MDCSnackbar:closed",CLOSING_EVENT:"MDCSnackbar:closing",DISMISS_SELECTOR:".mdc-snackbar__dismiss",LABEL_SELECTOR:".mdc-snackbar__label",OPENED_EVENT:"MDCSnackbar:opened",OPENING_EVENT:"MDCSnackbar:opening",REASON_ACTION:"action",REASON_DISMISS:"dismiss",SURFACE_SELECTOR:".mdc-snackbar__surface"},m={DEFAULT_AUTO_DISMISS_TIMEOUT_MS:5e3,INDETERMINATE:-1,MAX_AUTO_DISMISS_TIMEOUT_MS:1e4,MIN_AUTO_DISMISS_TIMEOUT_MS:4e3,SNACKBAR_ANIMATION_CLOSE_TIME_MS:75,SNACKBAR_ANIMATION_OPEN_TIME_MS:150,ARIA_LIVE_DELAY_MS:1e3},l=m.ARIA_LIVE_DELAY_MS,b=d.ARIA_LIVE_LABEL_TEXT_ATTR;function u(t,n){void 0===n&&(n=t);var i=t.getAttribute("aria-live"),a=n.textContent.trim();a&&i&&(t.setAttribute("aria-live","off"),n.textContent="",n.innerHTML='<span style="display: inline-block; width: 0; height: 1px;">&nbsp;</span>',n.setAttribute(b,a),setTimeout((function(){t.setAttribute("aria-live",i),n.removeAttribute(b),n.textContent=a}),l))}
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */var p=function(t,n){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])})(t,n)};function f(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}p(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}var h=function(){return(h=Object.assign||function(t){for(var n,i=1,a=arguments.length;i<a;i++)for(var r in n=arguments[i])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)},_=o.OPENING,g=o.OPEN,k=o.CLOSING,v=d.REASON_ACTION,y=d.REASON_DISMISS,x=function(t){function n(i){var a=t.call(this,h(h({},n.defaultAdapter),i))||this;return a.opened=!1,a.animationFrame=0,a.animationTimer=0,a.autoDismissTimer=0,a.autoDismissTimeoutMs=m.DEFAULT_AUTO_DISMISS_TIMEOUT_MS,a.closeOnEscape=!0,a}return f(n,t),Object.defineProperty(n,"cssClasses",{get:function(){return o},enumerable:!1,configurable:!0}),Object.defineProperty(n,"strings",{get:function(){return d},enumerable:!1,configurable:!0}),Object.defineProperty(n,"numbers",{get:function(){return m},enumerable:!1,configurable:!0}),Object.defineProperty(n,"defaultAdapter",{get:function(){return{addClass:function(){},announce:function(){},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},removeClass:function(){}}},enumerable:!1,configurable:!0}),n.prototype.destroy=function(){this.clearAutoDismissTimer(),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0,this.adapter.removeClass(_),this.adapter.removeClass(g),this.adapter.removeClass(k)},n.prototype.open=function(){var t=this;this.clearAutoDismissTimer(),this.opened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(k),this.adapter.addClass(_),this.adapter.announce(),this.runNextAnimationFrame((function(){t.adapter.addClass(g),t.animationTimer=setTimeout((function(){var n=t.getTimeoutMs();t.handleAnimationTimerEnd(),t.adapter.notifyOpened(),n!==m.INDETERMINATE&&(t.autoDismissTimer=setTimeout((function(){t.close(y)}),n))}),m.SNACKBAR_ANIMATION_OPEN_TIME_MS)}))},n.prototype.close=function(t){var n=this;void 0===t&&(t=""),this.opened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.clearAutoDismissTimer(),this.opened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(o.CLOSING),this.adapter.removeClass(o.OPEN),this.adapter.removeClass(o.OPENING),clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){n.handleAnimationTimerEnd(),n.adapter.notifyClosed(t)}),m.SNACKBAR_ANIMATION_CLOSE_TIME_MS))},n.prototype.isOpen=function(){return this.opened},n.prototype.getTimeoutMs=function(){return this.autoDismissTimeoutMs},n.prototype.setTimeoutMs=function(t){var n=m.MIN_AUTO_DISMISS_TIMEOUT_MS,i=m.MAX_AUTO_DISMISS_TIMEOUT_MS;if(!(t===m.INDETERMINATE||t<=i&&t>=n))throw new Error("\n        timeoutMs must be an integer in the range "+n+"–"+i+"\n        (or "+m.INDETERMINATE+" to disable), but got '"+t+"'");this.autoDismissTimeoutMs=t},n.prototype.getCloseOnEscape=function(){return this.closeOnEscape},n.prototype.setCloseOnEscape=function(t){this.closeOnEscape=t},n.prototype.handleKeyDown=function(t){("Escape"===t.key||27===t.keyCode)&&this.getCloseOnEscape()&&this.close(y)},n.prototype.handleActionButtonClick=function(){this.close(v)},n.prototype.handleActionIconClick=function(){this.close(y)},n.prototype.clearAutoDismissTimer=function(){clearTimeout(this.autoDismissTimer),this.autoDismissTimer=0},n.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(o.OPENING),this.adapter.removeClass(o.CLOSING)},n.prototype.runNextAnimationFrame=function(t){var n=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){n.animationFrame=0,clearTimeout(n.animationTimer),n.animationTimer=setTimeout(t,0)}))},n}(c),E=d.SURFACE_SELECTOR,O=d.LABEL_SELECTOR,T=d.ACTION_SELECTOR,S=d.DISMISS_SELECTOR,w=d.OPENING_EVENT,A=d.OPENED_EVENT,C=d.CLOSING_EVENT,I=d.CLOSED_EVENT,M=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return f(n,t),n.attachTo=function(t){return new n(t)},n.prototype.initialize=function(t){void 0===t&&(t=function(){return u}),this.announce=t()},n.prototype.initialSyncWithDOM=function(){var t=this;this.surfaceEl=this.root.querySelector(E),this.labelEl=this.root.querySelector(O),this.actionEl=this.root.querySelector(T),this.handleKeyDown=function(n){t.foundation.handleKeyDown(n)},this.handleSurfaceClick=function(n){var i=n.target;t.isActionButton(i)?t.foundation.handleActionButtonClick(n):t.isActionIcon(i)&&t.foundation.handleActionIconClick(n)},this.registerKeyDownHandler(this.handleKeyDown),this.registerSurfaceClickHandler(this.handleSurfaceClick)},n.prototype.destroy=function(){t.prototype.destroy.call(this),this.deregisterKeyDownHandler(this.handleKeyDown),this.deregisterSurfaceClickHandler(this.handleSurfaceClick)},n.prototype.open=function(){this.foundation.open()},n.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},n.prototype.getDefaultFoundation=function(){var t=this;return new x({addClass:function(n){t.root.classList.add(n)},announce:function(){t.announce(t.labelEl)},notifyClosed:function(n){return t.emit(I,n?{reason:n}:{})},notifyClosing:function(n){return t.emit(C,n?{reason:n}:{})},notifyOpened:function(){return t.emit(A,{})},notifyOpening:function(){return t.emit(w,{})},removeClass:function(n){return t.root.classList.remove(n)}})},Object.defineProperty(n.prototype,"timeoutMs",{get:function(){return this.foundation.getTimeoutMs()},set:function(t){this.foundation.setTimeoutMs(t)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"closeOnEscape",{get:function(){return this.foundation.getCloseOnEscape()},set:function(t){this.foundation.setCloseOnEscape(t)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelText",{get:function(){return this.labelEl.textContent},set:function(t){this.labelEl.textContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"actionButtonText",{get:function(){return this.actionEl.textContent},set:function(t){this.actionEl.textContent=t},enumerable:!1,configurable:!0}),n.prototype.registerKeyDownHandler=function(t){this.listen("keydown",t)},n.prototype.deregisterKeyDownHandler=function(t){this.unlisten("keydown",t)},n.prototype.registerSurfaceClickHandler=function(t){this.surfaceEl.addEventListener("click",t)},n.prototype.deregisterSurfaceClickHandler=function(t){this.surfaceEl.removeEventListener("click",t)},n.prototype.isActionButton=function(t){return Boolean(e(t,T))},n.prototype.isActionIcon=function(t){return Boolean(e(t,S))},n}(s);
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */const N=class{constructor(i){t(this,i),this.action=n(this,"action",7),this.hide=n(this,"hide",7),this.message=void 0,this.timeout=5e3,this.actionText=void 0,this.dismissible=!0,this.multiline=void 0,this.language="en",this.handleMdcClosing=this.handleMdcClosing.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const t=this.host.shadowRoot.querySelector(".mdc-snackbar");t&&(this.mdcSnackbar=new M(t),this.mdcSnackbar.listen("MDCSnackbar:closing",this.handleMdcClosing))}disconnectedCallback(){this.mdcSnackbar.unlisten("MDCSnackbar:closing",this.handleMdcClosing),this.mdcSnackbar.destroy()}async show(){this.timeout&&(this.mdcSnackbar.timeoutMs=this.timeout),this.mdcSnackbar.labelText=this.message,this.mdcSnackbar.open()}render(){return i("aside",{class:`\n                    mdc-snackbar\n                    ${this.multiline?"mdc-snackbar--stacked":""}\n                `,style:{"--snackbar-timeout":`${this.timeout}ms`}},i("div",{class:"mdc-snackbar__surface",role:"status","aria-relevant":"additions"},i("div",{class:"mdc-snackbar__label","aria-atomic":"false"}),this.renderActions(this.actionText,this.dismissible)))}handleMdcClosing(t){"action"===t.detail.reason?this.action.emit():this.hide.emit()}renderActions(t,n){if(t||n)return i("div",{class:"mdc-snackbar__actions","aria-atomic":"true"},this.renderActionButton(t),this.renderDismissButton(n))}renderActionButton(t){if(t)return i("limel-button",{class:"mdc-button mdc-snackbar__action",label:t})}renderDismissButton(t){if(!t)return;const n=r.get("snackbar.dismiss",this.language);return i("div",{class:"dismiss"},this.renderTimeoutVisualization(),i("limel-icon-button",{class:"mdc-icon-button mdc-snackbar__dismiss",icon:"multiply",label:n}))}renderTimeoutVisualization(){return i("svg",{width:"36",height:"36",viewBox:"0 0 36 36"},i("circle",{r:"18",cx:"18",cy:"18",fill:"var(--track-color)"}),i("path",{class:"track",d:"M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0",stroke:"var(--fill-color)"}))}get host(){return a(this)}};N.style=':host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media (max-width: 480px), (max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action::before,.mdc-snackbar__action::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover::before,.mdc-snackbar__action.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size{width:36px;height:36px;padding:6px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-icon-button--touch{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px;}.mdc-snackbar__surface{min-width:unset;max-width:42rem;background-color:rgb(var(--contrast-1400));box-shadow:var(--shadow-depth-8), var(--shadow-depth-16);gap:0.75rem}.mdc-snackbar__label{color:rgb(var(--contrast-100))}.mdc-snackbar__actions{gap:0.5rem}.mdc-snackbar__actions{--lime-elevated-surface-background-color:rgb(\n      var(--contrast-1300)\n  )}.mdc-snackbar__actions limel-icon-button.mdc-snackbar__dismiss{transform:scale(0.8);margin:0;padding:0}.dismiss{--mdc-theme-on-surface:rgb(var(--contrast-100));--icon-background-color:var(--lime-elevated-surface-background-color);--fill-color:var(--mdc-theme-primary);--track-color:rgb(var(--contrast-800), 0.2);position:relative;display:flex;align-items:center;justify-content:center}.dismiss svg{position:absolute;transform:rotate(90deg);fill:transparent;stroke-dasharray:100;stroke-linecap:round}.mdc-snackbar--open .dismiss svg{animation:timeout var(--snackbar-timeout) linear forwards}@keyframes timeout{0%{stroke-width:4;stroke-dashoffset:0;opacity:1}100%{stroke-width:1;stroke-dashoffset:-100;opacity:0.7}}';export{N as limel_snackbar}

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

@@ -21,6 +21,7 @@ import { Languages } from '@limetech/lime-elements';
  * [Dialog](/#/component/limel-dialog/) is a better choice.
  * :::
  * @exampleComponent limel-example-snackbar
+ * @exampleComponent limel-example-snackbar-dismissible
  * @exampleComponent limel-example-snackbar-with-action
  * @exampleComponent limel-example-snackbar-with-changing-messages
  */
@@ -38,7 +39,8 @@ export declare class Snackbar {
    */
   actionText: string;
   /**
-   * True if the snackbar is dismissible, false otherwise
+   * When `true` displays a dismiss button on the snackbar,
+   * allowing users to close it.
    */
   dismissible: boolean;
   /**
@@ -73,4 +75,5 @@ export declare class Snackbar {
   private renderActions;
   private renderActionButton;
   private renderDismissButton;
+  private renderTimeoutVisualization;
 }

package/dist/types/components.d.ts

@@ -1089,7 +1089,7 @@ export namespace Components {
          */
         "actionText": string;
         /**
-          * True if the snackbar is dismissible, false otherwise
+          * When `true` displays a dismiss button on the snackbar, allowing users to close it.
          */
         "dismissible": boolean;
         /**
@@ -2974,7 +2974,7 @@ declare namespace LocalJSX {
          */
         "actionText"?: string;
         /**
-          * True if the snackbar is dismissible, false otherwise
+          * When `true` displays a dismiss button on the snackbar, allowing users to close it.
          */
         "dismissible"?: boolean;
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@limetech/lime-elements",
-  "version": "36.3.1",
+  "version": "36.3.2-next.2",
   "description": "Lime Elements",
   "author": "Lime Technologies",
   "license": "Apache-2.0",
@@ -40,7 +40,7 @@
     "generate": "stencil generate"
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^17.6.1",
+    "@commitlint/config-conventional": "^17.6.3",
     "@popperjs/core": "^2.11.7",
     "@rjsf/core": "^2.4.2",
     "@stencil/core": "^2.19.2",
@@ -50,19 +50,19 @@
     "@types/jest": "^27.4.0",
     "@types/lodash-es": "^4.17.7",
     "@types/puppeteer": "^7.0.4",
-    "@types/react": "^18.2.1",
+    "@types/react": "^18.2.6",
     "@types/tabulator-tables": "^4.9.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.2",
-    "@typescript-eslint/parser": "^5.59.2",
+    "@typescript-eslint/eslint-plugin": "^5.59.5",
+    "@typescript-eslint/parser": "^5.59.5",
     "ajv": "^6.12.6",
     "awesome-debounce-promise": "^2.1.0",
     "codemirror": "^5.65.9",
     "cross-env": "^7.0.3",
     "dayjs": "^1.11.7",
-    "eslint": "^8.39.0",
+    "eslint": "^8.40.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-ban": "^1.6.0",
-    "eslint-plugin-jsdoc": "^43.1.1",
+    "eslint-plugin-jsdoc": "^44.0.2",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.32.2",
@@ -79,7 +79,7 @@
     "moment": "^2.29.4",
     "number-abbreviate": "^2.0.0",
     "prettier": "^2.8.8",
-    "puppeteer": "^20.1.0",
+    "puppeteer": "^20.1.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-shadow-dom-retarget-events": "^1.1.0",

package/dist/lime-elements/p-8d3a9e2c.entry.js

@@ -1,59 +0,0 @@
-import{r as t,c as n,h as i,g as a}from"./p-d4e788e1.js";import{t as r}from"./p-b59e4287.js";import{M as c,a as e}from"./p-48d4ef20.js";import{c as s}from"./p-dcc97cc2.js";
-/**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */var o={CLOSING:"mdc-snackbar--closing",OPEN:"mdc-snackbar--open",OPENING:"mdc-snackbar--opening"},d={ACTION_SELECTOR:".mdc-snackbar__action",ARIA_LIVE_LABEL_TEXT_ATTR:"data-mdc-snackbar-label-text",CLOSED_EVENT:"MDCSnackbar:closed",CLOSING_EVENT:"MDCSnackbar:closing",DISMISS_SELECTOR:".mdc-snackbar__dismiss",LABEL_SELECTOR:".mdc-snackbar__label",OPENED_EVENT:"MDCSnackbar:opened",OPENING_EVENT:"MDCSnackbar:opening",REASON_ACTION:"action",REASON_DISMISS:"dismiss",SURFACE_SELECTOR:".mdc-snackbar__surface"},m={DEFAULT_AUTO_DISMISS_TIMEOUT_MS:5e3,INDETERMINATE:-1,MAX_AUTO_DISMISS_TIMEOUT_MS:1e4,MIN_AUTO_DISMISS_TIMEOUT_MS:4e3,SNACKBAR_ANIMATION_CLOSE_TIME_MS:75,SNACKBAR_ANIMATION_OPEN_TIME_MS:150,ARIA_LIVE_DELAY_MS:1e3},b=m.ARIA_LIVE_DELAY_MS,l=d.ARIA_LIVE_LABEL_TEXT_ATTR;function u(t,n){void 0===n&&(n=t);var i=t.getAttribute("aria-live"),a=n.textContent.trim();a&&i&&(t.setAttribute("aria-live","off"),n.textContent="",n.innerHTML='<span style="display: inline-block; width: 0; height: 1px;">&nbsp;</span>',n.setAttribute(l,a),setTimeout((function(){t.setAttribute("aria-live",i),n.removeAttribute(l),n.textContent=a}),b))}
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var p=function(t,n){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])})(t,n)};function f(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}p(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}var h=function(){return(h=Object.assign||function(t){for(var n,i=1,a=arguments.length;i<a;i++)for(var r in n=arguments[i])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)},_=o.OPENING,g=o.OPEN,k=o.CLOSING,x=d.REASON_ACTION,y=d.REASON_DISMISS,v=function(t){function n(i){var a=t.call(this,h(h({},n.defaultAdapter),i))||this;return a.opened=!1,a.animationFrame=0,a.animationTimer=0,a.autoDismissTimer=0,a.autoDismissTimeoutMs=m.DEFAULT_AUTO_DISMISS_TIMEOUT_MS,a.closeOnEscape=!0,a}return f(n,t),Object.defineProperty(n,"cssClasses",{get:function(){return o},enumerable:!1,configurable:!0}),Object.defineProperty(n,"strings",{get:function(){return d},enumerable:!1,configurable:!0}),Object.defineProperty(n,"numbers",{get:function(){return m},enumerable:!1,configurable:!0}),Object.defineProperty(n,"defaultAdapter",{get:function(){return{addClass:function(){},announce:function(){},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},removeClass:function(){}}},enumerable:!1,configurable:!0}),n.prototype.destroy=function(){this.clearAutoDismissTimer(),cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0,this.adapter.removeClass(_),this.adapter.removeClass(g),this.adapter.removeClass(k)},n.prototype.open=function(){var t=this;this.clearAutoDismissTimer(),this.opened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(k),this.adapter.addClass(_),this.adapter.announce(),this.runNextAnimationFrame((function(){t.adapter.addClass(g),t.animationTimer=setTimeout((function(){var n=t.getTimeoutMs();t.handleAnimationTimerEnd(),t.adapter.notifyOpened(),n!==m.INDETERMINATE&&(t.autoDismissTimer=setTimeout((function(){t.close(y)}),n))}),m.SNACKBAR_ANIMATION_OPEN_TIME_MS)}))},n.prototype.close=function(t){var n=this;void 0===t&&(t=""),this.opened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.clearAutoDismissTimer(),this.opened=!1,this.adapter.notifyClosing(t),this.adapter.addClass(o.CLOSING),this.adapter.removeClass(o.OPEN),this.adapter.removeClass(o.OPENING),clearTimeout(this.animationTimer),this.animationTimer=setTimeout((function(){n.handleAnimationTimerEnd(),n.adapter.notifyClosed(t)}),m.SNACKBAR_ANIMATION_CLOSE_TIME_MS))},n.prototype.isOpen=function(){return this.opened},n.prototype.getTimeoutMs=function(){return this.autoDismissTimeoutMs},n.prototype.setTimeoutMs=function(t){var n=m.MIN_AUTO_DISMISS_TIMEOUT_MS,i=m.MAX_AUTO_DISMISS_TIMEOUT_MS;if(!(t===m.INDETERMINATE||t<=i&&t>=n))throw new Error("\n        timeoutMs must be an integer in the range "+n+"–"+i+"\n        (or "+m.INDETERMINATE+" to disable), but got '"+t+"'");this.autoDismissTimeoutMs=t},n.prototype.getCloseOnEscape=function(){return this.closeOnEscape},n.prototype.setCloseOnEscape=function(t){this.closeOnEscape=t},n.prototype.handleKeyDown=function(t){("Escape"===t.key||27===t.keyCode)&&this.getCloseOnEscape()&&this.close(y)},n.prototype.handleActionButtonClick=function(){this.close(x)},n.prototype.handleActionIconClick=function(){this.close(y)},n.prototype.clearAutoDismissTimer=function(){clearTimeout(this.autoDismissTimer),this.autoDismissTimer=0},n.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(o.OPENING),this.adapter.removeClass(o.CLOSING)},n.prototype.runNextAnimationFrame=function(t){var n=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame((function(){n.animationFrame=0,clearTimeout(n.animationTimer),n.animationTimer=setTimeout(t,0)}))},n}(c),E=d.SURFACE_SELECTOR,O=d.LABEL_SELECTOR,T=d.ACTION_SELECTOR,S=d.DISMISS_SELECTOR,A=d.OPENING_EVENT,C=d.OPENED_EVENT,I=d.CLOSING_EVENT,w=d.CLOSED_EVENT,M=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return f(n,t),n.attachTo=function(t){return new n(t)},n.prototype.initialize=function(t){void 0===t&&(t=function(){return u}),this.announce=t()},n.prototype.initialSyncWithDOM=function(){var t=this;this.surfaceEl=this.root.querySelector(E),this.labelEl=this.root.querySelector(O),this.actionEl=this.root.querySelector(T),this.handleKeyDown=function(n){t.foundation.handleKeyDown(n)},this.handleSurfaceClick=function(n){var i=n.target;t.isActionButton(i)?t.foundation.handleActionButtonClick(n):t.isActionIcon(i)&&t.foundation.handleActionIconClick(n)},this.registerKeyDownHandler(this.handleKeyDown),this.registerSurfaceClickHandler(this.handleSurfaceClick)},n.prototype.destroy=function(){t.prototype.destroy.call(this),this.deregisterKeyDownHandler(this.handleKeyDown),this.deregisterSurfaceClickHandler(this.handleSurfaceClick)},n.prototype.open=function(){this.foundation.open()},n.prototype.close=function(t){void 0===t&&(t=""),this.foundation.close(t)},n.prototype.getDefaultFoundation=function(){var t=this;return new v({addClass:function(n){t.root.classList.add(n)},announce:function(){t.announce(t.labelEl)},notifyClosed:function(n){return t.emit(w,n?{reason:n}:{})},notifyClosing:function(n){return t.emit(I,n?{reason:n}:{})},notifyOpened:function(){return t.emit(C,{})},notifyOpening:function(){return t.emit(A,{})},removeClass:function(n){return t.root.classList.remove(n)}})},Object.defineProperty(n.prototype,"timeoutMs",{get:function(){return this.foundation.getTimeoutMs()},set:function(t){this.foundation.setTimeoutMs(t)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"closeOnEscape",{get:function(){return this.foundation.getCloseOnEscape()},set:function(t){this.foundation.setCloseOnEscape(t)},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"isOpen",{get:function(){return this.foundation.isOpen()},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelText",{get:function(){return this.labelEl.textContent},set:function(t){this.labelEl.textContent=t},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"actionButtonText",{get:function(){return this.actionEl.textContent},set:function(t){this.actionEl.textContent=t},enumerable:!1,configurable:!0}),n.prototype.registerKeyDownHandler=function(t){this.listen("keydown",t)},n.prototype.deregisterKeyDownHandler=function(t){this.unlisten("keydown",t)},n.prototype.registerSurfaceClickHandler=function(t){this.surfaceEl.addEventListener("click",t)},n.prototype.deregisterSurfaceClickHandler=function(t){this.surfaceEl.removeEventListener("click",t)},n.prototype.isActionButton=function(t){return Boolean(s(t,T))},n.prototype.isActionIcon=function(t){return Boolean(s(t,S))},n}(e);
-/**
- * @license
- * Copyright 2018 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */const N=class{constructor(i){t(this,i),this.action=n(this,"action",7),this.hide=n(this,"hide",7),this.message=void 0,this.timeout=5e3,this.actionText=void 0,this.dismissible=void 0,this.multiline=void 0,this.language="en",this.handleMdcClosing=this.handleMdcClosing.bind(this)}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const t=this.host.shadowRoot.querySelector(".mdc-snackbar");t&&(this.mdcSnackbar=new M(t),this.mdcSnackbar.listen("MDCSnackbar:closing",this.handleMdcClosing))}disconnectedCallback(){this.mdcSnackbar.unlisten("MDCSnackbar:closing",this.handleMdcClosing),this.mdcSnackbar.destroy()}async show(){this.timeout&&(this.mdcSnackbar.timeoutMs=this.timeout),this.mdcSnackbar.labelText=this.message,this.mdcSnackbar.open()}render(){return i("aside",{class:`\n                    mdc-snackbar\n                    ${this.multiline?"mdc-snackbar--stacked":""}\n                `},i("div",{class:"mdc-snackbar__surface",role:"status","aria-relevant":"additions"},i("div",{class:"mdc-snackbar__label","aria-atomic":"false"}),this.renderActions(this.actionText,this.dismissible)))}handleMdcClosing(t){"action"===t.detail.reason?this.action.emit():this.hide.emit()}renderActions(t,n){if(t||n)return i("div",{class:"mdc-snackbar__actions","aria-atomic":"true"},this.renderActionButton(t),this.renderDismissButton(n))}renderActionButton(t){if(t)return i("limel-button",{class:"mdc-button mdc-snackbar__action",label:t})}renderDismissButton(t){if(!t)return;const n=r.get("snackbar.dismiss",this.language);return i("limel-icon-button",{class:"mdc-icon-button mdc-snackbar__dismiss",icon:"multiply",label:n})}get host(){return a(this)}};N.style=':host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}.mdc-snackbar{z-index:8;margin:8px;display:none;position:fixed;right:0;bottom:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-snackbar__surface{background-color:#333333}.mdc-snackbar__label{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__surface{min-width:344px}@media (max-width: 480px), (max-width: 344px){.mdc-snackbar__surface{min-width:100%}}.mdc-snackbar__surface{max-width:672px}.mdc-snackbar__surface{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mdc-snackbar__surface{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-snackbar--opening,.mdc-snackbar--open,.mdc-snackbar--closing{display:flex}.mdc-snackbar--open .mdc-snackbar__label,.mdc-snackbar--open .mdc-snackbar__actions{visibility:visible}.mdc-snackbar--leading{justify-content:flex-start}.mdc-snackbar--stacked .mdc-snackbar__label{padding-left:16px;padding-right:8px;padding-bottom:12px}[dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label,.mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar--stacked .mdc-snackbar__surface{flex-direction:column;align-items:flex-start}.mdc-snackbar--stacked .mdc-snackbar__actions{align-self:flex-end;margin-bottom:8px}.mdc-snackbar__surface{padding-left:0;padding-right:8px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;transform:scale(0.8);opacity:0}.mdc-snackbar__surface::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}[dir=rtl] .mdc-snackbar__surface,.mdc-snackbar__surface[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-snackbar--open .mdc-snackbar__surface{transform:scale(1);opacity:1;pointer-events:auto;transition:opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-snackbar--closing .mdc-snackbar__surface{transform:scale(1);transition:opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1)}.mdc-snackbar__label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);padding-left:16px;padding-right:8px;width:100%;flex-grow:1;box-sizing:border-box;margin:0;visibility:hidden;padding-top:14px;padding-bottom:14px}[dir=rtl] .mdc-snackbar__label,.mdc-snackbar__label[dir=rtl]{padding-left:8px;padding-right:16px;}.mdc-snackbar__label::before{display:inline;content:attr(data-mdc-snackbar-label-text)}.mdc-snackbar__actions{display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;visibility:hidden}.mdc-snackbar__action:not(:disabled){color:#bb86fc}.mdc-snackbar__action::before,.mdc-snackbar__action::after{background-color:#bb86fc;background-color:var(--mdc-ripple-color, #bb86fc)}.mdc-snackbar__action:hover::before,.mdc-snackbar__action.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before,.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__action.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss{color:rgba(255, 255, 255, 0.87)}.mdc-snackbar__dismiss .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss .mdc-icon-button__ripple::after{background-color:rgba(255, 255, 255, 0.87);background-color:var(--mdc-ripple-color, rgba(255, 255, 255, 0.87))}.mdc-snackbar__dismiss:hover .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss.mdc-ripple-surface--hover .mdc-icon-button__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused .mdc-icon-button__ripple::before,.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus .mdc-icon-button__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded) .mdc-icon-button__ripple::after{transition:opacity 150ms linear}.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active .mdc-icon-button__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-snackbar__dismiss.mdc-snackbar__dismiss{width:36px;height:36px;padding:6px;font-size:18px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size{width:36px;height:36px;padding:6px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss.mdc-icon-button--reduced-size.mdc-icon-button--touch{margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mdc-snackbar__dismiss.mdc-snackbar__dismiss .mdc-icon-button__touch{position:absolute;top:50%;height:36px;left:50%;width:36px;transform:translate(-50%, -50%)}.mdc-snackbar__action+.mdc-snackbar__dismiss{margin-left:8px;margin-right:0}[dir=rtl] .mdc-snackbar__action+.mdc-snackbar__dismiss,.mdc-snackbar__action+.mdc-snackbar__dismiss[dir=rtl]{margin-left:0;margin-right:8px;}.mdc-snackbar__surface{background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--shadow-depth-16)}.mdc-snackbar__label{color:var(--mdc-theme-on-surface);display:flex;justify-content:center}.mdc-snackbar__actions{gap:0.5rem;padding-left:0.5rem}';export{N as limel_snackbar}