@universal-material/web 3.0.140 → 3.0.142

package/progress/circular-progress.js

@@ -0,0 +1,80 @@
+import { __decorate } from "tslib";
+import { LitElement, svg } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './circular-progress.styles.js';
+const basePercentage = 255;
+// https://codepen.io/ConAntonakos/pen/ryMaOX
+let UmCircularProgress = class UmCircularProgress extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.max = 1;
+    }
+    static { this.styles = [styles]; }
+    render() {
+        return this.value === undefined
+            ? this.#renderIndeterminate()
+            : this.#renderDeterminate();
+    }
+    #renderCircle(className) {
+        return svg `
+      <svg class="circular ${className}" viewBox="0 0 50 50">
+        <circle
+          class="path"
+          cx="50%"
+          cy="50%"
+          r="20"
+          fill="none"
+          stroke-width="4"
+          stroke-miterlimit="10" />
+      </svg>`;
+    }
+    #renderIndeterminate() {
+        return this.#renderCircle('indeterminate');
+    }
+    #renderDeterminate() {
+        let proportion = this.value / this.max;
+        const offset = proportion === 0 || proportion === 1
+            ? 0
+            : 0.10625;
+        proportion = Math.floor(proportion * 100) / 100;
+        const percentage = basePercentage - basePercentage * proportion;
+        const trackPercentage = basePercentage - basePercentage * Math.max(1 - offset - proportion, 0) * -1;
+        return svg `
+      <svg class="circular on-going" viewBox="0 0 50 50">
+        <circle
+          class="path"
+          cx="50%"
+          cy="50%"
+          r="20"
+          fill="none"
+          stroke-width="4"
+          stroke-miterlimit="10"
+          stroke-dasharray=${`${basePercentage}%`} 
+          stroke-dashoffset=${`${percentage}%`} />
+      </svg>
+      <svg class="circular track on-going" viewBox="0 0 50 50">
+        <circle
+          class="path"
+          cx="50%"
+          cy="50%"
+          r="20"
+          fill="none"
+          stroke-width="4"
+          stroke-miterlimit="10"
+          stroke-dasharray=${`${basePercentage}%`}
+          stroke-dashoffset=${`${trackPercentage}%`}/>
+      </svg>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], UmCircularProgress.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], UmCircularProgress.prototype, "max", void 0);
+UmCircularProgress = __decorate([
+    customElement('u-circular-progress')
+], UmCircularProgress);
+export { UmCircularProgress };
+//# sourceMappingURL=circular-progress.js.map

package/progress/circular-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../src/progress/circular-progress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,MAAM,cAAc,GAAG,GAAG,CAAC;AAE3B,6CAA6C;AAEtC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QAIuB,QAAG,GAAG,CAAC,CAAC;IA+DtC,CAAC;aAlEiB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAKf,MAAM;QACvB,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS;YAC7B,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC7B,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAChC,CAAC;IAED,aAAa,CAAC,SAAiB;QAC7B,OAAO,GAAG,CAAA;6BACe,SAAS;;;;;;;;;aASzB,CAAC;IACZ,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,CAAC;IAED,kBAAkB;QAEhB,IAAI,UAAU,GAAG,IAAI,CAAC,KAAM,GAAG,IAAI,CAAC,GAAG,CAAC;QACxC,MAAM,MAAM,GAAG,UAAU,KAAK,CAAC,IAAI,UAAU,KAAK,CAAC;YACjD,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,OAAO,CAAC;QACZ,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAChD,MAAM,UAAU,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,CAAC;QAChE,MAAM,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,UAAU,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAEpG,OAAO,GAAG,CAAA;;;;;;;;;;6BAUe,GAAG,cAAc,GAAG;8BACnB,GAAG,UAAU,GAAG;;;;;;;;;;;6BAWjB,GAAG,cAAc,GAAG;8BACnB,GAAG,eAAe,GAAG;;KAE9C,CAAC;IACJ,CAAC;;AA/D2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAS;AAJzB,kBAAkB;IAD9B,aAAa,CAAC,qBAAqB,CAAC;GACxB,kBAAkB,CAmE9B","sourcesContent":["import { LitElement, svg, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './circular-progress.styles.js';\n\nconst basePercentage = 255;\n\n// https://codepen.io/ConAntonakos/pen/ryMaOX\n@customElement('u-circular-progress')\nexport class UmCircularProgress extends LitElement {\n  static override styles = [styles];\n\n  @property({ type: Number }) value: number | undefined;\n  @property({ type: Number }) max = 1;\n\n  protected override render(): TemplateResult {\n    return this.value === undefined\n      ? this.#renderIndeterminate()\n      : this.#renderDeterminate();\n  }\n\n  #renderCircle(className: string): TemplateResult {\n    return svg`\n      <svg class=\"circular ${className}\" viewBox=\"0 0 50 50\">\n        <circle\n          class=\"path\"\n          cx=\"50%\"\n          cy=\"50%\"\n          r=\"20\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\" />\n      </svg>`;\n  }\n\n  #renderIndeterminate(): TemplateResult {\n    return this.#renderCircle('indeterminate');\n  }\n\n  #renderDeterminate(): TemplateResult {\n\n    let proportion = this.value! / this.max;\n    const offset = proportion === 0 || proportion === 1\n      ? 0\n      : 0.10625;\n    proportion = Math.floor(proportion * 100) / 100;\n    const percentage = basePercentage - basePercentage * proportion;\n    const trackPercentage = basePercentage - basePercentage * Math.max(1 - offset - proportion, 0) * -1;\n\n    return svg`\n      <svg class=\"circular on-going\" viewBox=\"0 0 50 50\">\n        <circle\n          class=\"path\"\n          cx=\"50%\"\n          cy=\"50%\"\n          r=\"20\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          stroke-dasharray=${`${basePercentage}%`} \n          stroke-dashoffset=${`${percentage}%`} />\n      </svg>\n      <svg class=\"circular track on-going\" viewBox=\"0 0 50 50\">\n        <circle\n          class=\"path\"\n          cx=\"50%\"\n          cy=\"50%\"\n          r=\"20\"\n          fill=\"none\"\n          stroke-width=\"4\"\n          stroke-miterlimit=\"10\"\n          stroke-dasharray=${`${basePercentage}%`}\n          stroke-dashoffset=${`${trackPercentage}%`}/>\n      </svg>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-circular-progress': UmCircularProgress;\n  }\n}\n"]}

