@api-client/ui 0.0.15 → 0.0.17

package/dist/ui/notification/Snackbar.js

@@ -1,198 +0,0 @@
-import { __decorate } from "tslib";
-import { html, LitElement, nothing } from "lit";
-import { property } from "lit/decorators.js";
-import { EventUtils } from "@api-client/core/build/esm/browser.js";
-import '../../define/ui/ui-button.js';
-import '../../define/ui/ui-icon-button.js';
-import '../../define/ui/ui-icon.js';
-import { classMap } from "lit/directives/class-map.js";
-/**
- * Snackbars provide brief messages about app processes at the bottom of the screen.
- *
- * Snackbars inform users of a process that an app has performed or will perform.
- * They appear temporarily, towards the bottom of the screen.
- * They shouldn’t interrupt the user experience, and they don’t require user input to disappear.
- *
- * Only one snackbar may be displayed at a time.
- *
- * A snackbar can contain a single action. "Dismiss" or "cancel" actions are optional.
- *
- * Snackbars communicate messages that are minimally interruptive and don’t require user action.
- *
- * **Caution**, Do not use this element directly.
- *
- * A snackbar is the UI to render in the application. It does not care whether another
- * message is already rendered. Use `SnackNotifications` to manage notification system.
- * The `SnackNotifications` will position toasts directly under the `body` which will make
- * it easier to manage especially when relative / absolute positioning is used.
- *
- * @fires open - When the open state changes. Note, this event is not dispatched when it was programmatically closed.
- * @fires dismiss - When the message was closed via the API.
- * @fires action - When the action button was activated.
- */
-export class Snackbar extends LitElement {
-    constructor() {
-        super();
-        /**
-         * When set the snackbar does not timeout.
-         * It has to be cancelled by user interaction or programmatically.
-         *
-         * When the `cancellable` is set to false the user won't be able to dismiss the
-         * snackbar and the application must remove the snackbar after the process
-         * finish. Otherwise another snackbar won't appear.
-         *
-         * @default false
-         * @attribute
-         */
-        this.persistent = false;
-        /**
-         * Whether the snackbar can be cancelled via user interaction.
-         *
-         * @default true
-         * @attribute
-         */
-        this.cancellable = true;
-        /**
-         * The time in milliseconds after which the message is removed.
-         * Has not effect when `persistent` flag is set.
-         *
-         * @default 5000
-         * @attribute
-         */
-        this.timeout = 5000;
-        this.addEventListener('touchstart', this.touchstartHandler.bind(this), { passive: true });
-        this.addEventListener('touchend', this.touchendHandler.bind(this), { passive: true });
-        this.addEventListener('transitionend', this.transitionendHandler.bind(this), { passive: true });
-    }
-    updated(cp) {
-        if (cp.has('open')) {
-            if (this.open) {
-                this.setupTimeout();
-            }
-            else {
-                this.clearTimer();
-            }
-        }
-    }
-    /**
-     * Dismisses the snackbar
-     */
-    dismiss() {
-        this.dismissed = true;
-        this.open = false;
-    }
-    setupTimeout() {
-        const { timeout = 5000, persistent } = this;
-        this.clearTimer();
-        if (persistent) {
-            return;
-        }
-        this.timer = setTimeout(() => {
-            this.timeoutHandler();
-        }, timeout);
-    }
-    clearTimer() {
-        if (this.timer) {
-            clearTimeout(this.timer);
-            this.timer = undefined;
-        }
-    }
-    timeoutHandler() {
-        this.open = false;
-    }
-    touchstartHandler(e) {
-        if (this.cancellable === false) {
-            return;
-        }
-        this.touchXStart = e.changedTouches[0].screenX;
-        this.touchYStart = e.changedTouches[0].screenY;
-    }
-    touchendHandler(e) {
-        if (this.cancellable === false) {
-            return;
-        }
-        const { touchXStart, touchYStart } = this;
-        if (typeof touchXStart !== 'number' || typeof touchYStart !== 'number') {
-            return;
-        }
-        this.touchXStart = undefined;
-        this.touchYStart = undefined;
-        const endX = e.changedTouches[0].screenX;
-        const endY = e.changedTouches[0].screenY;
-        const xDelta = Math.abs(endX - touchXStart);
-        const yDelta = Math.abs(endY - touchYStart);
-        const threshold = 20;
-        if (xDelta > threshold || yDelta > threshold) {
-            this.open = false;
-        }
-    }
-    actionHandler() {
-        this.dispatchEvent(new Event('action'));
-        this.dismiss();
-    }
-    transitionendHandler() {
-        if (!this.dismissed) {
-            this.dispatchEvent(new Event('open'));
-        }
-        else {
-            this.dismissed = false;
-            this.dispatchEvent(new Event('dismiss'));
-        }
-    }
-    closeHandler() {
-        this.open = false;
-    }
-    render() {
-        const classes = {
-            body: true,
-            withAction: !!this.action,
-            withClose: !!this.close,
-        };
-        return html `
-    <div class="${classMap(classes)}">
-      <slot></slot>
-    </div>
-    ${this.renderAction()}
-    ${this.renderIcon()}
-    `;
-    }
-    renderAction() {
-        const { action } = this;
-        if (!action) {
-            return nothing;
-        }
-        return html `
-    <ui-button type="text" class="action" @click="${this.actionHandler}" @action="${EventUtils.cancelEvent}">${action}</ui-button>
-    `;
-    }
-    renderIcon() {
-        const { close } = this;
-        if (!close) {
-            return nothing;
-        }
-        return html `
-    <ui-icon-button @click="${this.closeHandler}" class="icon" @action="${EventUtils.cancelEvent}">
-      <ui-icon icon="close"></ui-icon>
-    </ui-icon-button>
-    `;
-    }
-}
-__decorate([
-    property({ type: Boolean })
-], Snackbar.prototype, "persistent", void 0);
-__decorate([
-    property({ type: Boolean })
-], Snackbar.prototype, "cancellable", void 0);
-__decorate([
-    property({ type: Number })
-], Snackbar.prototype, "timeout", void 0);
-__decorate([
-    property({ type: String })
-], Snackbar.prototype, "action", void 0);
-__decorate([
-    property({ type: Boolean })
-], Snackbar.prototype, "close", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Snackbar.prototype, "open", void 0);
-//# sourceMappingURL=Snackbar.js.map

