@limetech/lime-elements 37.59.0 → 37.60.0

package/dist/collection/components/linear-progress/linear-progress.css

@@ -67,272 +67,80 @@
 /**
  * @prop --background-color: Color to use for progress-bar track.
  */
-@keyframes mdc-linear-progress-primary-indeterminate-translate {
-  0% {
-    transform: translateX(0);
-  }
-  20% {
-    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
-    transform: translateX(0);
-  }
-  59.15% {
-    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
-    transform: translateX(83.67142%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
-  }
-  100% {
-    transform: translateX(200.611057%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
-  }
+:host(limel-linear-progress) {
+  isolation: isolate;
+  position: relative;
+  overflow: hidden;
+  display: flex;
+  width: 100%;
+  height: 0.25rem;
+  border-radius: 0.25rem;
+  background-color: var(--background-color, rgb(var(--contrast-800), 0.5));
 }
-@keyframes mdc-linear-progress-primary-indeterminate-scale {
-  0% {
-    transform: scaleX(0.08);
-  }
-  36.65% {
-    animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
-    transform: scaleX(0.08);
-  }
-  69.15% {
-    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
-    transform: scaleX(0.661479);
-  }
-  100% {
-    transform: scaleX(0.08);
-  }
+
+.progress {
+  height: 100%;
+  width: var(--percentage, 0%);
+  border-radius: 0.25rem;
+  background-color: var(--mdc-theme-primary);
 }
-@keyframes mdc-linear-progress-secondary-indeterminate-translate {
-  0% {
-    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
-    transform: translateX(0);
-  }
-  25% {
-    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
-    transform: translateX(37.651913%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
-  }
-  48.35% {
-    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
-    transform: translateX(84.386165%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
-  }
-  100% {
-    transform: translateX(160.277782%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
-  }
+
+:host(limel-linear-progress[indeterminate]) .progress {
+  background-color: transparent;
+  width: 100%;
 }
-@keyframes mdc-linear-progress-secondary-indeterminate-scale {
-  0% {
-    animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
-    transform: scaleX(0.08);
-  }
-  19.15% {
-    animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
-    transform: scaleX(0.457104);
-  }
-  44.15% {
-    animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
-    transform: scaleX(0.72796);
-  }
-  100% {
-    transform: scaleX(0.08);
-  }
+:host(limel-linear-progress[indeterminate]) .progress:before, :host(limel-linear-progress[indeterminate]) .progress:after {
+  will-change: left, right, opacity;
+  content: "";
+  position: absolute;
+  inset: 0;
+  height: 100%;
+  border-radius: 0.25rem;
+  opacity: 0;
+  background-color: var(--mdc-theme-primary);
 }
-@keyframes mdc-linear-progress-buffering {
-  from {
-    transform: rotate(180deg) translateX(-10px);
-  }
+:host(limel-linear-progress[indeterminate]) .progress:before {
+  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+}
+:host(limel-linear-progress[indeterminate]) .progress:after {
+  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 1.15s;
 }
-@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
+
+@keyframes indeterminate {
   0% {
-    transform: translateX(0);
+    left: -35%;
+    right: 100%;
+    opacity: 0;
   }
-  20% {
-    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
-    transform: translateX(0);
+  10%, 80% {
+    opacity: 1;
   }
-  59.15% {
-    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
-    transform: translateX(-83.67142%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
+  60% {
+    left: 100%;
+    right: -90%;
   }
   100% {
-    transform: translateX(-200.611057%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
+    left: 100%;
+    right: -90%;
+    opacity: 0;
   }
 }
-@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
+@keyframes indeterminate-short {
   0% {
-    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
-    transform: translateX(0);
+    left: -200%;
+    right: 100%;
+    opacity: 0;
   }
-  25% {
-    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
-    transform: translateX(-37.651913%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
+  10%, 80% {
+    opacity: 1;
   }
-  48.35% {
-    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
-    transform: translateX(-84.386165%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
+  60% {
+    left: 107%;
+    right: -8%;
   }
   100% {
-    transform: translateX(-160.277782%);
-    /* @alternate */
-    transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
+    left: 107%;
+    right: -8%;
+    opacity: 0;
   }
-}
-@keyframes mdc-linear-progress-buffering-reverse {
-  from {
-    transform: translateX(-10px);
-  }
-}
-.mdc-linear-progress {
-  position: relative;
-  width: 100%;
-  height: 4px;
-  transform: translateZ(0);
-  outline: 1px solid transparent;
-  overflow: hidden;
-  transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
-}
-.mdc-linear-progress__bar {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  animation: none;
-  transform-origin: top left;
-  transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
-}
-.mdc-linear-progress__bar-inner {
-  display: inline-block;
-  position: absolute;
-  width: 100%;
-  animation: none;
-  border-top: 4px solid;
-}
-.mdc-linear-progress__buffer {
-  display: flex;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-.mdc-linear-progress__buffer-dots {
-  background-repeat: repeat-x;
-  background-size: 10px 4px;
-  flex: auto;
-  transform: rotate(180deg);
-  animation: mdc-linear-progress-buffering 250ms infinite linear;
-}
-.mdc-linear-progress__buffer-bar {
-  flex: 0 1 100%;
-  transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
-}
-.mdc-linear-progress__primary-bar {
-  transform: scaleX(0);
-}
-.mdc-linear-progress__secondary-bar {
-  display: none;
-}
-.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
-  transition: none;
-}
-.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
-  left: -145.166611%;
-}
-.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
-  left: -54.888891%;
-  display: block;
-}
-.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
-  animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
-}
-.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
-  animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
-}
-.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
-  animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
-}
-.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
-  animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
-}
-[dir=rtl] .mdc-linear-progress, .mdc-linear-progress[dir=rtl] {
-  /*rtl:begin:ignore*/
-  /*rtl:end:ignore*/
-}
-[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar {
-  /* @noflip */ /*rtl:ignore*/
-  right: 0;
-  /* @noflip */ /*rtl:ignore*/
-  -webkit-transform-origin: center right;
-  /* @noflip */ /*rtl:ignore*/
-  transform-origin: center right;
-}
-[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
-  animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
-}
-[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
-  animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
-}
-[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots {
-  animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
-  transform: rotate(0);
-}
-[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
-  /* @noflip */ /*rtl:ignore*/
-  right: -145.166611%;
-  /* @noflip */ /*rtl:ignore*/
-  left: auto;
-}
-[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
-  /* @noflip */ /*rtl:ignore*/
-  right: -54.888891%;
-  /* @noflip */ /*rtl:ignore*/
-  left: auto;
-}
-
-.mdc-linear-progress--closed {
-  opacity: 0;
-}
-.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots {
-  animation: none;
-}
-.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,
-.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
-  animation: none;
-}
-
-.mdc-linear-progress__bar-inner {
-  border-color: #26a69a;
-  /* @alternate */
-  border-color: var(--mdc-theme-primary, #26a69a);
-}
-
-.mdc-linear-progress__buffer-dots {
-  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
-}
-
-.mdc-linear-progress__buffer-bar {
-  background-color: #e6e6e6;
-}
-
-.mdc-linear-progress {
-  text-align: left;
-}
-
-.mdc-linear-progress__buffer-dots {
-  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--background-color, rgba(var(--contrast-800), 0.5))'/%3E%3C/svg%3E");
-}
-
-.mdc-linear-progress__buffer-bar {
-  background-color: var(--background-color, rgba(var(--contrast-800), 0.5));
 }

package/dist/collection/components/linear-progress/linear-progress.js

@@ -1,49 +1,42 @@
-import { MDCLinearProgress } from '@material/linear-progress';
-import { h } from '@stencil/core';
+import { h, Host } from '@stencil/core';
+import translate from '../../global/translations';
+const PERCENT = 100;
 /**
+ * The linear progress component can be used to visualize the current state of a progress in a scale;
+ * for example percentage of completion of a task.
+ *
  * @exampleComponent limel-example-linear-progress
- * @exampleComponent limel-example-linear-progress-color
  * @exampleComponent limel-example-linear-progress-indeterminate
+ * @exampleComponent limel-example-linear-progress-accessible-label
+ * @exampleComponent limel-example-linear-progress-color
  */
 export class LinearProgress {
   constructor() {
+    this.language = 'en';
     this.value = 0;
     this.indeterminate = false;
-  }
-  connectedCallback() {
-    this.initialize();
-  }
-  componentDidLoad() {
-    this.initialize();
-  }
-  initialize() {
-    const element = this.host.shadowRoot.querySelector('.mdc-linear-progress');
-    if (!element) {
-      return;
-    }
-    this.mdcLinearProgress = new MDCLinearProgress(element);
-    this.mdcLinearProgress.progress = this.value;
-  }
-  disconnectedCallback() {
-    if (this.mdcLinearProgress) {
-      this.mdcLinearProgress.destroy();
-    }
+    this.accessibleLabel = undefined;
   }
   render() {
     if (!this.isFinite(this.value)) {
       return;
     }
-    const classList = {
-      'mdc-linear-progress': true,
-      'mdc-linear-progress--indeterminate': this.indeterminate,
-    };
-    return (h("div", { role: "progressbar", class: classList, "aria-label": "Progress Bar", "aria-valuemin": "0", "aria-valuemax": "1", "aria-valuenow": this.value }, h("div", { class: "mdc-linear-progress__buffer" }, h("div", { class: "mdc-linear-progress__buffer-bar" })), h("div", { class: "mdc-linear-progress__bar mdc-linear-progress__primary-bar" }, h("span", { class: "mdc-linear-progress__bar-inner" })), h("div", { class: "mdc-linear-progress__bar mdc-linear-progress__secondary-bar" }, h("span", { class: "mdc-linear-progress__bar-inner" }))));
+    const loadingText = translate.get('loading', this.language);
+    const ariaLabel = translate.get('progress-bar', this.language);
+    const ariaValueNow = this.indeterminate ? undefined : this.value;
+    const ariaValueText = this.indeterminate ? loadingText : undefined;
+    return (h(Host, { role: "progressbar", "aria-label": this.accessibleLabel || ariaLabel, "aria-live": "polite", "aria-valuemin": "0", "aria-valuemax": "1", "aria-valuenow": ariaValueNow, "aria-valuetext": ariaValueText, style: { '--percentage': `${this.value * PERCENT}%` } }, h("div", { class: "progress" })));
   }
   watchValue(newValue) {
-    if (!this.mdcLinearProgress || !this.isFinite(newValue)) {
+    if (!this.isFinite(newValue)) {
       return;
     }
-    this.mdcLinearProgress.progress = newValue;
+    this.updateProgress(newValue);
+  }
+  updateProgress(value) {
+    if (this.host) {
+      this.host.style.setProperty('--percentage', `${value * PERCENT}%`);
+    }
   }
   isFinite(value) {
     return Number.isFinite(value);
@@ -62,6 +55,29 @@ export class LinearProgress {
   }
   static get properties() {
     return {
+      "language": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "Languages",
+          "resolved": "\"da\" | \"de\" | \"en\" | \"fi\" | \"fr\" | \"nb\" | \"nl\" | \"no\" | \"sv\"",
+          "references": {
+            "Languages": {
+              "location": "import",
+              "path": "../date-picker/date.types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the language for translations.\nWill translate the translatable strings on the components."
+        },
+        "attribute": "language",
+        "reflect": true,
+        "defaultValue": "'en'"
+      },
       "value": {
         "type": "number",
         "mutable": false,
@@ -97,6 +113,23 @@ export class LinearProgress {
         "attribute": "indeterminate",
         "reflect": true,
         "defaultValue": "false"
+      },
+      "accessibleLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "A label used to describe the purpose of the element to users\nof assistive technologies, like screen readers.\nIf not provided, the generic word of \"Progress bar\" will be used."
+        },
+        "attribute": "accessible-label",
+        "reflect": true
       }
     };
   }

package/dist/collection/components/linear-progress/linear-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/linear-progress/linear-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEnE;;;;GAIG;AAMH,MAAM,OAAO,cAAc;;iBAKA,CAAC;yBAMQ,KAAK;;EAO9B,iBAAiB;IACpB,IAAI,CAAC,UAAU,EAAE,CAAC;EACtB,CAAC;EAEM,gBAAgB;IACnB,IAAI,CAAC,UAAU,EAAE,CAAC;EACtB,CAAC;EAEO,UAAU;IACd,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAC9C,sBAAsB,CACzB,CAAC;IACF,IAAI,CAAC,OAAO,EAAE;MACV,OAAO;KACV;IAED,IAAI,CAAC,iBAAiB,GAAG,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACxD,IAAI,CAAC,iBAAiB,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC;EACjD,CAAC;EAEM,oBAAoB;IACvB,IAAI,IAAI,CAAC,iBAAiB,EAAE;MACxB,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,CAAC;KACpC;EACL,CAAC;EAEM,MAAM;IACT,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;MAC5B,OAAO;KACV;IAED,MAAM,SAAS,GAAG;MACd,qBAAqB,EAAE,IAAI;MAC3B,oCAAoC,EAAE,IAAI,CAAC,aAAa;KAC3D,CAAC;IAEF,OAAO,CACH,WACI,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,SAAS,gBACL,cAAc,mBACX,GAAG,mBACH,GAAG,mBACF,IAAI,CAAC,KAAK;MAEzB,WAAK,KAAK,EAAC,6BAA6B;QACpC,WAAK,KAAK,EAAC,iCAAiC,GAAO,CACjD;MACN,WAAK,KAAK,EAAC,2DAA2D;QAClE,YAAM,KAAK,EAAC,gCAAgC,GAAG,CAC7C;MACN,WAAK,KAAK,EAAC,6DAA6D;QACpE,YAAM,KAAK,EAAC,gCAAgC,GAAG,CAC7C,CACJ,CACT,CAAC;EACN,CAAC;EAGS,UAAU,CAAC,QAAQ;IACzB,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;MACrD,OAAO;KACV;IAED,IAAI,CAAC,iBAAiB,CAAC,QAAQ,GAAG,QAAQ,CAAC;EAC/C,CAAC;EAEO,QAAQ,CAAC,KAAc;IAC3B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;EAClC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { MDCLinearProgress } from '@material/linear-progress';\nimport { Component, Element, h, Prop, Watch } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-linear-progress\n * @exampleComponent limel-example-linear-progress-color\n * @exampleComponent limel-example-linear-progress-indeterminate\n */\n@Component({\n    tag: 'limel-linear-progress',\n    shadow: true,\n    styleUrl: 'linear-progress.scss',\n})\nexport class LinearProgress {\n    /**\n     * The value of the progress bar. Should be between `0` and `1`.\n     */\n    @Prop({ reflect: true })\n    public value: number = 0;\n\n    /**\n     * Puts the progress bar in an indeterminate state\n     */\n    @Prop({ reflect: true })\n    public indeterminate: boolean = false;\n\n    @Element()\n    private host: HTMLLimelLinearProgressElement;\n\n    private mdcLinearProgress: MDCLinearProgress;\n\n    public connectedCallback() {\n        this.initialize();\n    }\n\n    public componentDidLoad() {\n        this.initialize();\n    }\n\n    private initialize() {\n        const element = this.host.shadowRoot.querySelector(\n            '.mdc-linear-progress',\n        );\n        if (!element) {\n            return;\n        }\n\n        this.mdcLinearProgress = new MDCLinearProgress(element);\n        this.mdcLinearProgress.progress = this.value;\n    }\n\n    public disconnectedCallback() {\n        if (this.mdcLinearProgress) {\n            this.mdcLinearProgress.destroy();\n        }\n    }\n\n    public render() {\n        if (!this.isFinite(this.value)) {\n            return;\n        }\n\n        const classList = {\n            'mdc-linear-progress': true,\n            'mdc-linear-progress--indeterminate': this.indeterminate,\n        };\n\n        return (\n            <div\n                role=\"progressbar\"\n                class={classList}\n                aria-label=\"Progress Bar\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"1\"\n                aria-valuenow={this.value}\n            >\n                <div class=\"mdc-linear-progress__buffer\">\n                    <div class=\"mdc-linear-progress__buffer-bar\"></div>\n                </div>\n                <div class=\"mdc-linear-progress__bar mdc-linear-progress__primary-bar\">\n                    <span class=\"mdc-linear-progress__bar-inner\" />\n                </div>\n                <div class=\"mdc-linear-progress__bar mdc-linear-progress__secondary-bar\">\n                    <span class=\"mdc-linear-progress__bar-inner\" />\n                </div>\n            </div>\n        );\n    }\n\n    @Watch('value')\n    protected watchValue(newValue) {\n        if (!this.mdcLinearProgress || !this.isFinite(newValue)) {\n            return;\n        }\n\n        this.mdcLinearProgress.progress = newValue;\n    }\n\n    private isFinite(value: unknown) {\n        return Number.isFinite(value);\n    }\n}\n"]}
+{"version":3,"file":"linear-progress.js","sourceRoot":"","sources":["../../../src/components/linear-progress/linear-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAElD,MAAM,OAAO,GAAG,GAAG,CAAC;AAEpB;;;;;;;;GAQG;AAMH,MAAM,OAAO,cAAc;;oBAMM,IAAI;iBAMV,CAAC;yBAMQ,KAAK;;;EAa9B,MAAM;IACT,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;MAC5B,OAAO;KACV;IAED,MAAM,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACjE,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAEnE,OAAO,CACH,EAAC,IAAI,IACD,IAAI,EAAC,aAAa,gBACN,IAAI,CAAC,eAAe,IAAI,SAAS,eACnC,QAAQ,mBACJ,GAAG,mBACH,GAAG,mBACF,YAAY,oBACX,aAAa,EAC7B,KAAK,EAAE,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE;MAErD,WAAK,KAAK,EAAC,UAAU,GAAG,CACrB,CACV,CAAC;EACN,CAAC;EAGS,UAAU,CAAC,QAAgB;IACjC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;MAC1B,OAAO;KACV;IAED,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;EAClC,CAAC;EAEO,cAAc,CAAC,KAAa;IAChC,IAAI,IAAI,CAAC,IAAI,EAAE;MACX,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,GAAG,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC;KACtE;EACL,CAAC;EAEO,QAAQ,CAAC,KAAc;IAC3B,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;EAClC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { Languages } from '../date-picker/date.types';\nimport translate from '../../global/translations';\n\nconst PERCENT = 100;\n\n/**\n * The linear progress component can be used to visualize the current state of a progress in a scale;\n * for example percentage of completion of a task.\n *\n * @exampleComponent limel-example-linear-progress\n * @exampleComponent limel-example-linear-progress-indeterminate\n * @exampleComponent limel-example-linear-progress-accessible-label\n * @exampleComponent limel-example-linear-progress-color\n */\n@Component({\n    tag: 'limel-linear-progress',\n    shadow: true,\n    styleUrl: 'linear-progress.scss',\n})\nexport class LinearProgress {\n    /**\n     * Defines the language for translations.\n     * Will translate the translatable strings on the components.\n     */\n    @Prop({ reflect: true })\n    public language: Languages = 'en';\n\n    /**\n     * The value of the progress bar. Should be between `0` and `1`.\n     */\n    @Prop({ reflect: true })\n    public value: number = 0;\n\n    /**\n     * Puts the progress bar in an indeterminate state\n     */\n    @Prop({ reflect: true })\n    public indeterminate: boolean = false;\n\n    /**\n     * A label used to describe the purpose of the element to users\n     * of assistive technologies, like screen readers.\n     * If not provided, the generic word of \"Progress bar\" will be used.\n     */\n    @Prop({ reflect: true })\n    public accessibleLabel?: string;\n\n    @Element()\n    private host: HTMLLimelLinearProgressElement;\n\n    public render() {\n        if (!this.isFinite(this.value)) {\n            return;\n        }\n\n        const loadingText = translate.get('loading', this.language);\n        const ariaLabel = translate.get('progress-bar', this.language);\n        const ariaValueNow = this.indeterminate ? undefined : this.value;\n        const ariaValueText = this.indeterminate ? loadingText : undefined;\n\n        return (\n            <Host\n                role=\"progressbar\"\n                aria-label={this.accessibleLabel || ariaLabel}\n                aria-live=\"polite\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"1\"\n                aria-valuenow={ariaValueNow}\n                aria-valuetext={ariaValueText}\n                style={{ '--percentage': `${this.value * PERCENT}%` }}\n            >\n                <div class=\"progress\" />\n            </Host>\n        );\n    }\n\n    @Watch('value')\n    protected watchValue(newValue: number) {\n        if (!this.isFinite(newValue)) {\n            return;\n        }\n\n        this.updateProgress(newValue);\n    }\n\n    private updateProgress(value: number): void {\n        if (this.host) {\n            this.host.style.setProperty('--percentage', `${value * PERCENT}%`);\n        }\n    }\n\n    private isFinite(value: unknown) {\n        return Number.isFinite(value);\n    }\n}\n"]}

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

@@ -35,11 +35,11 @@ const hideAnimationDuration = 300;
  */
 export class Snackbar {
   constructor() {
-    this.firstRender = true;
     this.handleOpen = () => {
       if (this.isOpen) {
         return;
       }
+      this.isOpen = true;
       this.closing = false;
       container.add(this.host);
       if (this.timeout) {
@@ -77,12 +77,10 @@ export class Snackbar {
     this.closing = true;
     this.snackbarId = createRandomString();
   }
-  componentDidRender() {
-    if (!this.firstRender) {
-      return;
+  componentDidLoad() {
+    if (this.open) {
+      requestAnimationFrame(this.handleOpen);
     }
-    this.firstRender = false;
-    requestAnimationFrame(() => this.watchOpen());
   }
   onChangeIndex(event) {
     event.stopPropagation();
@@ -106,7 +104,6 @@ export class Snackbar {
     console.warn('The `show` method in `limel-snackbar` is deprecated. Please use the `open` property instead.');
     if (!this.open) {
       this.handleOpen();
-      this.isOpen = true;
     }
   }
   render() {

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Languages } from '../date-picker/date.types';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Listen,\n    Method,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport translate from '../../global/translations';\nimport { SnackbarContainer } from './container';\nimport { createRandomString } from 'src/util/random-string';\n\nconst container = new SnackbarContainer();\nconst hideAnimationDuration = 300;\n\n/**\n * A Snackbar –also known as \"Toast\"– is used to inform the end user\n * about an action or a process in the system.\n * The information could vary from announcing that a process has just started,\n * is taking place now, has ended, or has been interrupted or canceled.\n *\n * The information that you provide using a snackbar should be:\n * - temporary\n * - contextual\n * - short\n * - and most importantly, ignorable.\n *\n * It means if the user misses the information, it shouldn't be a big deal.\n *\n * :::note\n * If the information you want to display has a higher importance or priority,\n * and you need to make sure that the user takes an action to dismiss it,\n * consider using the [Banner](/#/component/limel-banner/) component instead.\n * For more complex interactions and for delivering more detailed information,\n * [Dialog](/#/component/limel-dialog/) is a better choice.\n * :::\n *\n * @exampleComponent limel-example-snackbar\n * @exampleComponent limel-example-snackbar-with-action\n * @exampleComponent limel-example-snackbar-with-changing-messages\n * @exampleComponent limel-example-snackbar-dismissible\n * @exampleComponent limel-example-snackbar-persistent\n * @exampleComponent limel-example-snackbar-persistent-non-dismissible\n */\n@Component({\n    tag: 'limel-snackbar',\n    shadow: true,\n    styleUrl: 'snackbar.scss',\n})\nexport class Snackbar {\n    /**\n     * `true` if the snackbar is open, `false` otherwise.\n     */\n    @Prop({ reflect: true })\n    public open: boolean = false;\n\n    /**\n     * The text message to display.\n     */\n    @Prop()\n    public message: string;\n\n    /**\n     * The amount of time in milliseconds to show the snackbar.\n     * If set to `null`, the snackbar will be persistent.\n     * This means:\n     * - either the end user will need to close is manually,\n     * which requires the `dismissible` property to be set to `true`.\n     * - or the snackbar needs to be closed programmatically.\n     */\n    @Prop({ reflect: true })\n    // eslint-disable-next-line no-magic-numbers\n    public timeout?: number = 5000;\n\n    /**\n     * The text to display for the action button.\n     */\n    @Prop()\n    public actionText: string;\n\n    /**\n     * When `true` displays a dismiss button on the snackbar,\n     * allowing users to close it.\n     */\n    @Prop()\n    public dismissible: boolean = true;\n\n    /**\n     * Whether to show the snackbar with space for multiple lines of text\n     * @deprecated Setting this property no longer has any effect. The property will be removed in a future major version.\n     */\n    @Prop()\n    public multiline: boolean;\n\n    /**\n     * Defines the language for translations.\n     */\n    @Prop()\n    public language: Languages = 'en';\n\n    @Element()\n    private host: HTMLLimelSnackbarElement;\n\n    /**\n     * Emitted when the action button is pressed\n     */\n    @Event()\n    private action: EventEmitter<void>;\n\n    /**\n     * Emitted when the snackbar hides itself\n     */\n    @Event()\n    private hide: EventEmitter<void>;\n\n    @State()\n    private offset: number = 0;\n\n    @State()\n    private isOpen: boolean = false;\n\n    @State()\n    private closing: boolean = true;\n\n    private snackbarId: string;\n    private timeoutId?: number;\n    private firstRender = true;\n\n    public constructor() {\n        this.snackbarId = createRandomString();\n    }\n\n    public componentDidRender() {\n        if (!this.firstRender) {\n            return;\n        }\n\n        this.firstRender = false;\n\n        requestAnimationFrame(() => this.watchOpen());\n    }\n\n    @Listen('changeOffset')\n    protected onChangeIndex(event: CustomEvent<number>) {\n        event.stopPropagation();\n        this.offset = event.detail;\n    }\n\n    @Watch('open')\n    protected watchOpen() {\n        if (this.open) {\n            this.handleOpen();\n        } else {\n            this.handleClose();\n        }\n\n        this.isOpen = this.open;\n    }\n\n    /**\n     * Show the snackbar\n     * @deprecated Use the `open` property instead.\n     */\n    @Method()\n    public async show() {\n        // eslint-disable-next-line no-console\n        console.warn(\n            'The `show` method in `limel-snackbar` is deprecated. Please use the `open` property instead.',\n        );\n        if (!this.open) {\n            this.handleOpen();\n            this.isOpen = true;\n        }\n    }\n\n    public handleOpen = () => {\n        if (this.isOpen) {\n            return;\n        }\n\n        this.closing = false;\n        container.add(this.host);\n\n        if (this.timeout) {\n            this.timeoutId = window.setTimeout(\n                this.handleClose,\n                Math.max(this.timeout - hideAnimationDuration, 0),\n            );\n        }\n    };\n\n    private handleClose = () => {\n        if (!this.isOpen) {\n            return;\n        }\n\n        this.closing = true;\n\n        if (this.timeoutId) {\n            clearTimeout(this.timeoutId);\n            this.timeoutId = undefined;\n        }\n\n        setTimeout(() => {\n            this.isOpen = false;\n            container.remove(this.host);\n            this.hide.emit();\n            this.offset = 0;\n        }, hideAnimationDuration);\n    };\n\n    public render() {\n        return (\n            <aside\n                popover=\"manual\"\n                style={{\n                    '--snackbar-timeout': `${this.timeout}ms`,\n                    '--snackbar-distance-to-top-edge': `${this.offset}px`,\n                }}\n                class={{\n                    open: this.open,\n                    'is-closing': this.closing,\n                }}\n                id={this.snackbarId}\n                role={this.setAriaRoles()}\n                aria-relevant={this.open ? 'additions' : undefined}\n            >\n                <div class=\"surface\" aria-atomic=\"false\">\n                    <div class=\"label\">{this.message}</div>\n                    {this.renderActions(this.actionText)}\n                    {this.renderDismissButton(this.dismissible)}\n                </div>\n            </aside>\n        );\n    }\n\n    private setAriaRoles() {\n        if (!this.open) {\n            return undefined;\n        }\n\n        if (!this.timeout) {\n            return 'alertdialog';\n        }\n\n        return 'status';\n    }\n\n    private handleClickAction = () => {\n        this.action.emit();\n    };\n\n    private renderActions(actionText: string) {\n        if (!actionText) {\n            return;\n        }\n\n        return (\n            <div class=\"actions\" aria-atomic=\"true\">\n                {this.renderActionButton(actionText)}\n            </div>\n        );\n    }\n\n    private renderActionButton(actionText: string) {\n        if (!actionText) {\n            return;\n        }\n\n        return (\n            <limel-button label={actionText} onClick={this.handleClickAction} />\n        );\n    }\n\n    private renderDismissButton(dismissible: boolean) {\n        if (!dismissible) {\n            return;\n        }\n\n        const label = translate.get('snackbar.dismiss', this.language);\n\n        return (\n            <div class=\"dismiss\">\n                {this.renderTimeoutVisualization()}\n                <limel-icon-button\n                    class=\"dismiss-button\"\n                    icon=\"multiply\"\n                    label={label}\n                    onClick={this.handleClose}\n                    aria-controls={this.snackbarId}\n                />\n            </div>\n        );\n    }\n\n    private renderTimeoutVisualization() {\n        if (!this.timeout) {\n            return;\n        }\n\n        return (\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n                <circle r=\"18\" cx=\"18\" cy=\"18\" fill=\"var(--track-color)\" />\n                <path\n                    class=\"track\"\n                    d=\"M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0\"\n                    stroke=\"var(--fill-color)\"\n                />\n            </svg>\n        );\n    }\n}\n"]}
+{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Languages } from '../date-picker/date.types';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Listen,\n    Method,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport translate from '../../global/translations';\nimport { SnackbarContainer } from './container';\nimport { createRandomString } from 'src/util/random-string';\n\nconst container = new SnackbarContainer();\nconst hideAnimationDuration = 300;\n\n/**\n * A Snackbar –also known as \"Toast\"– is used to inform the end user\n * about an action or a process in the system.\n * The information could vary from announcing that a process has just started,\n * is taking place now, has ended, or has been interrupted or canceled.\n *\n * The information that you provide using a snackbar should be:\n * - temporary\n * - contextual\n * - short\n * - and most importantly, ignorable.\n *\n * It means if the user misses the information, it shouldn't be a big deal.\n *\n * :::note\n * If the information you want to display has a higher importance or priority,\n * and you need to make sure that the user takes an action to dismiss it,\n * consider using the [Banner](/#/component/limel-banner/) component instead.\n * For more complex interactions and for delivering more detailed information,\n * [Dialog](/#/component/limel-dialog/) is a better choice.\n * :::\n *\n * @exampleComponent limel-example-snackbar\n * @exampleComponent limel-example-snackbar-with-action\n * @exampleComponent limel-example-snackbar-with-changing-messages\n * @exampleComponent limel-example-snackbar-dismissible\n * @exampleComponent limel-example-snackbar-persistent\n * @exampleComponent limel-example-snackbar-persistent-non-dismissible\n */\n@Component({\n    tag: 'limel-snackbar',\n    shadow: true,\n    styleUrl: 'snackbar.scss',\n})\nexport class Snackbar {\n    /**\n     * `true` if the snackbar is open, `false` otherwise.\n     */\n    @Prop({ reflect: true })\n    public open: boolean = false;\n\n    /**\n     * The text message to display.\n     */\n    @Prop()\n    public message: string;\n\n    /**\n     * The amount of time in milliseconds to show the snackbar.\n     * If set to `null`, the snackbar will be persistent.\n     * This means:\n     * - either the end user will need to close is manually,\n     * which requires the `dismissible` property to be set to `true`.\n     * - or the snackbar needs to be closed programmatically.\n     */\n    @Prop({ reflect: true })\n    // eslint-disable-next-line no-magic-numbers\n    public timeout?: number = 5000;\n\n    /**\n     * The text to display for the action button.\n     */\n    @Prop()\n    public actionText: string;\n\n    /**\n     * When `true` displays a dismiss button on the snackbar,\n     * allowing users to close it.\n     */\n    @Prop()\n    public dismissible: boolean = true;\n\n    /**\n     * Whether to show the snackbar with space for multiple lines of text\n     * @deprecated Setting this property no longer has any effect. The property will be removed in a future major version.\n     */\n    @Prop()\n    public multiline: boolean;\n\n    /**\n     * Defines the language for translations.\n     */\n    @Prop()\n    public language: Languages = 'en';\n\n    @Element()\n    private host: HTMLLimelSnackbarElement;\n\n    /**\n     * Emitted when the action button is pressed\n     */\n    @Event()\n    private action: EventEmitter<void>;\n\n    /**\n     * Emitted when the snackbar hides itself\n     */\n    @Event()\n    private hide: EventEmitter<void>;\n\n    @State()\n    private offset: number = 0;\n\n    @State()\n    private isOpen: boolean = false;\n\n    @State()\n    private closing: boolean = true;\n\n    private snackbarId: string;\n    private timeoutId?: number;\n\n    public constructor() {\n        this.snackbarId = createRandomString();\n    }\n\n    public componentDidLoad() {\n        if (this.open) {\n            requestAnimationFrame(this.handleOpen);\n        }\n    }\n\n    @Listen('changeOffset')\n    protected onChangeIndex(event: CustomEvent<number>) {\n        event.stopPropagation();\n        this.offset = event.detail;\n    }\n\n    @Watch('open')\n    protected watchOpen() {\n        if (this.open) {\n            this.handleOpen();\n        } else {\n            this.handleClose();\n        }\n\n        this.isOpen = this.open;\n    }\n\n    /**\n     * Show the snackbar\n     * @deprecated Use the `open` property instead.\n     */\n    @Method()\n    public async show() {\n        // eslint-disable-next-line no-console\n        console.warn(\n            'The `show` method in `limel-snackbar` is deprecated. Please use the `open` property instead.',\n        );\n        if (!this.open) {\n            this.handleOpen();\n        }\n    }\n\n    public handleOpen = () => {\n        if (this.isOpen) {\n            return;\n        }\n\n        this.isOpen = true;\n        this.closing = false;\n        container.add(this.host);\n\n        if (this.timeout) {\n            this.timeoutId = window.setTimeout(\n                this.handleClose,\n                Math.max(this.timeout - hideAnimationDuration, 0),\n            );\n        }\n    };\n\n    private handleClose = () => {\n        if (!this.isOpen) {\n            return;\n        }\n\n        this.closing = true;\n\n        if (this.timeoutId) {\n            clearTimeout(this.timeoutId);\n            this.timeoutId = undefined;\n        }\n\n        setTimeout(() => {\n            this.isOpen = false;\n            container.remove(this.host);\n            this.hide.emit();\n            this.offset = 0;\n        }, hideAnimationDuration);\n    };\n\n    public render() {\n        return (\n            <aside\n                popover=\"manual\"\n                style={{\n                    '--snackbar-timeout': `${this.timeout}ms`,\n                    '--snackbar-distance-to-top-edge': `${this.offset}px`,\n                }}\n                class={{\n                    open: this.open,\n                    'is-closing': this.closing,\n                }}\n                id={this.snackbarId}\n                role={this.setAriaRoles()}\n                aria-relevant={this.open ? 'additions' : undefined}\n            >\n                <div class=\"surface\" aria-atomic=\"false\">\n                    <div class=\"label\">{this.message}</div>\n                    {this.renderActions(this.actionText)}\n                    {this.renderDismissButton(this.dismissible)}\n                </div>\n            </aside>\n        );\n    }\n\n    private setAriaRoles() {\n        if (!this.open) {\n            return undefined;\n        }\n\n        if (!this.timeout) {\n            return 'alertdialog';\n        }\n\n        return 'status';\n    }\n\n    private handleClickAction = () => {\n        this.action.emit();\n    };\n\n    private renderActions(actionText: string) {\n        if (!actionText) {\n            return;\n        }\n\n        return (\n            <div class=\"actions\" aria-atomic=\"true\">\n                {this.renderActionButton(actionText)}\n            </div>\n        );\n    }\n\n    private renderActionButton(actionText: string) {\n        if (!actionText) {\n            return;\n        }\n\n        return (\n            <limel-button label={actionText} onClick={this.handleClickAction} />\n        );\n    }\n\n    private renderDismissButton(dismissible: boolean) {\n        if (!dismissible) {\n            return;\n        }\n\n        const label = translate.get('snackbar.dismiss', this.language);\n\n        return (\n            <div class=\"dismiss\">\n                {this.renderTimeoutVisualization()}\n                <limel-icon-button\n                    class=\"dismiss-button\"\n                    icon=\"multiply\"\n                    label={label}\n                    onClick={this.handleClose}\n                    aria-controls={this.snackbarId}\n                />\n            </div>\n        );\n    }\n\n    private renderTimeoutVisualization() {\n        if (!this.timeout) {\n            return;\n        }\n\n        return (\n            <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\">\n                <circle r=\"18\" cx=\"18\" cy=\"18\" fill=\"var(--track-color)\" />\n                <path\n                    class=\"track\"\n                    d=\"M 18,18 m -16,0 a 16,16 0 1,0 32,0 a 16,16 0 1,0 -32,0\"\n                    stroke=\"var(--fill-color)\"\n                />\n            </svg>\n        );\n    }\n}\n"]}

package/dist/collection/translations/da.js

@@ -2,6 +2,7 @@ export default {
   remove: 'Fjern',
   save: 'Gem',
   cancel: 'Annullér',
+  loading: 'Indlæser…',
   'callout.note': 'Bemærk',
   'callout.important': 'Vigtig',
   'callout.tip': 'Tip',
@@ -32,5 +33,6 @@ export default {
   'editor-link-menu.link': 'Link',
   'editor-menu.code-block': 'Kodeblok',
   'editor-menu.code': 'Kode',
+  'progress-bar': 'Fremskridtsindikator',
 };
 //# sourceMappingURL=da.js.map

package/dist/collection/translations/da.js.map

@@ -1 +1 @@
-{"version":3,"file":"da.js","sourceRoot":"","sources":["../../src/translations/da.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,MAAM,EAAE,OAAO;EACf,IAAI,EAAE,KAAK;EACX,MAAM,EAAE,UAAU;EAClB,cAAc,EAAE,QAAQ;EACxB,mBAAmB,EAAE,QAAQ;EAC7B,aAAa,EAAE,KAAK;EACpB,iBAAiB,EAAE,UAAU;EAC7B,iBAAiB,EAAE,UAAU;EAC7B,mBAAmB,EAAE,MAAM;EAC3B,2BAA2B,EAAE,OAAO;EACpC,6BAA6B,EAAE,SAAS;EACxC,0BAA0B,EAAE,IAAI;EAChC,oBAAoB,EAAE,UAAU;EAChC,yBAAyB,EACrB,oDAAoD;EACxD,0CAA0C,EAAE,2BAA2B;EACvE,sBAAsB,EAAE,MAAM;EAC9B,6BAA6B,EAAE,kBAAkB;EACjD,gCAAgC,EAAE,kBAAkB;EACpD,6BAA6B,EAAE,kBAAkB;EACjD,0BAA0B,EAAE,OAAO;EACnC,kBAAkB,EAAE,KAAK;EACzB,oBAAoB,EAAE,QAAQ;EAC9B,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,2BAA2B,EAAE,YAAY;EACzC,2BAA2B,EAAE,kBAAkB;EAC/C,wBAAwB,EAAE,WAAW;EACrC,kBAAkB,EAAE,aAAa;EACjC,uBAAuB,EAAE,OAAO;EAChC,uBAAuB,EAAE,MAAM;EAC/B,wBAAwB,EAAE,UAAU;EACpC,kBAAkB,EAAE,MAAM;CAC7B,CAAC","sourcesContent":["export default {\n    remove: 'Fjern',\n    save: 'Gem',\n    cancel: 'Annullér',\n    'callout.note': 'Bemærk',\n    'callout.important': 'Vigtig',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Advarsel',\n    'callout.warning': 'Advarsel',\n    'date-picker.today': 'Idag',\n    'date-picker.month.heading': 'Måned',\n    'date-picker.quarter.heading': 'Kvartal',\n    'date-picker.year.heading': 'År',\n    'chip-set.clear-all': 'Ryd alle',\n    'file.drag-and-drop-tips':\n        'Træk & slip filen her, eller klik for at gennemse.',\n    'file-viewer.message.unsupported-filetype': 'Denne fil kan ikke vises!',\n    'file-viewer.download': 'Hent',\n    'file-viewer.exit-fullscreen': 'Afslut fuldskærm',\n    'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',\n    'file-viewer.open-in-new-tab': 'Åbn i en ny fane',\n    'file-viewer.more-actions': 'Mere…',\n    'editor-menu.bold': 'Fed',\n    'editor-menu.italic': 'Kursiv',\n    'editor-menu.h1': 'Overskrift 1',\n    'editor-menu.h2': 'Overskrift 2',\n    'editor-menu.h3': 'Overskrift 3',\n    'editor-menu.bulleted-list': 'Punktliste',\n    'editor-menu.numbered-list': 'Nummereret liste',\n    'editor-menu.blockquote': 'Blokcitat',\n    'editor-menu.link': 'Tilføj link',\n    'editor-link-menu.text': 'Tekst',\n    'editor-link-menu.link': 'Link',\n    'editor-menu.code-block': 'Kodeblok',\n    'editor-menu.code': 'Kode',\n};\n"]}
+{"version":3,"file":"da.js","sourceRoot":"","sources":["../../src/translations/da.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,MAAM,EAAE,OAAO;EACf,IAAI,EAAE,KAAK;EACX,MAAM,EAAE,UAAU;EAClB,OAAO,EAAE,WAAW;EACpB,cAAc,EAAE,QAAQ;EACxB,mBAAmB,EAAE,QAAQ;EAC7B,aAAa,EAAE,KAAK;EACpB,iBAAiB,EAAE,UAAU;EAC7B,iBAAiB,EAAE,UAAU;EAC7B,mBAAmB,EAAE,MAAM;EAC3B,2BAA2B,EAAE,OAAO;EACpC,6BAA6B,EAAE,SAAS;EACxC,0BAA0B,EAAE,IAAI;EAChC,oBAAoB,EAAE,UAAU;EAChC,yBAAyB,EACrB,oDAAoD;EACxD,0CAA0C,EAAE,2BAA2B;EACvE,sBAAsB,EAAE,MAAM;EAC9B,6BAA6B,EAAE,kBAAkB;EACjD,gCAAgC,EAAE,kBAAkB;EACpD,6BAA6B,EAAE,kBAAkB;EACjD,0BAA0B,EAAE,OAAO;EACnC,kBAAkB,EAAE,KAAK;EACzB,oBAAoB,EAAE,QAAQ;EAC9B,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,gBAAgB,EAAE,cAAc;EAChC,2BAA2B,EAAE,YAAY;EACzC,2BAA2B,EAAE,kBAAkB;EAC/C,wBAAwB,EAAE,WAAW;EACrC,kBAAkB,EAAE,aAAa;EACjC,uBAAuB,EAAE,OAAO;EAChC,uBAAuB,EAAE,MAAM;EAC/B,wBAAwB,EAAE,UAAU;EACpC,kBAAkB,EAAE,MAAM;EAC1B,cAAc,EAAE,sBAAsB;CACzC,CAAC","sourcesContent":["export default {\n    remove: 'Fjern',\n    save: 'Gem',\n    cancel: 'Annullér',\n    loading: 'Indlæser…',\n    'callout.note': 'Bemærk',\n    'callout.important': 'Vigtig',\n    'callout.tip': 'Tip',\n    'callout.caution': 'Advarsel',\n    'callout.warning': 'Advarsel',\n    'date-picker.today': 'Idag',\n    'date-picker.month.heading': 'Måned',\n    'date-picker.quarter.heading': 'Kvartal',\n    'date-picker.year.heading': 'År',\n    'chip-set.clear-all': 'Ryd alle',\n    'file.drag-and-drop-tips':\n        'Træk & slip filen her, eller klik for at gennemse.',\n    'file-viewer.message.unsupported-filetype': 'Denne fil kan ikke vises!',\n    'file-viewer.download': 'Hent',\n    'file-viewer.exit-fullscreen': 'Afslut fuldskærm',\n    'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',\n    'file-viewer.open-in-new-tab': 'Åbn i en ny fane',\n    'file-viewer.more-actions': 'Mere…',\n    'editor-menu.bold': 'Fed',\n    'editor-menu.italic': 'Kursiv',\n    'editor-menu.h1': 'Overskrift 1',\n    'editor-menu.h2': 'Overskrift 2',\n    'editor-menu.h3': 'Overskrift 3',\n    'editor-menu.bulleted-list': 'Punktliste',\n    'editor-menu.numbered-list': 'Nummereret liste',\n    'editor-menu.blockquote': 'Blokcitat',\n    'editor-menu.link': 'Tilføj link',\n    'editor-link-menu.text': 'Tekst',\n    'editor-link-menu.link': 'Link',\n    'editor-menu.code-block': 'Kodeblok',\n    'editor-menu.code': 'Kode',\n    'progress-bar': 'Fremskridtsindikator',\n};\n"]}

package/dist/collection/translations/en.js

@@ -2,6 +2,7 @@ export default {
   remove: 'Remove',
   save: 'Save',
   cancel: 'Cancel',
+  loading: 'Loading…',
   'callout.note': 'Note',
   'callout.important': 'Important',
   'callout.tip': 'Tip',
@@ -33,5 +34,6 @@ export default {
   'editor-link-menu.link': 'Link',
   'editor-menu.code-block': 'Code block',
   'editor-menu.code': 'Code',
+  'progress-bar': 'Progress bar',
 };
 //# sourceMappingURL=en.js.map