package/progress/circular-progress.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=circular-progress.styles.d.ts.map

package/progress/circular-progress.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.styles.d.ts","sourceRoot":"","sources":["../../src/progress/circular-progress.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwElB,CAAC"}

package/progress/circular-progress.styles.js

@@ -0,0 +1,75 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    position: relative;
+    display: inline-block;
+    width: var(--_size);
+    height: var(--_size);
+    margin-inline: auto;
+    --_size: var(--u-circular-progress-size, 3rem);
+  }
+
+  .circular {
+    width: 100%;
+    height: 100%;
+    transform: rotate(-90deg);
+    transform-origin: center;
+  }
+  .circular.indeterminate {
+    position: relative;
+    animation: rotate 2s linear infinite;
+  }
+  .circular:not(.indeterminate) .path {
+    transition: stroke-dashoffset 200ms linear;
+  }
+
+  .path {
+    stroke-linecap: round;
+    stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164)));
+  }
+
+  .track {
+    position: absolute;
+    inset: 0;
+  }
+  .track .path {
+    stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));
+  }
+
+  .indeterminate .path {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    animation: dash 1.5s ease-in-out infinite;
+  }
+
+  .on-going {
+    transform: rotate(-80deg);
+  }
+  .on-going.track {
+    transform: rotate(-100deg);
+  }
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+  @keyframes dash {
+    0% {
+      stroke-dasharray: 1, 200;
+      stroke-dashoffset: 0;
+    }
+    50% {
+      stroke-dasharray: 89, 200;
+      stroke-dashoffset: -35;
+    }
+    100% {
+      stroke-dasharray: 89, 200;
+      stroke-dashoffset: -124;
+    }
+  }
+`;
+//# sourceMappingURL=circular-progress.styles.js.map

package/progress/circular-progress.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.styles.js","sourceRoot":"","sources":["../../src/progress/circular-progress.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    position: relative;\n    display: inline-block;\n    width: var(--_size);\n    height: var(--_size);\n    margin-inline: auto;\n    --_size: var(--u-circular-progress-size, 3rem);\n  }\n\n  .circular {\n    width: 100%;\n    height: 100%;\n    transform: rotate(-90deg);\n    transform-origin: center;\n  }\n  .circular.indeterminate {\n    position: relative;\n    animation: rotate 2s linear infinite;\n  }\n  .circular:not(.indeterminate) .path {\n    transition: stroke-dashoffset 200ms linear;\n  }\n\n  .path {\n    stroke-linecap: round;\n    stroke: var(--u-circular-progress-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  .track {\n    position: absolute;\n    inset: 0;\n  }\n  .track .path {\n    stroke: var(--u-circular-progress-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n  }\n\n  .indeterminate .path {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n    animation: dash 1.5s ease-in-out infinite;\n  }\n\n  .on-going {\n    transform: rotate(-80deg);\n  }\n  .on-going.track {\n    transform: rotate(-100deg);\n  }\n\n  @keyframes rotate {\n    0% {\n      transform: rotate(0);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n  @keyframes dash {\n    0% {\n      stroke-dasharray: 1, 200;\n      stroke-dashoffset: 0;\n    }\n    50% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -35;\n    }\n    100% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -124;\n    }\n  }\n`;\n"]}