package/dist/ui/notification/Snackbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/ui/notification/Snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing, PropertyValues, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { EventUtils } from \"@api-client/core/build/esm/browser.js\";\nimport '../../define/ui/ui-button.js';\nimport '../../define/ui/ui-icon-button.js';\nimport '../../define/ui/ui-icon.js';\nimport { classMap } from \"lit/directives/class-map.js\";\n\n/**\n * Snackbars provide brief messages about app processes at the bottom of the screen.\n * \n * Snackbars inform users of a process that an app has performed or will perform. \n * They appear temporarily, towards the bottom of the screen. \n * They shouldn’t interrupt the user experience, and they don’t require user input to disappear.\n * \n * Only one snackbar may be displayed at a time.\n * \n * A snackbar can contain a single action. \"Dismiss\" or \"cancel\" actions are optional.\n * \n * Snackbars communicate messages that are minimally interruptive and don’t require user action.\n * \n * **Caution**, Do not use this element directly.\n * \n * A snackbar is the UI to render in the application. It does not care whether another \n * message is already rendered. Use `SnackNotifications` to manage notification system.\n * The `SnackNotifications` will position toasts directly under the `body` which will make \n * it easier to manage especially when relative / absolute positioning is used.\n * \n * @fires open - When the open state changes. Note, this event is not dispatched when it was programmatically closed.\n * @fires dismiss - When the message was closed via the API.\n * @fires action - When the action button was activated.\n */\nexport class Snackbar extends LitElement {\n  /**\n   * When set the snackbar does not timeout.\n   * It has to be cancelled by user interaction or programmatically.\n   * \n   * When the `cancellable` is set to false the user won't be able to dismiss the\n   * snackbar and the application must remove the snackbar after the process \n   * finish. Otherwise another snackbar won't appear.\n   * \n   * @default false\n   * @attribute\n   */\n  @property({ type: Boolean }) persistent = false;\n\n  /**\n   * Whether the snackbar can be cancelled via user interaction.\n   * \n   * @default true\n   * @attribute\n   */\n  @property({ type: Boolean }) cancellable = true;\n\n  /**\n   * The time in milliseconds after which the message is removed.\n   * Has not effect when `persistent` flag is set.\n   * \n   * @default 5000\n   * @attribute\n   */\n  @property({ type: Number }) timeout = 5000;\n\n  /**\n   * The action to render next to the message.\n   * There can be only one action.\n   * It is only rendered when `actionCallback` is set.\n   * \n   * @attribute\n   */\n  @property({ type: String }) action?: string;\n\n  /**\n   * Whether to render affordable \"close\" icon.\n   * \n   * @attribute\n   */\n  @property({ type: Boolean }) close?: boolean;\n\n  /**\n   * Whether the message is being rendered.\n   * \n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) open?: boolean;\n\n  protected dismissed?: boolean;\n\n  protected timer?: number;\n\n  protected touchXStart?: number;\n\n  protected touchYStart?: number;\n\n  constructor() {\n    super();\n\n    this.addEventListener('touchstart', this.touchstartHandler.bind(this), { passive: true });\n    this.addEventListener('touchend', this.touchendHandler.bind(this), { passive: true });\n    this.addEventListener('transitionend', this.transitionendHandler.bind(this), { passive: true });\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('open')) {\n      if (this.open) {\n        this.setupTimeout();\n      } else {\n        this.clearTimer();\n      }\n    }\n  }\n\n  /**\n   * Dismisses the snackbar\n   */\n  dismiss(): void {\n    this.dismissed = true;\n    this.open = false;\n  }\n\n  protected setupTimeout(): void {\n    const { timeout = 5000, persistent } = this;\n    this.clearTimer();\n    if (persistent) {\n      return;\n    }\n    this.timer = setTimeout(() => {\n      this.timeoutHandler();\n    }, timeout) as unknown as number;\n  }\n\n  protected clearTimer(): void {\n    if (this.timer) {\n      clearTimeout(this.timer);\n      this.timer = undefined;\n    }\n  }\n\n  protected timeoutHandler(): void {\n    this.open = false;\n  }\n\n  protected touchstartHandler(e: TouchEvent): void {\n    if (this.cancellable === false) {\n      return;\n    }\n    this.touchXStart = e.changedTouches[0].screenX;\n    this.touchYStart = e.changedTouches[0].screenY;\n  }\n\n  protected touchendHandler(e: TouchEvent): void {\n    if (this.cancellable === false) {\n      return;\n    }\n    const { touchXStart, touchYStart } = this;\n    if (typeof touchXStart !== 'number' || typeof touchYStart !== 'number') {\n      return;\n    }\n    this.touchXStart = undefined;\n    this.touchYStart = undefined;\n    const endX = e.changedTouches[0].screenX;\n    const endY = e.changedTouches[0].screenY;\n    const xDelta = Math.abs(endX - touchXStart);\n    const yDelta = Math.abs(endY - touchYStart);\n    const threshold = 20;\n    if (xDelta > threshold || yDelta > threshold) {\n      this.open = false;\n    }\n  }\n\n  protected actionHandler(): void {\n    this.dispatchEvent(new Event('action'));\n    this.dismiss();\n  }\n\n  protected transitionendHandler(): void {\n    if (!this.dismissed) {\n      this.dispatchEvent(new Event('open'));\n    } else {\n      this.dismissed = false;\n      this.dispatchEvent(new Event('dismiss'));\n    }\n  }\n\n  protected closeHandler(): void {\n    this.open = false;\n  }\n\n  protected override render(): TemplateResult {\n    const classes = {\n      body: true,\n      withAction: !!this.action,\n      withClose: !!this.close,\n    };\n    return html`\n    <div class=\"${classMap(classes)}\">\n      <slot></slot>\n    </div>\n    ${this.renderAction()}\n    ${this.renderIcon()}\n    `;\n  }\n\n  protected renderAction(): TemplateResult | typeof nothing {\n    const { action } = this;\n    if (!action) {\n      return nothing;\n    }\n    return html`\n    <ui-button type=\"text\" class=\"action\" @click=\"${this.actionHandler}\" @action=\"${EventUtils.cancelEvent}\">${action}</ui-button>\n    `;\n  }\n\n  protected renderIcon(): TemplateResult | typeof nothing {\n    const { close } = this;\n    if (!close) {\n      return nothing;\n    }\n    return html`\n    <ui-icon-button @click=\"${this.closeHandler}\" class=\"icon\" @action=\"${EventUtils.cancelEvent}\">\n      <ui-icon icon=\"close\"></ui-icon>\n    </ui-icon-button>\n    `;\n  }\n}\n"]}

