@api-client/ui 0.0.15 → 0.1.0

package/dist/ui/list/UiListItem.js

@@ -1,180 +0,0 @@
-import { __decorate } from "tslib";
-import { html } from "lit";
-import { property, query } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { UiElement } from "../UiElement.js";
-import { isDisabled, setDisabled } from "../lib/disabled.js";
-import { ripple } from "../effects/rippleDirective.js";
-import '../../define/ui/ui-ripple.js';
-export var ListItemLines;
-(function (ListItemLines) {
-    ListItemLines["one"] = "one";
-    ListItemLines["two"] = "two";
-    ListItemLines["three"] = "three";
-})(ListItemLines || (ListItemLines = {}));
-export var ListItemImage;
-(function (ListItemImage) {
-    ListItemImage["icon"] = "icon";
-    ListItemImage["avatar"] = "avatar";
-    ListItemImage["image"] = "image";
-    ListItemImage["video"] = "video";
-    ListItemImage["auto"] = "auto";
-})(ListItemImage || (ListItemImage = {}));
-/**
- * @slot
- * @slot start
- * @slot end
- * @slot end-text
- * @slot supporting-text
- */
-export default class UiListItem extends UiElement {
-    /**
-     * Whether the chip is disabled. The user can't interact with the chip when `true`.
-     * @attribute
-     */
-    get disabled() {
-        return isDisabled(this);
-    }
-    set disabled(value) {
-        const old = isDisabled(this);
-        setDisabled(this, value);
-        this.requestUpdate('disabled', old);
-    }
-    constructor() {
-        super();
-        this.renderRipple = () => {
-            const { disabled } = this;
-            return html `<ui-ripple class="ripple" ?disabled="${disabled}"></ui-ripple>`;
-        };
-        this.lines = ListItemLines.one;
-        this.image = ListItemImage.icon;
-        this.addEventListener('click', this.handleClick.bind(this));
-        this.addEventListener('pointerdown', this.handlePointerDown.bind(this));
-        this.addEventListener('pointerup', this.handlePointerUp.bind(this));
-        this.addEventListener('pointercancel', this.handlePointerCancel.bind(this));
-        this.addEventListener('pointerleave', this.handlePointerLeave.bind(this));
-        this.addEventListener('contextmenu', this.handleContextMenu.bind(this));
-        this.addEventListener('keydown', this.handleKeyDown.bind(this));
-        this.addEventListener('keyup', this.handleKeyUp.bind(this));
-        this.addEventListener('focus', this.handleFocus.bind(this));
-        this.addEventListener('blur', this.handleBlur.bind(this));
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'listitem');
-        }
-    }
-    handleKeyDown(e) {
-        if (e.key !== ' ' && e.key !== 'Enter')
-            return;
-        e.preventDefault();
-        this.beginPress({ positionEvent: e });
-    }
-    handleKeyUp(e) {
-        if (e.key !== ' ' && e.key !== 'Enter')
-            return;
-        e.preventDefault();
-        this.endPress({ cancelled: false, actionData: { item: this } });
-    }
-    beginPress(options) {
-        super.beginPress(options);
-        this.ripple.beginPress(options.positionEvent);
-    }
-    endPress(options) {
-        super.endPress(options);
-        this.ripple.endPress();
-    }
-    handlePointerEnter(e) {
-        this.ripple.beginHover(e);
-    }
-    handlePointerLeave(e) {
-        super.handlePointerLeave(e);
-        this.ripple.endHover();
-    }
-    handleFocus() {
-        this.ripple.beginFocus();
-    }
-    handleBlur() {
-        // if (this.matches(':focus-within')) {
-        //   return;
-        // }
-        this.ripple.endFocus();
-    }
-    /**
-     * Focuses list item and makes list item focusable via keyboard.
-     */
-    activate() {
-        this.setAttribute('tabindex', '0');
-        this.focus();
-        this.ripple.beginFocus();
-    }
-    /**
-     * Returns true if list item is currently focused and is focusable.
-     */
-    isActive() {
-        return this.getAttribute('tabindex') === '0';
-    }
-    /**
-     * Removes list item from sequential keyboard navigation.
-     */
-    deactivate() {
-        this.removeAttribute('tabindex');
-    }
-    handleSlotChange() {
-        this.requestUpdate();
-    }
-    render() {
-        const { pressed = false } = this;
-        const surfaceClasses = classMap({
-            surface: true,
-            pressed,
-        });
-        return html `
-    <div class="${surfaceClasses}" ${ripple(() => this.ripple)}>
-      <div class="container"></div>
-      <div class="state"></div>
-      <div class="content">
-        ${this.renderStart()}
-        ${this.renderBody()}
-        ${this.renderEnd()}
-      </div>
-      ${this.renderRipple()}
-    </div>
-    `;
-    }
-    renderStart() {
-        return html `<div class="start">
-      <slot name="start" @slotchange=${this.handleSlotChange}></slot>
-    </div>`;
-    }
-    renderEnd() {
-        return html `<div class="end">
-      <slot name="end" @slotchange=${this.handleSlotChange}></slot>
-      <span class="trailing-supporting-text"><slot name="end-text"></slot></span>
-    </div>`;
-    }
-    renderBody() {
-        const { lines = ListItemLines.one } = this;
-        const hasSupportingText = lines !== ListItemLines.one;
-        return html `
-    <div class="body">
-      <span class="headline"><slot></slot></span>
-      ${hasSupportingText ? html `<span class="supporting-text"><slot name="supporting-text"></slot></span>` : ''}
-    </div>
-    `;
-    }
-}
-__decorate([
-    query('ui-ripple')
-], UiListItem.prototype, "ripple", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], UiListItem.prototype, "disabled", null);
-__decorate([
-    property({ type: String, reflect: true })
-], UiListItem.prototype, "lines", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], UiListItem.prototype, "image", void 0);
-//# sourceMappingURL=UiListItem.js.map

