@universal-material/web 3.0.139 → 3.0.140

package/progress/circular-progress.js

@@ -1,80 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,75 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,49 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,152 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,125 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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