package/dist/ui/notification/Snackbar.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/notification/Snackbar.styles.ts"],"names":[],"mappings":";AAEA,wBAmEE"}

package/dist/ui/notification/Snackbar.styles.js

@@ -1,70 +0,0 @@
-import { css } from 'lit';
-export default css `
-:host {
-  --snackbar-x: 40px;
-  --snackbar-y: 40px;
-
-  position: fixed;
-
-  bottom: var(--snackbar-y);
-  left: var(--snackbar-x);
-
-  display: flex;
-  align-items: center;
-
-  background-color: var(--md-sys-color-inverse-surface);
-  color: var(--md-sys-color-inverse-on-surface);
-
-  box-shadow: var(--md-sys-elevation-3-light);
-  border-radius: var(--md-sys-shape-corner-extra-small);
-
-  transform: translateY(calc(var(--snackbar-y) + 100%));
-  transition: transform 250ms cubic-bezier(0.2, 0, 0, 1) 0s;
-
-  height: 48px;
-  min-width: 260px;
-
-  user-select: none;
-}
-
-:host([open]) {
-  transform: translateY(0);
-}
-
-.body {
-  flex: 1;
-  padding-left: 16px;
-  padding-right: 16px;
-
-  font-family: var(--md-sys-typescale-body-medium-font-family-name);
-  font-style: var(--md-sys-typescale-body-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-body-medium-font-weight);
-  font-size: var(--md-sys-typescale-body-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-  line-height: var(--md-sys-typescale-body-medium-height);
-  text-transform: var(--md-sys-typescale-body-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
-}
-
-.body.withAction,
-.body.withClose {
-  padding-right: 0;
-}
-
-.action {
-  color: var(--md-sys-color-inverse-primary);
-  font-family: var(--md-sys-typescale-label-large-font-family-name);
-  font-style: var(--md-sys-typescale-label-large-font-family-style);
-  font-weight: var(--md-sys-typescale-label-large-font-weight);
-  font-size: var(--md-sys-typescale-label-large-font-size);
-  letter-spacing: var(--md-sys-typescale-label-large-tracking);
-  line-height: var(--md-sys-typescale-label-large-height);
-  text-transform: var(--md-sys-typescale-label-large-text-transform);
-  text-decoration: var(--md-sys-typescale-label-large-text-decoration);
-}
-
-ui-icon {
-  fill: var(--md-sys-color-inverse-on-surface);
-}
-`;
-//# sourceMappingURL=Snackbar.styles.js.map