package/dist/ui/list/UiListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiListItem.js","sourceRoot":"","sources":["../../../src/ui/list/UiListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport { BeginPressConfig, EndPressConfig } from \"../controllers/ActionController.js\";\nimport UiRipple from \"../effects/ripple.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\nimport { ripple } from \"../effects/rippleDirective.js\";\nimport '../../define/ui/ui-ripple.js';\n\nexport enum ListItemLines {\n  one = 'one',\n  two = 'two',\n  three = 'three',\n}\n\nexport enum ListItemImage {\n  icon = 'icon',\n  avatar = 'avatar',\n  image = 'image',\n  video = 'video',\n  auto = 'auto',\n}\n\n/**\n * @slot\n * @slot start\n * @slot end\n * @slot end-text\n * @slot supporting-text\n */\nexport default class UiListItem extends UiElement {\n  @query('ui-ripple') ripple!: UiRipple;\n  \n  /**\n   * Whether the chip is disabled. The user can't interact with the chip when `true`.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) \n  get disabled(): boolean {\n    return isDisabled(this);\n  }\n\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 of lines to render the list template for.\n   * @default ListItemLines.one\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) lines: ListItemLines;\n\n  /**\n   * The type of the list image.\n   * @default ListItemImage.icon\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) image: ListItemImage;\n\n  constructor() {\n    super();\n\n    this.lines = ListItemLines.one;\n    this.image = ListItemImage.icon;\n\n    this.addEventListener('click', this.handleClick.bind(this));\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this));\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this));\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this));\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this));\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this));\n    this.addEventListener('keydown', this.handleKeyDown.bind(this));\n    this.addEventListener('keyup', this.handleKeyUp.bind(this));\n    this.addEventListener('focus', this.handleFocus.bind(this));\n    this.addEventListener('blur', this.handleBlur.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n  }\n\n  override handleKeyDown(e: KeyboardEvent): void {\n    if (e.key !== ' ' && e.key !== 'Enter') return;\n\n    e.preventDefault();\n    this.beginPress({ positionEvent: e });\n  }\n\n  override handleKeyUp(e: KeyboardEvent): void {\n    if (e.key !== ' ' && e.key !== 'Enter') return;\n\n    e.preventDefault();\n    this.endPress({cancelled: false, actionData: {item: this}});\n  }\n\n  override beginPress(options: BeginPressConfig): void {\n    super.beginPress(options);\n    this.ripple.beginPress(options.positionEvent);\n  }\n\n  override endPress(options: EndPressConfig): void {\n    super.endPress(options);\n    this.ripple.endPress();\n  }\n\n  protected handlePointerEnter(e: PointerEvent): void {\n    this.ripple.beginHover(e);\n  }\n\n  override handlePointerLeave(e: PointerEvent): void {\n    super.handlePointerLeave(e);\n\n    this.ripple.endHover();\n  }\n\n  protected handleFocus(): void {\n    this.ripple.beginFocus();\n  }\n\n  protected handleBlur(): void {\n    // if (this.matches(':focus-within')) {\n    //   return;\n    // }\n    this.ripple.endFocus();\n  }\n\n  /**\n   * Focuses list item and makes list item focusable via keyboard.\n   */\n  activate(): void {\n    this.setAttribute('tabindex', '0');\n    this.focus();\n    this.ripple.beginFocus();\n  }\n\n  /**\n   * Returns true if list item is currently focused and is focusable.\n   */\n  isActive(): boolean {\n    return this.getAttribute('tabindex') === '0';\n  }\n\n  /**\n   * Removes list item from sequential keyboard navigation.\n   */\n  deactivate(): void {\n    this.removeAttribute('tabindex');\n  }\n\n  protected handleSlotChange(): void {\n    this.requestUpdate();\n  }\n\n  protected override render(): TemplateResult {\n    const { pressed=false } = this;\n    const surfaceClasses = classMap({\n      surface: true,\n      pressed,\n    });\n\n    return html`\n    <div class=\"${surfaceClasses}\" ${ripple(() => this.ripple)}>\n      <div class=\"container\"></div>\n      <div class=\"state\"></div>\n      <div class=\"content\">\n        ${this.renderStart()}\n        ${this.renderBody()}\n        ${this.renderEnd()}\n      </div>\n      ${this.renderRipple()}\n    </div>\n    `;\n  }\n\n  protected renderRipple = (): TemplateResult => {\n    const { disabled } = this;\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${disabled}\"></ui-ripple>`;\n  };\n\n  protected renderStart(): TemplateResult {\n    return html`<div class=\"start\">\n      <slot name=\"start\" @slotchange=${this.handleSlotChange}></slot>\n    </div>`;\n  }\n\n  protected renderEnd(): TemplateResult {\n    return html`<div class=\"end\">\n      <slot name=\"end\" @slotchange=${this.handleSlotChange}></slot>\n      <span class=\"trailing-supporting-text\"><slot name=\"end-text\"></slot></span>\n    </div>`;\n  }\n\n  protected renderBody(): TemplateResult {\n    const { lines = ListItemLines.one } = this;\n    const hasSupportingText = lines !== ListItemLines.one;\n    return html`\n    <div class=\"body\">\n      <span class=\"headline\"><slot></slot></span>\n      ${hasSupportingText ? html`<span class=\"supporting-text\"><slot name=\"supporting-text\"></slot></span>` : ''}\n    </div>\n    `;\n  }\n}\n"]}