package/progress/progress-bar.d.ts

@@ -0,0 +1,14 @@
+import { LitElement, TemplateResult } from 'lit';
+export declare class UmProgressBar extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    value: number | undefined;
+    max: number;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-progress-bar': UmProgressBar;
+    }
+}
+//# sourceMappingURL=progress-bar.d.ts.map

package/progress/progress-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../src/progress/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvD,qBACa,aAAc,SAAQ,UAAU;;IAC3C,OAAgB,MAAM,4BAAY;IAEN,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,SAAK;cAEjB,MAAM,IAAI,cAAc;CA+B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAC;KACjC;CACF"}

package/progress/progress-bar.js

@@ -0,0 +1,49 @@
+import { __decorate } from "tslib";
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './progress-bar.styles.js';
+let UmProgressBar = class UmProgressBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.max = 1;
+    }
+    static { this.styles = [styles]; }
+    render() {
+        return this.value === undefined
+            ? this.#renderIndeterminate()
+            : this.#renderDeterminate();
+    }
+    #renderIndeterminate() {
+        return html `
+      <div class="indeterminate">
+        <div class="bar track first"></div>
+        <div class="bar active fast"></div>
+        <div class="bar track middle"></div>
+        <div class="bar active slow"></div>
+        <div class="bar track last"></div>
+      </div>
+    `;
+    }
+    #renderDeterminate() {
+        const proportion = this.value / this.max;
+        const percentage = Math.floor(proportion * 1000) / 10;
+        const trackPercentage = 100 - percentage;
+        return html `
+      <div class="determinate">
+        <div class="bar active" style="flex-basis: ${percentage}%"></div>
+        <div class="bar track" style="flex-basis: ${trackPercentage}%"></div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], UmProgressBar.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], UmProgressBar.prototype, "max", void 0);
+UmProgressBar = __decorate([
+    customElement('u-progress-bar')
+], UmProgressBar);
+export { UmProgressBar };
+//# sourceMappingURL=progress-bar.js.map

package/progress/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../src/progress/progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIuB,QAAG,GAAG,CAAC,CAAC;IAiCtC,CAAC;aApCiB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAKf,MAAM;QACvB,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS;YAC7B,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC7B,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAChC,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;IAED,kBAAkB;QAChB,MAAM,UAAU,GAAG,IAAI,CAAC,KAAM,GAAG,IAAI,CAAC,GAAG,CAAC;QAE1C,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACtD,MAAM,eAAe,GAAG,GAAG,GAAG,UAAU,CAAC;QAEzC,OAAO,IAAI,CAAA;;qDAEsC,UAAU;oDACX,eAAe;;KAE9D,CAAC;IACJ,CAAC;;AAjC2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAA2B;AAC1B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAS;AAJzB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAqCzB","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './progress-bar.styles.js';\n\n@customElement('u-progress-bar')\nexport class UmProgressBar extends LitElement {\n  static override styles = [styles];\n\n  @property({ type: Number }) value: number | undefined;\n  @property({ type: Number }) max = 1;\n\n  protected override render(): TemplateResult {\n    return this.value === undefined\n      ? this.#renderIndeterminate()\n      : this.#renderDeterminate();\n  }\n\n  #renderIndeterminate(): TemplateResult {\n    return html`\n      <div class=\"indeterminate\">\n        <div class=\"bar track first\"></div>\n        <div class=\"bar active fast\"></div>\n        <div class=\"bar track middle\"></div>\n        <div class=\"bar active slow\"></div>\n        <div class=\"bar track last\"></div>\n      </div>\n    `;\n  }\n\n  #renderDeterminate(): TemplateResult {\n    const proportion = this.value! / this.max;\n\n    const percentage = Math.floor(proportion * 1000) / 10;\n    const trackPercentage = 100 - percentage;\n\n    return html`\n      <div class=\"determinate\">\n        <div class=\"bar active\" style=\"flex-basis: ${percentage}%\"></div>\n        <div class=\"bar track\" style=\"flex-basis: ${trackPercentage}%\"></div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-progress-bar': UmProgressBar;\n  }\n}\n"]}