package/dist/ui/notification/Snackbar.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.styles.js","sourceRoot":"","sources":["../../../src/ui/notification/Snackbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  --snackbar-x: 40px;\n  --snackbar-y: 40px;\n\n  position: fixed;\n\n  bottom: var(--snackbar-y);\n  left: var(--snackbar-x);\n\n  display: flex;\n  align-items: center;\n\n  background-color: var(--md-sys-color-inverse-surface);\n  color: var(--md-sys-color-inverse-on-surface);\n\n  box-shadow: var(--md-sys-elevation-3-light);\n  border-radius: var(--md-sys-shape-corner-extra-small);\n\n  transform: translateY(calc(var(--snackbar-y) + 100%));\n  transition: transform 250ms cubic-bezier(0.2, 0, 0, 1) 0s;\n\n  height: 48px;\n  min-width: 260px;\n\n  user-select: none;\n}\n\n:host([open]) {\n  transform: translateY(0);\n}\n\n.body {\n  flex: 1;\n  padding-left: 16px;\n  padding-right: 16px;\n\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n\n.body.withAction,\n.body.withClose {\n  padding-right: 0;\n}\n\n.action {\n  color: var(--md-sys-color-inverse-primary);\n  font-family: var(--md-sys-typescale-label-large-font-family-name);\n  font-style: var(--md-sys-typescale-label-large-font-family-style);\n  font-weight: var(--md-sys-typescale-label-large-font-weight);\n  font-size: var(--md-sys-typescale-label-large-font-size);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n  line-height: var(--md-sys-typescale-label-large-height);\n  text-transform: var(--md-sys-typescale-label-large-text-transform);\n  text-decoration: var(--md-sys-typescale-label-large-text-decoration);\n}\n\nui-icon {\n  fill: var(--md-sys-color-inverse-on-surface);\n}\n`;\n"]}

package/dist/ui/progress/Range.d.ts

@@ -1,45 +0,0 @@
-import { PropertyValues } from "lit";
-import { UiElement } from "../UiElement.js";
-/**
- * @fires ratiochange - When `ratio` computation is ready.
- */
-export declare abstract class UiRange extends UiElement {
-    protected ratioInternal: number;
-    protected debounceInternal?: number;
-    protected oldValue?: number;
-    /**
-     * @returns the ratio of the value.
-     */
-    get ratio(): number;
-    /**
-     * The number that represents the current value.
-     * @attribute
-     */
-    value: number;
-    /**
-     * The number that indicates the minimum value of the range.
-     * @attribute
-     */
-    min: number;
-    /**
-     * The number that indicates the maximum value of the range.
-     * @attribute
-     */
-    max: number;
-    /**
-     * Specifies the value granularity of the range's value.
-     * @attribute
-     */
-    step: number;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    protected rangeChanged(): void;
-    /**
-     * Makes sure the value is in the right format.
-     * @returns True when the value has changed.
-     */
-    protected validateValue(): boolean;
-    protected clampValue(value: number): number;
-    protected computeStep(step: number): number;
-    protected computeRatio(value: number): number;
-}
-//# sourceMappingURL=Range.d.ts.map

package/dist/ui/progress/Range.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/Range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;GAEG;AACH,8BAAsB,OAAQ,SAAQ,SAAS;IAC7C,SAAS,CAAC,aAAa,SAAK;IAE5B,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAEpC,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,IAAI,KAAK,IAAI,MAAM,CAElB;IAED;;;OAGG;IACoD,KAAK,SAAK;IAEjE;;;OAGG;IACoD,GAAG,SAAK;IAE/D;;;OAGG;IACoD,GAAG,SAAO;IAEjE;;;OAGG;IACoD,IAAI,SAAK;cAE7C,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM7D,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B;;;OAGG;IACH,SAAS,CAAC,aAAa,IAAI,OAAO;IAOlC,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI3C,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAoB3C,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAO9C"}

package/dist/ui/progress/Range.js

@@ -1,104 +0,0 @@
-import { __decorate } from "tslib";
-import { property } from "lit/decorators.js";
-import { floatConverter } from "../lib/AttributeConverters.js";
-import { UiElement } from "../UiElement.js";
-/**
- * @fires ratiochange - When `ratio` computation is ready.
- */
-export class UiRange extends UiElement {
-    constructor() {
-        super(...arguments);
-        this.ratioInternal = 0;
-        /**
-         * The number that represents the current value.
-         * @attribute
-         */
-        this.value = 0;
-        /**
-         * The number that indicates the minimum value of the range.
-         * @attribute
-         */
-        this.min = 0;
-        /**
-         * The number that indicates the maximum value of the range.
-         * @attribute
-         */
-        this.max = 100;
-        /**
-         * Specifies the value granularity of the range's value.
-         * @attribute
-         */
-        this.step = 1;
-    }
-    /**
-     * @returns the ratio of the value.
-     */
-    get ratio() {
-        return this.ratioInternal;
-    }
-    willUpdate(cp) {
-        if (cp.has('value') || cp.has('min') || cp.has('max') || cp.has('step')) {
-            this.rangeChanged();
-        }
-    }
-    rangeChanged() {
-        this.validateValue();
-        const ratio = this.computeRatio(this.value) * 100;
-        if (this.ratioInternal !== ratio) {
-            this.ratioInternal = ratio;
-            this.dispatchEvent(new Event('ratiochange'));
-        }
-    }
-    /**
-     * Makes sure the value is in the right format.
-     * @returns True when the value has changed.
-     */
-    validateValue() {
-        const v = this.clampValue(this.value);
-        this.oldValue = Number.isNaN(v) ? this.oldValue : v;
-        this.value = this.oldValue || 0;
-        return this.value !== v;
-    }
-    clampValue(value) {
-        return Math.min(this.max, Math.max(this.min, this.computeStep(value)));
-    }
-    computeStep(step) {
-        const value = step;
-        if (!this.step) {
-            return value;
-        }
-        const numSteps = Math.round((value - this.min) / this.step);
-        if (this.step < 1) {
-            /**
-             * For small values of this.step, if we calculate the step using
-             * `Math.round(value / step) * step` we may hit a precision point issue
-             * eg. 0.1 * 0.2 =  0.020000000000000004
-             * http://docs.oracle.com/cd/E19957-01/806-3568/ncg_goldberg.html
-             *
-             * as a work around we can divide by the reciprocal of `step`
-             */
-            return numSteps / (1 / this.step) + this.min;
-        }
-        return numSteps * this.step + this.min;
-    }
-    computeRatio(value) {
-        const denominator = this.max - this.min;
-        if (denominator === 0) {
-            return 0;
-        }
-        return (this.clampValue(value) - this.min) / (this.max - this.min);
-    }
-}
-__decorate([
-    property({ type: Number, converter: floatConverter })
-], UiRange.prototype, "value", void 0);
-__decorate([
-    property({ type: Number, converter: floatConverter })
-], UiRange.prototype, "min", void 0);
-__decorate([
-    property({ type: Number, converter: floatConverter })
-], UiRange.prototype, "max", void 0);
-__decorate([
-    property({ type: Number, converter: floatConverter })
-], UiRange.prototype, "step", void 0);
-//# sourceMappingURL=Range.js.map

package/dist/ui/progress/Range.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../src/ui/progress/Range.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { floatConverter } from \"../lib/AttributeConverters.js\";\nimport { UiElement } from \"../UiElement.js\";\n\n/**\n * @fires ratiochange - When `ratio` computation is ready.\n */\nexport abstract class UiRange extends UiElement {\n  protected ratioInternal = 0;\n\n  protected debounceInternal?: number;\n\n  protected oldValue?: number;\n\n  /**\n   * @returns the ratio of the value.\n   */\n  get ratio(): number {\n    return this.ratioInternal;\n  }\n\n  /**\n   * The number that represents the current value.\n   * @attribute\n   */\n  @property({ type: Number, converter: floatConverter }) value = 0;\n\n  /**\n   * The number that indicates the minimum value of the range.\n   * @attribute\n   */\n  @property({ type: Number, converter: floatConverter }) min = 0;\n\n  /**\n   * The number that indicates the maximum value of the range.\n   * @attribute\n   */\n  @property({ type: Number, converter: floatConverter }) max = 100;\n\n  /**\n   * Specifies the value granularity of the range's value.\n   * @attribute\n   */\n  @property({ type: Number, converter: floatConverter }) step = 1;\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('value') || cp.has('min') || cp.has('max') || cp.has('step')) {\n      this.rangeChanged();\n    }\n  }\n\n  protected rangeChanged(): void {\n    this.validateValue();\n    const ratio = this.computeRatio(this.value) * 100;\n    if (this.ratioInternal !== ratio) {\n      this.ratioInternal = ratio;\n      this.dispatchEvent(new Event('ratiochange'));\n    }\n  }\n\n  /**\n   * Makes sure the value is in the right format.\n   * @returns True when the value has changed.\n   */\n  protected validateValue(): boolean {\n    const v = this.clampValue(this.value);\n    this.oldValue = Number.isNaN(v) ? this.oldValue : v;\n    this.value = this.oldValue || 0;\n    return this.value !== v;\n  }\n\n  protected clampValue(value: number): number {\n    return Math.min(this.max, Math.max(this.min, this.computeStep(value)));\n  }\n\n  protected computeStep(step: number): number {\n    const value = step;\n    if (!this.step) {\n      return value;\n    }\n    const numSteps = Math.round((value - this.min) / this.step);\n    if (this.step < 1) {\n      /**\n       * For small values of this.step, if we calculate the step using\n       * `Math.round(value / step) * step` we may hit a precision point issue\n       * eg. 0.1 * 0.2 =  0.020000000000000004\n       * http://docs.oracle.com/cd/E19957-01/806-3568/ncg_goldberg.html\n       *\n       * as a work around we can divide by the reciprocal of `step`\n       */\n      return numSteps / (1 / this.step) + this.min;\n    }\n    return numSteps * this.step + this.min;\n  }\n\n  protected computeRatio(value: number): number {\n    const denominator = this.max - this.min;\n    if (denominator === 0) {\n      return 0;\n    }\n    return (this.clampValue(value) - this.min) / (this.max - this.min);\n  }\n}\n"]}

package/dist/ui/progress/UiProgress.d.ts

@@ -1,31 +0,0 @@
-import { PropertyValues, TemplateResult } from "lit";
-import { UiRange } from "./Range.js";
-export default class UiProgress extends UiRange {
-    protected secondaryRatioInternal?: number;
-    get disabled(): boolean;
-    /**
-     * When set, the button is a disabled state.
-     * @attribute
-     */
-    set disabled(value: boolean);
-    /**
-     * The number that represents the current secondary progress.
-     * @attr
-     */
-    secondaryProgress?: number;
-    /**
-     * Use an indeterminate progress indicator.
-     * @attr
-     */
-    indeterminate?: boolean;
-    /**
-     * @returns The ratio of the secondary progress.
-     */
-    get secondaryRatio(): number;
-    connectedCallback(): void;
-    protected willUpdate(cp: PropertyValues<this>): void;
-    protected updated(cp: PropertyValues<this>): void;
-    protected rangeChanged(): void;
-    render(): TemplateResult;
-}
-//# sourceMappingURL=UiProgress.d.ts.map

package/dist/ui/progress/UiProgress.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiProgress.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/UiProgress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAIrC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,OAAO;IAC7C,SAAS,CAAC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAE1C,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED;;;OAGG;IACH,IACI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAI1B;IAED;;;OAGG;IACoD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAElF;;;OAGG;IACyC,aAAa,CAAC,EAAE,OAAO,CAAC;IAEpE;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAE3B;IAEQ,iBAAiB,IAAI,IAAI;cAOf,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO1C,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAgBvC,YAAY,IAAI,IAAI;IAW9B,MAAM,IAAI,cAAc;CAyBlC"}

package/dist/ui/progress/UiProgress.js

@@ -1,102 +0,0 @@
-import { __decorate } from "tslib";
-import { html } from "lit";
-import { property } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { styleMap } from "lit/directives/style-map.js";
-import { UiRange } from "./Range.js";
-import { isDisabled, setDisabled } from "../lib/disabled.js";
-import { floatConverter } from "../lib/AttributeConverters.js";
-export default class UiProgress extends UiRange {
-    get disabled() {
-        return isDisabled(this);
-    }
-    /**
-     * When set, the button is a disabled state.
-     * @attribute
-     */
-    set disabled(value) {
-        const old = isDisabled(this);
-        setDisabled(this, value);
-        this.requestUpdate('disabled', old);
-    }
-    /**
-     * @returns The ratio of the secondary progress.
-     */
-    get secondaryRatio() {
-        return this.secondaryRatioInternal || 0;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'progressbar');
-        }
-    }
-    willUpdate(cp) {
-        super.willUpdate(cp);
-        if (cp.has('secondaryProgress') || cp.has('indeterminate')) {
-            this.rangeChanged();
-        }
-    }
-    updated(cp) {
-        if (cp.has('min')) {
-            this.setAttribute('aria-valuemin', String(this.min));
-        }
-        if (cp.has('max')) {
-            this.setAttribute('aria-valuemax', String(this.max));
-        }
-        if (cp.has('indeterminate') || cp.has('value')) {
-            if (this.indeterminate) {
-                this.removeAttribute('aria-valuenow');
-            }
-            else {
-                this.setAttribute('aria-valuenow', String(this.value));
-            }
-        }
-    }
-    rangeChanged() {
-        super.rangeChanged();
-        const { secondaryProgress: sp } = this;
-        if (typeof sp === 'number') {
-            const secondary = this.clampValue(sp);
-            this.secondaryRatioInternal = this.computeRatio(secondary) * 100;
-        }
-        else {
-            this.secondaryRatioInternal = undefined;
-        }
-    }
-    render() {
-        const { secondaryRatio = 0, indeterminate = false, ratio = 0, disabled = false } = this;
-        const primaryClasses = {
-            primary: true,
-            indeterminate: !disabled && indeterminate,
-            linear: !indeterminate,
-        };
-        const primaryStyle = {};
-        if (!indeterminate) {
-            primaryStyle.transform = `scaleX(${(ratio / 100)})`;
-        }
-        const secondaryStyle = {
-            transform: `scaleX(${(secondaryRatio / 100)})`,
-        };
-        const containerClasses = {
-            container: true,
-            disabled,
-        };
-        return html `
-    <div class="${classMap(containerClasses)}">
-      <div class="secondary" ?hidden="${secondaryRatio === 0}" style="${styleMap(secondaryStyle)}"></div>
-      <div class="${classMap(primaryClasses)}" style="${styleMap(primaryStyle)}"></div>
-    </div>
-    `;
-    }
-}
-__decorate([
-    property({ reflect: true, type: Boolean })
-], UiProgress.prototype, "disabled", null);
-__decorate([
-    property({ type: Number, converter: floatConverter })
-], UiProgress.prototype, "secondaryProgress", void 0);
-__decorate([
-    property({ reflect: true, type: Boolean })
-], UiProgress.prototype, "indeterminate", void 0);
-//# sourceMappingURL=UiProgress.js.map

package/dist/ui/progress/UiProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiProgress.js","sourceRoot":"","sources":["../../../src/ui/progress/UiProgress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAa,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,OAAO;IAG7C,IAAI,QAAQ;QACV,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED;;;OAGG;IAEH,IAAI,QAAQ,CAAC,KAAc;QACzB,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7B,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACtC,CAAC;IAcD;;OAEG;IACH,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,sBAAsB,IAAI,CAAC,CAAC;IAC1C,CAAC;IAEQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YAC9B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;SAC1C;IACH,CAAC;IAEkB,UAAU,CAAC,EAAwB;QACpD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACrB,IAAI,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE;YAC1D,IAAI,CAAC,YAAY,EAAE,CAAC;SACrB;IACH,CAAC;IAEkB,OAAO,CAAC,EAAwB;QACjD,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACjB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SACtD;QACD,IAAI,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACjB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;SACtD;QACD,IAAI,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YAC9C,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;aACvC;iBAAM;gBACL,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;aACxD;SACF;IACH,CAAC;IAEkB,YAAY;QAC7B,KAAK,CAAC,YAAY,EAAE,CAAC;QACrB,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;QACvC,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;YAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YACtC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC;SAClE;aAAM;YACL,IAAI,CAAC,sBAAsB,GAAG,SAAS,CAAC;SACzC;IACH,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,cAAc,GAAG,CAAC,EAAE,aAAa,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC;QACxF,MAAM,cAAc,GAAG;YACrB,OAAO,EAAE,IAAI;YACb,aAAa,EAAE,CAAC,QAAQ,IAAI,aAAa;YACzC,MAAM,EAAE,CAAC,aAAa;SACvB,CAAC;QACF,MAAM,YAAY,GAAc,EAAE,CAAC;QACnC,IAAI,CAAC,aAAa,EAAE;YAClB,YAAY,CAAC,SAAS,GAAG,UAAU,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC;SACrD;QACD,MAAM,cAAc,GAAG;YACrB,SAAS,EAAE,UAAU,CAAC,cAAc,GAAG,GAAG,CAAC,GAAG;SAC/C,CAAC;QACF,MAAM,gBAAgB,GAAc;YAClC,SAAS,EAAE,IAAI;YACf,QAAQ;SACT,CAAC;QACF,OAAO,IAAI,CAAA;kBACG,QAAQ,CAAC,gBAAgB,CAAC;wCACJ,cAAc,KAAK,CAAC,YAAY,QAAQ,CAAC,cAAc,CAAC;oBAC5E,QAAQ,CAAC,cAAc,CAAC,YAAY,QAAQ,CAAC,YAAY,CAAC;;KAEzE,CAAC;IACJ,CAAC;CACF;AA3FC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAK1C;AAMsD;IAAtD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;qDAA4B;AAMtC;IAA3C,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAAyB","sourcesContent":["import { html, PropertyValues, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { ClassInfo, classMap } from \"lit/directives/class-map.js\";\nimport { StyleInfo, styleMap } from \"lit/directives/style-map.js\";\nimport { UiRange } from \"./Range.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\nimport { floatConverter } from \"../lib/AttributeConverters.js\";\n\nexport default class UiProgress extends UiRange {\n  protected secondaryRatioInternal?: number;\n  \n  get disabled(): boolean {\n    return isDisabled(this);\n  }\n\n  /**\n   * When set, the button is a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this);\n    setDisabled(this, value);\n    this.requestUpdate('disabled', old);\n  }\n\n  /**\n   * The number that represents the current secondary progress.\n   * @attr\n   */\n  @property({ type: Number, converter: floatConverter }) secondaryProgress?: number;\n\n  /**\n   * Use an indeterminate progress indicator.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean }) indeterminate?: boolean;\n\n  /**\n   * @returns The ratio of the secondary progress.\n   */\n  get secondaryRatio(): number {\n    return this.secondaryRatioInternal || 0;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'progressbar');\n    }\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    super.willUpdate(cp);\n    if (cp.has('secondaryProgress') || cp.has('indeterminate')) {\n      this.rangeChanged();\n    }\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    if (cp.has('min')) {\n      this.setAttribute('aria-valuemin', String(this.min));\n    }\n    if (cp.has('max')) {\n      this.setAttribute('aria-valuemax', String(this.max));\n    }\n    if (cp.has('indeterminate') || cp.has('value')) {\n      if (this.indeterminate) {\n        this.removeAttribute('aria-valuenow');\n      } else {\n        this.setAttribute('aria-valuenow', String(this.value));\n      }\n    }\n  }\n\n  protected override rangeChanged(): void {\n    super.rangeChanged();\n    const { secondaryProgress: sp } = this;\n    if (typeof sp === 'number') {\n      const secondary = this.clampValue(sp);\n      this.secondaryRatioInternal = this.computeRatio(secondary) * 100;\n    } else {\n      this.secondaryRatioInternal = undefined;\n    }\n  }\n\n  override render(): TemplateResult {\n    const { secondaryRatio = 0, indeterminate = false, ratio = 0, disabled = false } = this;\n    const primaryClasses = {\n      primary: true,\n      indeterminate: !disabled && indeterminate,\n      linear: !indeterminate,\n    };\n    const primaryStyle: StyleInfo = {};\n    if (!indeterminate) {\n      primaryStyle.transform = `scaleX(${(ratio / 100)})`;\n    }\n    const secondaryStyle = {\n      transform: `scaleX(${(secondaryRatio / 100)})`,\n    };\n    const containerClasses: ClassInfo = {\n      container: true,\n      disabled,\n    };\n    return html`\n    <div class=\"${classMap(containerClasses)}\">\n      <div class=\"secondary\" ?hidden=\"${secondaryRatio === 0}\" style=\"${styleMap(secondaryStyle)}\"></div>\n      <div class=\"${classMap(primaryClasses)}\" style=\"${styleMap(primaryStyle)}\"></div>\n    </div>\n    `;\n  }\n}\n"]}

package/dist/ui/progress/UiProgress.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiProgress.styles.d.ts","sourceRoot":"","sources":["../../../src/ui/progress/UiProgress.styles.ts"],"names":[],"mappings":";AAEA,wBA4FE"}