package/dist/ui/list/UiListbox.d.ts

@@ -1,22 +0,0 @@
-import UiList from "./UiList.js";
-import UiListItem from "./UiListItem.js";
-/**
- * The listbox is used for lists from which a user may select one or more items which are static and,
- * unlike HTML <select> elements, may contain images.
- *
- * Note, this will automatically set `role` to `option` and `aria-selected` to `false` on each child
- * that is a valid list item.
- *
- * TODO:
- * - define a checkbox item, space toggle a checkbox.
- */
-export default class UiListbox extends UiList {
-    protected ariaSelectedElement?: UiListItem;
-    connectedCallback(): void;
-    protected updateItems(): void;
-    protected beforeActivation(): void;
-    protected afterActivation(item?: UiListItem | null): void;
-    protected highlightItem(item?: UiListItem): void;
-    protected activateListItem(item: UiListItem): void;
-}
-//# sourceMappingURL=UiListbox.d.ts.map

package/dist/ui/list/UiListbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiListbox.d.ts","sourceRoot":"","sources":["../../../src/ui/list/UiListbox.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,MAAM;IACZ,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IAEjE,iBAAiB,IAAI,IAAI;cAKf,WAAW,IAAI,IAAI;IAetC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAQlC,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI;cAYtC,aAAa,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;cAMtC,gBAAgB,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;CAK5D"}

package/dist/ui/list/UiListbox.js

@@ -1,66 +0,0 @@
-import { __decorate } from "tslib";
-import { query } from "lit/decorators.js";
-import { randomString } from "../../lib/Random.js";
-import UiList from "./UiList.js";
-/**
- * The listbox is used for lists from which a user may select one or more items which are static and,
- * unlike HTML <select> elements, may contain images.
- *
- * Note, this will automatically set `role` to `option` and `aria-selected` to `false` on each child
- * that is a valid list item.
- *
- * TODO:
- * - define a checkbox item, space toggle a checkbox.
- */
-export default class UiListbox extends UiList {
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('role', 'listbox');
-    }
-    updateItems() {
-        super.updateItems();
-        this.items.forEach(i => {
-            if (!this.isListItem(i)) {
-                return;
-            }
-            if (i.getAttribute('role') !== 'option') {
-                i.setAttribute('role', 'option');
-            }
-            if (i.hasAttribute('aria-selected')) {
-                i.setAttribute('aria-selected', 'false');
-            }
-        });
-    }
-    beforeActivation() {
-        this.removeAttribute('aria-activedescendant');
-        const active = this.ariaSelectedElement;
-        if (active) {
-            active.setAttribute('aria-selected', 'false');
-        }
-    }
-    afterActivation(item) {
-        if (!item) {
-            return;
-        }
-        item.setAttribute('aria-selected', 'true');
-        if (!item.id) {
-            // eslint-disable-next-line no-param-reassign
-            item.id = `option-${randomString(4)}`;
-        }
-        this.setAttribute('aria-activedescendant', item.id);
-    }
-    highlightItem(item) {
-        this.beforeActivation();
-        super.highlightItem(item);
-        this.afterActivation(this.highlightListItem);
-    }
-    activateListItem(item) {
-        this.beforeActivation();
-        super.activateListItem(item);
-        this.afterActivation(this.activeListItem);
-    }
-}
-__decorate([
-    query('[aria-selected=true]')
-], UiListbox.prototype, "ariaSelectedElement", void 0);
-//# sourceMappingURL=UiListbox.js.map