package/progress/progress-bar.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=progress-bar.styles.d.ts.map

package/progress/progress-bar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../src/progress/progress-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqJlB,CAAC"}

package/progress/progress-bar.styles.js

@@ -0,0 +1,152 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px));
+    --_height: var(--u-progress-bar-height, 4px);
+  }
+
+  :host,
+  .determinate,
+  .indeterminate {
+    overflow: hidden;
+    border-radius: var(--_border-radius);
+  }
+
+  .determinate,
+  .indeterminate {
+    display: flex;
+    gap: 4px;
+  }
+
+  .indeterminate {
+    flex: 1;
+    margin-inline: -8px;
+    border-radius: var(--_border-radius);
+  }
+
+  .determinate {
+    margin-inline-end: -4px;
+  }
+  .determinate .bar {
+    transition: flex-basis 200ms linear;
+  }
+
+  .last {
+    flex-shrink: 1;
+    flex-basis: 100%;
+    animation: last 2.1s infinite linear;
+  }
+
+  .slow {
+    animation: slow 2.1s infinite linear;
+  }
+
+  .middle {
+    animation: middle 2.1s infinite linear;
+  }
+
+  .fast {
+    animation: fast 2.1s infinite linear;
+  }
+
+  .first {
+    animation: first 2.1s infinite linear;
+  }
+
+  .bar {
+    height: var(--_height);
+    border-radius: var(--_border-radius);
+    background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164)));
+  }
+
+  .track {
+    background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));
+    flex-shrink: 1;
+  }
+
+  @keyframes slow {
+    0% {
+      flex-basis: 0;
+    }
+    10% {
+      flex-basis: 50%;
+    }
+    20% {
+      flex-basis: 100%;
+    }
+    30% {
+      flex-basis: 0;
+    }
+  }
+  @keyframes last {
+    0% {
+      flex-basis: 100%;
+    }
+    10% {
+      flex-basis: 50%;
+    }
+    20% {
+      flex-basis: 0;
+    }
+    100% {
+      flex-basis: 0;
+    }
+  }
+  @keyframes middle {
+    10% {
+      flex-basis: 0;
+    }
+    20% {
+      flex-basis: 100%;
+    }
+    35% {
+      flex-basis: 100%;
+    }
+    45% {
+      flex-basis: 0;
+    }
+  }
+  @keyframes fast {
+    0% {
+      flex-basis: 0;
+    }
+    25% {
+      flex-basis: 0;
+    }
+    35% {
+      flex-basis: 100%;
+    }
+    45% {
+      flex-basis: 100%;
+    }
+    55% {
+      flex-basis: 0;
+    }
+  }
+  @keyframes first {
+    35% {
+      flex-basis: 0;
+    }
+    45% {
+      flex-basis: 100%;
+    }
+    100% {
+      flex-basis: 100%;
+    }
+  }
+  @keyframes fast-bar-pre {
+    0% {
+      flex-basis: 0;
+    }
+    60% {
+      flex-basis: 0;
+    }
+    90% {
+      flex-basis: 100%;
+    }
+    100% {
+      flex-basis: 100%;
+    }
+  }
+`;
+//# sourceMappingURL=progress-bar.styles.js.map

package/progress/progress-bar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../src/progress/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n  :host {\n    --_border-radius: var(--u-progress-bar-border-radius, var(--u-shape-corner-full, 9999px));\n    --_height: var(--u-progress-bar-height, 4px);\n  }\n\n  :host,\n  .determinate,\n  .indeterminate {\n    overflow: hidden;\n    border-radius: var(--_border-radius);\n  }\n\n  .determinate,\n  .indeterminate {\n    display: flex;\n    gap: 4px;\n  }\n\n  .indeterminate {\n    flex: 1;\n    margin-inline: -8px;\n    border-radius: var(--_border-radius);\n  }\n\n  .determinate {\n    margin-inline-end: -4px;\n  }\n  .determinate .bar {\n    transition: flex-basis 200ms linear;\n  }\n\n  .last {\n    flex-shrink: 1;\n    flex-basis: 100%;\n    animation: last 2.1s infinite linear;\n  }\n\n  .slow {\n    animation: slow 2.1s infinite linear;\n  }\n\n  .middle {\n    animation: middle 2.1s infinite linear;\n  }\n\n  .fast {\n    animation: fast 2.1s infinite linear;\n  }\n\n  .first {\n    animation: first 2.1s infinite linear;\n  }\n\n  .bar {\n    height: var(--_height);\n    border-radius: var(--_border-radius);\n    background: var(--u-progress-bar-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  .track {\n    background: var(--u-progress-bar-track-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n    flex-shrink: 1;\n  }\n\n  @keyframes slow {\n    0% {\n      flex-basis: 0;\n    }\n    10% {\n      flex-basis: 50%;\n    }\n    20% {\n      flex-basis: 100%;\n    }\n    30% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes last {\n    0% {\n      flex-basis: 100%;\n    }\n    10% {\n      flex-basis: 50%;\n    }\n    20% {\n      flex-basis: 0;\n    }\n    100% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes middle {\n    10% {\n      flex-basis: 0;\n    }\n    20% {\n      flex-basis: 100%;\n    }\n    35% {\n      flex-basis: 100%;\n    }\n    45% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes fast {\n    0% {\n      flex-basis: 0;\n    }\n    25% {\n      flex-basis: 0;\n    }\n    35% {\n      flex-basis: 100%;\n    }\n    45% {\n      flex-basis: 100%;\n    }\n    55% {\n      flex-basis: 0;\n    }\n  }\n  @keyframes first {\n    35% {\n      flex-basis: 0;\n    }\n    45% {\n      flex-basis: 100%;\n    }\n    100% {\n      flex-basis: 100%;\n    }\n  }\n  @keyframes fast-bar-pre {\n    0% {\n      flex-basis: 0;\n    }\n    60% {\n      flex-basis: 0;\n    }\n    90% {\n      flex-basis: 100%;\n    }\n    100% {\n      flex-basis: 100%;\n    }\n  }\n`;\n"]}