package/dist/ui/list/UiListbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UiListbox.js","sourceRoot":"","sources":["../../../src/ui/list/UiListbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,MAAM,MAAM,aAAa,CAAC;AAGjC;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,MAAM;IAGlC,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACvC,CAAC;IAEkB,WAAW;QAC5B,KAAK,CAAC,WAAW,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;gBACvB,OAAO;aACR;YACD,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,EAAE;gBACvC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;aAClC;YACD,IAAI,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;gBACnC,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;aAC1C;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAES,gBAAgB;QACxB,IAAI,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACxC,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;SAC/C;IACH,CAAC;IAES,eAAe,CAAC,IAAwB;QAChD,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QACD,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;YACZ,6CAA6C;YAC7C,IAAI,CAAC,EAAE,GAAG,UAAU,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;SACvC;QACD,IAAI,CAAC,YAAY,CAAC,uBAAuB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;IACtD,CAAC;IAEkB,aAAa,CAAC,IAAiB;QAChD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC/C,CAAC;IAEkB,gBAAgB,CAAC,IAAgB;QAClD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5C,CAAC;CACF;AArDgC;IAA9B,KAAK,CAAC,sBAAsB,CAAC;sDAA4C","sourcesContent":["import { query } from \"lit/decorators.js\";\nimport { randomString } from \"../../lib/Random.js\";\nimport UiList from \"./UiList.js\";\nimport UiListItem from \"./UiListItem.js\";\n\n/**\n * The listbox is used for lists from which a user may select one or more items which are static and, \n * unlike HTML <select> elements, may contain images.\n * \n * Note, this will automatically set `role` to `option` and `aria-selected` to `false` on each child\n * that is a valid list item.\n * \n * TODO:\n * - define a checkbox item, space toggle a checkbox.\n */\nexport default class UiListbox extends UiList {\n  @query('[aria-selected=true]') protected ariaSelectedElement?: UiListItem;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'listbox');\n  }\n\n  protected override updateItems(): void {\n    super.updateItems();\n    this.items.forEach(i => {\n      if (!this.isListItem(i)) {\n        return;\n      }\n      if (i.getAttribute('role') !== 'option') {\n        i.setAttribute('role', 'option');\n      }\n      if (i.hasAttribute('aria-selected')) {\n        i.setAttribute('aria-selected', 'false');\n      }\n    });\n  }\n\n  protected beforeActivation(): void {\n    this.removeAttribute('aria-activedescendant');\n    const active = this.ariaSelectedElement;\n    if (active) {\n      active.setAttribute('aria-selected', 'false');\n    }\n  }\n\n  protected afterActivation(item?: UiListItem | null): void {\n    if (!item) {\n      return;\n    }\n    item.setAttribute('aria-selected', 'true');\n    if (!item.id) {\n      // eslint-disable-next-line no-param-reassign\n      item.id = `option-${randomString(4)}`;\n    }\n    this.setAttribute('aria-activedescendant', item.id);\n  }\n\n  protected override highlightItem(item?: UiListItem): void {\n    this.beforeActivation();\n    super.highlightItem(item);\n    this.afterActivation(this.highlightListItem);\n  }\n\n  protected override activateListItem(item: UiListItem): void {\n    this.beforeActivation();\n    super.activateListItem(item);\n    this.afterActivation(this.activeListItem);\n  }\n}\n"]}

package/dist/ui/motion/animation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.d.ts","sourceRoot":"","sources":["../../../src/ui/motion/animation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,oBAAY,MAAM;IAChB,QAAQ,+BAA+B;IACvC,YAAY,+BAA+B;IAC3C,YAAY,+BAA+B;IAC3C,KAAK,iCAAiC;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,KAAK,IAAI,WAAW,CAAC;IACrB;;OAEG;IACH,MAAM,IAAI,IAAI,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,qBAAqB,IAAI,eAAe,CAkBvD"}

package/dist/ui/motion/animation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../src/ui/motion/animation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,MAKX;AALD,WAAY,MAAM;IAChB,iDAAuC,CAAA;IACvC,qDAA2C,CAAA;IAC3C,qDAA2C,CAAA;IAC3C,gDAAsC,CAAA;AACxC,CAAC,EALW,MAAM,KAAN,MAAM,QAKjB;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,UAAU,qBAAqB;IACnC,0CAA0C;IAC1C,IAAI,wBAAwB,GAA2B,IAAI,CAAC;IAE5D,OAAO;QACL,KAAK;YACH,yCAAyC;YACzC,wBAAwB,EAAE,KAAK,EAAE,CAAC;YAClC,0DAA0D;YAC1D,wBAAwB,GAAG,IAAI,eAAe,EAAE,CAAC;YACjD,sEAAsE;YACtE,qBAAqB;YACrB,OAAO,wBAAwB,CAAC,MAAM,CAAC;QACzC,CAAC;QACD,MAAM;YACJ,wBAAwB,GAAG,IAAI,CAAC;QAClC,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Easing functions to use for web animations.\n */\nexport enum Easing {\n  STANDARD = 'cubic-bezier(0.2, 0, 0, 1)',\n  ACCELERATION = 'cubic-bezier(0.4, 0, 1, 1)',\n  DECELERATION = 'cubic-bezier(0, 0, 0.2, 1)',\n  SHARP = 'cubic-bezier(0.4, 0, 0.6, 1)',\n}\n\n/**\n * A signal that is used for abortable tasks.\n */\nexport interface AnimationSignal {\n  /**\n   * Starts the abortable task. Any previous tasks started with this instance\n   * will be aborted.\n   *\n   * @return An `AbortSignal` for the current task.\n   */\n  start(): AbortSignal;\n  /**\n   * Complete the current task.\n   */\n  finish(): void;\n}\n\n/**\n * Creates an `AnimationSignal` that can be used to cancel a previous task.\n *\n * @example\n * class MyClass {\n *   private labelAnimationSignal = createAnimationSignal();\n *\n *   private async animateLabel() {\n *     // Start of the task. Previous tasks will be canceled.\n *     const signal = this.labelAnimationSignal.start();\n *\n *     // Do async work...\n *     if (signal.aborted) {\n *       // Use AbortSignal to check if a request was made to abort after some\n *       // asynchronous work.\n *       return;\n *     }\n *\n *     const animation = this.animate(...);\n *     // Add event listeners to be notified when the task should be canceled.\n *     signal.addEventListener('abort', () => {\n *       animation.cancel();\n *     });\n *\n *     animation.addEventListener('finish', () => {\n *       // Tell the signal that the current task is finished.\n *       this.labelAnimationSignal.finish();\n *     });\n *   }\n * }\n *\n * @return An `AnimationSignal`.\n */\nexport function createAnimationSignal(): AnimationSignal {\n  // The current animation's AbortController\n  let animationAbortController: AbortController | null = null;\n\n  return {\n    start(): AbortSignal {\n      // Tell the previous animation to cancel.\n      animationAbortController?.abort();\n      // Set up a new AbortController for the current animation.\n      animationAbortController = new AbortController();\n      // Provide the AbortSignal so that the caller can check aborted status\n      // and add listeners.\n      return animationAbortController.signal;\n    },\n    finish(): void {\n      animationAbortController = null;\n    },\n  };\n}\n"]}

package/dist/ui/notification/SnackNotifications.d.ts

@@ -1,79 +0,0 @@
-import { Snackbar } from "./Snackbar.js";
-import '../../define/ui/ui-snackbar.js';
-export interface ISnackInit {
-    /**
-     * 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
-     */
-    persistent?: boolean;
-    /**
-     * Whether the snackbar can be cancelled via user interaction.
-     *
-     * @default true
-     */
-    cancellable?: boolean;
-    /**
-     * The time in milliseconds after which the message is removed.
-     * Has not effect when `persistent` flag is set.
-     *
-     * @default 5000
-     */
-    timeout?: number;
-    /**
-     * The action to render next to the message.
-     * There can be only one action.
-     * It is only rendered when `actionCallback` is set.
-     */
-    actionLabel?: string;
-    /**
-     * The callback function called when the action was activated by the user.
-     */
-    actionCallback?: () => void;
-    /**
-     * Whether to render affordable "close" icon.
-     */
-    close?: boolean;
-    /**
-     * Callback called when the message was closed either by the user interaction
-     * or by a timeout.
-     * Note, it is not called when the message is closed programmatically.
-     */
-    closed?: () => void;
-}
-interface INotificationInfo {
-    element: Snackbar;
-    init?: ISnackInit;
-}
-/**
- * A class that manages user notifications via snackbars (toast messages).
- */
-export declare class SnackNotifications {
-    protected static current?: INotificationInfo;
-    protected static stack: INotificationInfo[];
-    /**
-     * Notifies a user about something using default settings.
-     * @param message The message to show
-     * @param timeout Optionally the timeout after which the message will disappear.
-     */
-    static notify(message: string, timeout?: number): Snackbar;
-    /**
-     * Notifies the user about something with full configuration options available.
-     * @param message The message to show
-     * @param init Snack configuration options.
-     */
-    static notify(message: string, init: ISnackInit): Snackbar;
-    protected static schedule(): void;
-    protected static actionHandler(e: Event): void;
-    protected static openHandler(e: Event): void;
-    protected static dismissHandler(e: Event): void;
-    static cancel(snack: Snackbar): void;
-    static clear(): void;
-}
-export {};
-//# sourceMappingURL=SnackNotifications.d.ts.map

package/dist/ui/notification/SnackNotifications.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackNotifications.d.ts","sourceRoot":"","sources":["../../../src/ui/notification/SnackNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,gCAAgC,CAAC;AAExC,MAAM,WAAW,UAAU;IACzB;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,UAAU,iBAAiB;IACzB,OAAO,EAAE,QAAQ,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE7C,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,iBAAiB,EAAE,CAAM;IAEjD;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ;IAE1D;;;;OAIG;IACH,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,QAAQ;IA0C1D,SAAS,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI;IAajC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAc9C,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAoB5C,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAc/C,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAkBpC,MAAM,CAAC,KAAK,IAAI,IAAI;CAOrB"}

package/dist/ui/notification/SnackNotifications.js

@@ -1,130 +0,0 @@
-import '../../define/ui/ui-snackbar.js';
-/**
- * A class that manages user notifications via snackbars (toast messages).
- */
-export class SnackNotifications {
-    static { this.stack = []; }
-    static notify(message, timeoutOrInit) {
-        const snack = document.createElement('ui-snackbar');
-        snack.innerText = message;
-        let configInit;
-        if (typeof timeoutOrInit === 'number') {
-            snack.timeout = timeoutOrInit;
-        }
-        else if (timeoutOrInit) {
-            const cnf = timeoutOrInit;
-            configInit = cnf;
-            if (typeof cnf.timeout === 'number') {
-                snack.timeout = cnf.timeout;
-            }
-            if (typeof cnf.persistent === 'boolean') {
-                snack.persistent = cnf.persistent;
-            }
-            if (typeof cnf.close === 'boolean') {
-                snack.close = cnf.close;
-            }
-            if (typeof cnf.cancellable === 'boolean') {
-                snack.cancellable = cnf.cancellable;
-            }
-            if (cnf.actionLabel && typeof cnf.actionCallback === 'function') {
-                snack.action = cnf.actionLabel;
-            }
-        }
-        this.stack.push({
-            element: snack,
-            init: configInit,
-        });
-        document.body.appendChild(snack);
-        snack.addEventListener('action', this.actionHandler.bind(this));
-        snack.addEventListener('open', this.openHandler.bind(this));
-        snack.addEventListener('dismiss', this.dismissHandler.bind(this));
-        setTimeout(() => {
-            this.schedule();
-        });
-        return snack;
-    }
-    static schedule() {
-        if (this.current) {
-            return;
-        }
-        const { stack = [] } = this;
-        const item = stack.shift();
-        if (!item) {
-            return;
-        }
-        this.current = item;
-        item.element.open = true;
-    }
-    static actionHandler(e) {
-        const target = e.target;
-        const info = SnackNotifications.current;
-        if (!info) {
-            return;
-        }
-        if (target !== info.element) {
-            return;
-        }
-        if (info.init && info.init.actionCallback) {
-            info.init.actionCallback();
-        }
-    }
-    static openHandler(e) {
-        const target = e.target;
-        if (target.open) {
-            return;
-        }
-        const info = SnackNotifications.current;
-        if (!info) {
-            return;
-        }
-        if (target !== info.element) {
-            return;
-        }
-        target.parentElement?.removeChild(target);
-        if (info.init && info.init.closed) {
-            info.init.closed();
-        }
-        SnackNotifications.current = undefined;
-        SnackNotifications.schedule();
-    }
-    static dismissHandler(e) {
-        const target = e.target;
-        const info = SnackNotifications.current;
-        if (!info) {
-            return;
-        }
-        if (target !== info.element) {
-            return;
-        }
-        target.parentElement?.removeChild(target);
-        SnackNotifications.current = undefined;
-        SnackNotifications.schedule();
-    }
-    static cancel(snack) {
-        if (this.current?.element === snack) {
-            if (snack.open) {
-                // eslint-disable-next-line no-param-reassign
-                snack.open = false;
-            }
-            else {
-                snack.parentElement?.removeChild(snack);
-                this.current = undefined;
-                SnackNotifications.schedule();
-            }
-        }
-        else {
-            const index = this.stack.findIndex((i) => i.element === snack);
-            if (index >= 0) {
-                this.stack.splice(index, 1);
-            }
-        }
-    }
-    static clear() {
-        this.stack = [];
-        if (this.current) {
-            this.current.element.parentElement?.removeChild(this.current.element);
-            this.current = undefined;
-        }
-    }
-}
-//# sourceMappingURL=SnackNotifications.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SnackNotifications.js","sourceRoot":"","sources":["../../../src/ui/notification/SnackNotifications.ts"],"names":[],"mappings":"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","sourcesContent":["import { Snackbar } from \"./Snackbar.js\";\nimport '../../define/ui/ui-snackbar.js';\n\nexport interface ISnackInit {\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   */\n  persistent?: boolean;\n\n  /**\n   * Whether the snackbar can be cancelled via user interaction.\n   * \n   * @default true\n   */\n  cancellable?: boolean;\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   */\n  timeout?: number;\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  actionLabel?: string;\n\n  /**\n   * The callback function called when the action was activated by the user.\n   */\n  actionCallback?: () => void;\n\n  /**\n   * Whether to render affordable \"close\" icon.\n   */\n  close?: boolean;\n\n  /**\n   * Callback called when the message was closed either by the user interaction\n   * or by a timeout.\n   * Note, it is not called when the message is closed programmatically.\n   */\n  closed?: () => void;\n}\n\ninterface INotificationInfo {\n  element: Snackbar;\n  init?: ISnackInit;\n}\n\n/**\n * A class that manages user notifications via snackbars (toast messages).\n */\nexport class SnackNotifications {\n  protected static current?: INotificationInfo;\n\n  protected static stack: INotificationInfo[] = [];\n\n  /**\n   * Notifies a user about something using default settings.\n   * @param message The message to show\n   * @param timeout Optionally the timeout after which the message will disappear.\n   */\n  static notify(message: string, timeout?: number): Snackbar;\n\n  /**\n   * Notifies the user about something with full configuration options available.\n   * @param message The message to show\n   * @param init Snack configuration options.\n   */\n  static notify(message: string, init: ISnackInit): Snackbar;\n\n  static notify(message: string, timeoutOrInit?: number | ISnackInit): Snackbar {\n    const snack = document.createElement('ui-snackbar');\n    snack.innerText = message;\n    let configInit: ISnackInit | undefined;\n\n    if (typeof timeoutOrInit === 'number') {\n      snack.timeout = timeoutOrInit;\n    } else if (timeoutOrInit) {\n      const cnf = timeoutOrInit as ISnackInit;\n      configInit = cnf;\n      if (typeof cnf.timeout === 'number') {\n        snack.timeout = cnf.timeout;\n      }\n      if (typeof cnf.persistent === 'boolean') {\n        snack.persistent = cnf.persistent;\n      }\n      if (typeof cnf.close === 'boolean') { \n        snack.close = cnf.close;\n      }\n      if (typeof cnf.cancellable === 'boolean') {\n        snack.cancellable = cnf.cancellable;\n      }\n      if (cnf.actionLabel && typeof cnf.actionCallback === 'function') {\n        snack.action = cnf.actionLabel;\n      }\n    }\n    this.stack.push({\n      element: snack,\n      init: configInit,\n    });\n    document.body.appendChild(snack);\n    snack.addEventListener('action', this.actionHandler.bind(this));\n    snack.addEventListener('open', this.openHandler.bind(this));\n    snack.addEventListener('dismiss', this.dismissHandler.bind(this));\n    setTimeout(() => {\n      this.schedule();\n    });\n    return snack;\n  }\n\n  protected static schedule(): void {\n    if (this.current) {\n      return;\n    }\n    const { stack = [] } = this;\n    const item = stack.shift();\n    if (!item) {\n      return;\n    }\n    this.current = item;\n    item.element.open = true;\n  }\n\n  protected static actionHandler(e: Event): void {\n    const target = e.target as Snackbar;\n    const info = SnackNotifications.current;\n    if (!info) {\n      return;\n    }\n    if (target !== info.element) {\n      return;\n    }\n    if (info.init && info.init.actionCallback) {\n      info.init.actionCallback();\n    }\n  }\n\n  protected static openHandler(e: Event): void {\n    const target = e.target as Snackbar;\n    if (target.open) {\n      return;\n    }\n    const info = SnackNotifications.current;\n    if (!info) {\n      return;\n    }\n    if (target !== info.element) {\n      return;\n    }\n    target.parentElement?.removeChild(target);\n    if (info.init && info.init.closed) {\n      info.init.closed();\n    }\n    SnackNotifications.current = undefined;\n    SnackNotifications.schedule();\n  }\n\n  protected static dismissHandler(e: Event): void {\n    const target = e.target as Snackbar;\n    const info = SnackNotifications.current;\n    if (!info) {\n      return;\n    }\n    if (target !== info.element) {\n      return;\n    }\n    target.parentElement?.removeChild(target);\n    SnackNotifications.current = undefined;\n    SnackNotifications.schedule();\n  }\n\n  static cancel(snack: Snackbar): void {\n    if (this.current?.element === snack) {\n      if (snack.open) {\n        // eslint-disable-next-line no-param-reassign\n        snack.open = false;\n      } else {\n        snack.parentElement?.removeChild(snack);\n        this.current = undefined;\n        SnackNotifications.schedule();\n      }\n    } else {\n      const index = this.stack.findIndex((i) => i.element === snack);\n      if (index >= 0) {\n        this.stack.splice(index, 1);\n      }\n    }\n  }\n\n  static clear(): void {\n    this.stack = [];\n    if (this.current) {\n      this.current.element.parentElement?.removeChild(this.current.element);\n      this.current = undefined;\n    }\n  }\n}\n"]}

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

@@ -1,99 +0,0 @@
-import { LitElement, nothing, PropertyValues, TemplateResult } from "lit";
-import '../../define/ui/ui-button.js';
-import '../../define/ui/ui-icon-button.js';
-import '../../define/ui/ui-icon.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 declare class Snackbar extends LitElement {
-    /**
-     * 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
-     */
-    persistent: boolean;
-    /**
-     * Whether the snackbar can be cancelled via user interaction.
-     *
-     * @default true
-     * @attribute
-     */
-    cancellable: boolean;
-    /**
-     * The time in milliseconds after which the message is removed.
-     * Has not effect when `persistent` flag is set.
-     *
-     * @default 5000
-     * @attribute
-     */
-    timeout: number;
-    /**
-     * The action to render next to the message.
-     * There can be only one action.
-     * It is only rendered when `actionCallback` is set.
-     *
-     * @attribute
-     */
-    action?: string;
-    /**
-     * Whether to render affordable "close" icon.
-     *
-     * @attribute
-     */
-    close?: boolean;
-    /**
-     * Whether the message is being rendered.
-     *
-     * @attribute
-     */
-    open?: boolean;
-    protected dismissed?: boolean;
-    protected timer?: number;
-    protected touchXStart?: number;
-    protected touchYStart?: number;
-    constructor();
-    protected updated(cp: PropertyValues<this>): void;
-    /**
-     * Dismisses the snackbar
-     */
-    dismiss(): void;
-    protected setupTimeout(): void;
-    protected clearTimer(): void;
-    protected timeoutHandler(): void;
-    protected touchstartHandler(e: TouchEvent): void;
-    protected touchendHandler(e: TouchEvent): void;
-    protected actionHandler(): void;
-    protected transitionendHandler(): void;
-    protected closeHandler(): void;
-    protected render(): TemplateResult;
-    protected renderAction(): TemplateResult | typeof nothing;
-    protected renderIcon(): TemplateResult | typeof nothing;
-}
-//# sourceMappingURL=Snackbar.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/ui/notification/Snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhF,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,4BAA4B,CAAC;AAGpC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC;;;;;;;;;;OAUG;IAC0B,UAAU,UAAS;IAEhD;;;;;OAKG;IAC0B,WAAW,UAAQ;IAEhD;;;;;;OAMG;IACyB,OAAO,SAAQ;IAE3C;;;;;;OAMG;IACyB,MAAM,CAAC,EAAE,MAAM,CAAC;IAE5C;;;;OAIG;IAC0B,KAAK,CAAC,EAAE,OAAO,CAAC;IAE7C;;;;OAIG;IACyC,IAAI,CAAC,EAAE,OAAO,CAAC;IAE3D,SAAS,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAE9B,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEzB,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAE/B,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;;cAUZ,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU1D;;OAEG;IACH,OAAO,IAAI,IAAI;IAKf,SAAS,CAAC,YAAY,IAAI,IAAI;IAW9B,SAAS,CAAC,UAAU,IAAI,IAAI;IAO5B,SAAS,CAAC,cAAc,IAAI,IAAI;IAIhC,SAAS,CAAC,iBAAiB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAQhD,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAoB9C,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAStC,SAAS,CAAC,YAAY,IAAI,IAAI;cAIX,MAAM,IAAI,cAAc;IAe3C,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAUzD,SAAS,CAAC,UAAU,IAAI,cAAc,GAAG,OAAO,OAAO;CAWxD"}