package/radio/radio-list-item.d.ts

@@ -0,0 +1,11 @@
+import { UmRadio } from './radio.js';
+declare const UmRadioListItem_base: import("../shared/mixin.js").MixinReturn<typeof UmRadio>;
+export declare class UmRadioListItem extends UmRadioListItem_base {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-radio-list-item': UmRadioListItem;
+    }
+}
+export {};
+//# sourceMappingURL=radio-list-item.d.ts.map

package/radio/radio-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-list-item.d.ts","sourceRoot":"","sources":["../../src/radio/radio-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;;AAErC,qBACa,eAAgB,SAAQ,oBAAsC;CAE1E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/radio/radio-list-item.js

@@ -0,0 +1,11 @@
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { mixinSelectionControlListItem } from '../shared/selection-control/selection-control-list-item.js';
+import { UmRadio } from './radio.js';
+let UmRadioListItem = class UmRadioListItem extends mixinSelectionControlListItem(UmRadio) {
+};
+UmRadioListItem = __decorate([
+    customElement('u-radio-list-item')
+], UmRadioListItem);
+export { UmRadioListItem };
+//# sourceMappingURL=radio-list-item.js.map

package/radio/radio-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-list-item.js","sourceRoot":"","sources":["../../src/radio/radio-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4DAA4D,CAAC;AAC3G,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAG9B,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,6BAA6B,CAAC,OAAO,CAAC;CAE1E,CAAA;AAFY,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAE3B","sourcesContent":["import { customElement } from 'lit/decorators.js';\n\nimport { mixinSelectionControlListItem } from '../shared/selection-control/selection-control-list-item.js';\nimport { UmRadio } from './radio.js';\n\n@customElement('u-radio-list-item')\nexport class UmRadioListItem extends mixinSelectionControlListItem(UmRadio) {\n\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-radio-list-item': UmRadioListItem;\n  }\n}\n"]}

package/radio/radio.d.ts

@@ -0,0 +1,24 @@
+import { PropertyValues } from '@lit/reactive-element';
+import { HTMLTemplateResult } from 'lit';
+import { UmSelectionControl } from '../shared/selection-control/selection-control.js';
+export declare class UmRadio extends UmSelectionControl {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    hideStateLayer: boolean;
+    protected inputType: 'radio' | 'checkbox';
+    protected renderIndicator(): HTMLTemplateResult;
+    get checked(): boolean;
+    set checked(value: boolean);
+    constructor();
+    firstUpdated(changedProperties: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private ensureOnlyOneChecked;
+    private uncheckSiblings;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'u-radio': UmRadio;
+    }
+}
+//# sourceMappingURL=radio.d.ts.map

package/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AAGtF,qBACa,OAAQ,SAAQ,kBAAkB;;IAC7C,OAAgB,MAAM,iCAAuC;IAEc,cAAc,UAAS;IAElG,UAAmB,SAAS,EAAE,OAAO,GAAG,UAAU,CAAW;cAE1C,eAAe,IAAI,kBAAkB;IAMxD,IAAa,OAAO,IAIQ,OAAO,CAFlC;IAED,IAAa,OAAO,CAAC,KAAK,EAAE,OAAO,EAYlC;;IAcQ,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAKjB,oBAAoB;IAkE7B,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,eAAe;CAaxB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}

package/radio/radio.js

@@ -0,0 +1,125 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { UmSelectionControl } from '../shared/selection-control/selection-control.js';
+import { styles } from './radio.styles.js';
+let UmRadio = class UmRadio extends UmSelectionControl {
+    static { this.styles = [UmSelectionControl.styles, styles]; }
+    renderIndicator() {
+        return html `
+      <div class="indicator"></div>
+    `;
+    }
+    get checked() {
+        return super.checked;
+    }
+    set checked(value) {
+        super.checked = value;
+        if (!value) {
+            return;
+        }
+        this.uncheckSiblings();
+        if (this.input) {
+            this.input.tabIndex = 0;
+        }
+    }
+    get #siblings() {
+        if (!this.name) {
+            return [this];
+        }
+        return Array.from(this.getRootNode().querySelectorAll(`${this.tagName}[name="${this.name}"]`));
+    }
+    constructor() {
+        super();
+        this.hideStateLayer = false;
+        this.inputType = 'radio';
+    }
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        this.ensureOnlyOneChecked();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('keydown', this.#handleKeyDown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('keydown', this.#handleKeyDown);
+    }
+    #handleKeyDown(event) {
+        const isDown = event.key === 'ArrowDown';
+        const isUp = event.key === 'ArrowUp';
+        const isLeft = event.key === 'ArrowLeft';
+        const isRight = event.key === 'ArrowRight';
+        if (!isLeft && !isRight && !isDown && !isUp) {
+            return;
+        }
+        // Don't try to select another sibling if there aren't any.
+        const siblings = this.#siblings;
+        if (!siblings.length) {
+            return;
+        }
+        event.preventDefault();
+        const isRtl = getComputedStyle(this).direction === 'rtl';
+        const forwards = isRtl ? isLeft || isDown : isRight || isDown;
+        const factor = forwards ? 1 : -1;
+        const thisIndex = siblings.indexOf(this);
+        let nextIndex = thisIndex + factor;
+        while (nextIndex !== thisIndex) {
+            if (nextIndex >= siblings.length) {
+                // Return to start if moving past the last item.
+                nextIndex = 0;
+            }
+            else if (nextIndex < 0) {
+                // Go to end if moving before the first item.
+                nextIndex = siblings.length - 1;
+            }
+            const nextSibling = siblings[nextIndex];
+            if (nextSibling.disabled) {
+                nextIndex += factor;
+                continue;
+            }
+            const clickCanceled = !nextSibling.dispatchEvent(new Event('click', {
+                bubbles: true,
+                cancelable: true,
+            }));
+            nextSibling.input.focus();
+            if (clickCanceled) {
+                break;
+            }
+            nextSibling.checked = true;
+            nextSibling.dispatchEvent(new Event('change', { bubbles: true }));
+            break;
+        }
+    }
+    ensureOnlyOneChecked() {
+        if (!this.name) {
+            return;
+        }
+        const radios = Array.from(document.querySelectorAll(`${this.tagName}[name="${this.name}"]`));
+        const lastChecked = radios.reverse().find(r => r.checked);
+        if (!lastChecked) {
+            return;
+        }
+        lastChecked.checked = true;
+    }
+    uncheckSiblings() {
+        for (const radio of this.#siblings) {
+            if (radio === this) {
+                continue;
+            }
+            if (radio.input) {
+                radio.input.tabIndex = -1;
+            }
+            radio.checked = false;
+        }
+    }
+};
+__decorate([
+    property({ type: Boolean, attribute: 'hide-state-layer', reflect: true })
+], UmRadio.prototype, "hideStateLayer", void 0);
+UmRadio = __decorate([
+    customElement('u-radio')
+], UmRadio);
+export { UmRadio };
+//# sourceMappingURL=radio.js.map

package/radio/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../src/radio/radio.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmSelectionControl } from '../shared/selection-control/selection-control.js';\nimport { styles } from './radio.styles.js';\n\n@customElement('u-radio')\nexport class UmRadio extends UmSelectionControl {\n  static override styles = [UmSelectionControl.styles, styles];\n\n  @property({ type: Boolean, attribute: 'hide-state-layer', reflect: true }) hideStateLayer = false;\n\n  protected override inputType: 'radio' | 'checkbox' = 'radio';\n\n  protected override renderIndicator(): HTMLTemplateResult {\n    return html`\n      <div class=\"indicator\"></div>\n    `;\n  }\n\n  override get checked() {\n    return super.checked;\n  }\n\n  override set checked(value: boolean) {\n    super.checked = value;\n\n    if (!value) {\n      return;\n    }\n\n    this.uncheckSiblings();\n\n    if (this.input) {\n      this.input.tabIndex = 0;\n    }\n  }\n\n  get #siblings(): UmRadio[] {\n    if (!this.name) {\n      return [this];\n    }\n\n    return Array.from((this.getRootNode() as Element).querySelectorAll<UmRadio>(`${this.tagName}[name=\"${this.name}\"]`));\n  }\n\n  constructor() {\n    super();\n  }\n\n  override firstUpdated(changedProperties: PropertyValues) {\n    super.firstUpdated(changedProperties);\n\n    this.ensureOnlyOneChecked();\n  }\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('keydown', this.#handleKeyDown);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('keydown', this.#handleKeyDown);\n  }\n\n  #handleKeyDown(event: KeyboardEvent) {\n    const isDown = event.key === 'ArrowDown';\n    const isUp = event.key === 'ArrowUp';\n    const isLeft = event.key === 'ArrowLeft';\n    const isRight = event.key === 'ArrowRight';\n\n    if (!isLeft && !isRight && !isDown && !isUp) {\n      return;\n    }\n\n    // Don't try to select another sibling if there aren't any.\n    const siblings = this.#siblings;\n\n    if (!siblings.length) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const isRtl = getComputedStyle(this).direction === 'rtl';\n    const forwards = isRtl ? isLeft || isDown : isRight || isDown;\n    const factor = forwards ? 1 : -1;\n\n    const thisIndex = siblings.indexOf(this);\n    let nextIndex = thisIndex + factor;\n\n    while (nextIndex !== thisIndex) {\n      if (nextIndex >= siblings.length) {\n        // Return to start if moving past the last item.\n        nextIndex = 0;\n      } else if (nextIndex < 0) {\n        // Go to end if moving before the first item.\n        nextIndex = siblings.length - 1;\n      }\n\n      const nextSibling = siblings[nextIndex];\n\n      if (nextSibling.disabled) {\n        nextIndex += factor;\n        continue;\n      }\n\n      const clickCanceled = !nextSibling.dispatchEvent(\n        new Event('click', {\n          bubbles: true,\n          cancelable: true,\n        }),\n      );\n\n      nextSibling.input.focus();\n\n      if (clickCanceled) {\n        break;\n      }\n\n      nextSibling.checked = true;\n      nextSibling.dispatchEvent(new Event('change', { bubbles: true }));\n      break;\n    }\n  }\n\n  private ensureOnlyOneChecked() {\n    if (!this.name) {\n      return;\n    }\n\n    const radios = Array.from(document.querySelectorAll<UmRadio>(`${this.tagName}[name=\"${this.name}\"]`));\n    const lastChecked = radios.reverse().find(r => r.checked);\n\n    if (!lastChecked) {\n      return;\n    }\n\n    lastChecked.checked = true;\n  }\n\n  private uncheckSiblings() {\n    for (const radio of this.#siblings) {\n      if (radio === this) {\n        continue;\n      }\n\n      if (radio.input) {\n        radio.input.tabIndex = -1;\n      }\n\n      radio.checked = false;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'u-radio': UmRadio;\n  }\n}\n"]}

package/radio/radio.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=radio.styles.d.ts.map

package/radio/radio.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../src/radio/radio.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8BlB,CAAC"}