@api-client/ui 0.0.4 → 0.0.5

package/dist/ui/collapse/UiCollapse.js

@@ -20,21 +20,6 @@ export default class UiCollapse extends UiElement {
         setDisabled(this, value);
         this.requestUpdate('disabled', old);
     }
-    /**
-     * Set noAnimation to true to disable animations.
-     * @attr
-     */
-    noAnimation;
-    /**
-     * Renders the collapse horizontally when true and vertically otherwise
-     * @attribute
-     */
-    horizontal = false;
-    /**
-     * Set opened to true to show the collapse element and to false to hide it.
-     * @attribute
-     */
-    open = false;
     get dimension() {
         return this.horizontal ? 'width' : 'height';
     }
@@ -55,7 +40,6 @@ export default class UiCollapse extends UiElement {
     get isAttached() {
         return !!this.parentNode;
     }
-    transitioningInternal = false;
     /**
      * @return When true, the element is transitioning its open state. When false,
      * the element has finished opening/closing.
@@ -63,12 +47,23 @@ export default class UiCollapse extends UiElement {
     get transitioning() {
         return this.transitioningInternal;
     }
-    /**
-     * Stores the desired size of the collapse body.
-     */
-    desiredSize = '';
     constructor() {
         super();
+        /**
+         * Renders the collapse horizontally when true and vertically otherwise
+         * @attribute
+         */
+        this.horizontal = false;
+        /**
+         * Set opened to true to show the collapse element and to false to hide it.
+         * @attribute
+         */
+        this.open = false;
+        this.transitioningInternal = false;
+        /**
+         * Stores the desired size of the collapse body.
+         */
+        this.desiredSize = '';
         this.addEventListener('transitionend', this.handleTransitionEnd.bind(this));
     }
     connectedCallback() {

package/dist/ui/collapse/UiCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiCollapse.js","sourceRoot":"","sources":["../../../src/ui/collapse/UiCollapse.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, PropertyValues, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\n\n/**\n * @fires transitioning - When the element is transitioning.\n * @slot - Main slot for the content\n */\nexport default class UiCollapse extends UiElement {\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   * Set noAnimation to true to disable animations.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true }) noAnimation?: boolean;\n\n  /**\n   * Renders the collapse horizontally when true and vertically otherwise\n   * @attribute\n   */\n  @property({ type: Boolean }) horizontal = false;\n\n  /**\n   * Set opened to true to show the collapse element and to false to hide it.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  get dimension(): 'width' | 'height' {\n    return this.horizontal ? 'width' : 'height';\n  }\n\n  /**\n   * `maxWidth` or `maxHeight`.\n   * @private\n   */\n  get dimensionMax(): 'maxWidth' | 'maxHeight' {\n    return this.horizontal ? 'maxWidth' : 'maxHeight';\n  }\n\n  /**\n   * `max-width` or `max-height`.\n   * @private\n   */\n  get dimensionMaxCss(): 'max-width' | 'max-height' {\n    return this.horizontal ? 'max-width' : 'max-height';\n  }\n\n  get isAttached(): boolean {\n    return !!this.parentNode;\n  }\n\n  protected transitioningInternal = false;\n\n  /**\n   * @return When true, the element is transitioning its open state. When false,\n   * the element has finished opening/closing.\n   */\n  get transitioning(): boolean {\n    return this.transitioningInternal;\n  }\n\n  /**\n   * Stores the desired size of the collapse body.\n   */\n  protected desiredSize = '';\n\n  constructor() {\n    super();\n    this.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'group');\n    }\n    if (!this.hasAttribute('aria-hidden')) {\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('open')) {\n      this.handleOpenChange();\n    }\n    if (cp.has('horizontal')) {\n      this.handleHorizontalChange();\n    }\n    super.willUpdate(cp);\n  }\n\n  /**\n   * Toggle the opened state.\n   */\n  toggle(): void {\n    this.open = !this.open;\n    this.dispatchEvent(new Event('open'));\n  }\n\n  /**\n   * Updates the size of the element.\n   * @param size The new value for `maxWidth`/`maxHeight` as css property value, usually `auto` or `0px`.\n   * @param animated if `true` updates the size with an animation, otherwise without.\n   */\n  protected updateSize(size: string, animated?: boolean): void {\n    // Consider 'auto' as '', to take full size.\n    let sizeValue = size === 'auto' ? '' : size;\n\n    let willAnimate = animated && !this.noAnimation && this.isAttached;\n    this.desiredSize = sizeValue;\n\n    this.updateTransition(false);\n    // If we can animate, must do some prep work.\n    if (willAnimate) {\n      // Animation will start at the current size.\n      const startSize = this.calcSize();\n      // For `auto` we must calculate what is the final size for the animation.\n      // After the transition is done, _transitionEnd will set the size back to\n      // `auto`.\n      if (sizeValue === '') {\n        this.style[this.dimensionMax] = '';\n        sizeValue = this.calcSize();\n      }\n      // Go to startSize without animation.\n      \n      this.style[this.dimensionMax] = startSize;\n      // Force layout to ensure transition will go. Set scrollTop to itself\n      // so that compilers won't remove it.\n      // eslint-disable-next-line no-self-assign\n      this.scrollTop = this.scrollTop;\n      // Enable animation.\n      this.updateTransition(true);\n      // If final size is the same as startSize it will not animate.\n      willAnimate = (sizeValue !== startSize);\n    }\n    // Set the final size.\n    \n    this.style[this.dimensionMax] = sizeValue;\n    // If it won't animate, call transitionEnd to set correct styles.\n    if (!willAnimate) {\n      this.transitionEnd();\n    }\n  }\n\n  protected updateTransition(enabled?: boolean): void {\n    this.style.transitionDuration = (enabled && !this.noAnimation) ? '' : '0s';\n  }\n\n  /**\n   * Calculates the size of the element when opened.\n   */\n  protected calcSize(): string {\n    const value = this.getBoundingClientRect()[this.dimension];\n    return `${value}px`;\n  }\n\n  protected transitionEnd(): void {\n    this.style[this.dimensionMax] = this.desiredSize;\n    this.toggleAttribute('collapse-closed', !this.open);\n    this.toggleAttribute('collapse-opened', this.open);\n    this.updateTransition(false);\n    this.notifyResize();\n    this.transitioningInternal = false;\n    this.notifyTransitioning();\n  }\n\n  protected notifyResize(): void {\n    this.dispatchEvent(new Event('resize', { bubbles: true, composed: true, cancelable: true }));\n  }\n\n  protected notifyTransitioning(): void {\n    this.dispatchEvent(new Event('transitioning', { bubbles: true, composed: true, cancelable: true }));\n  }\n\n  protected handleTransitionEnd(e: Event): void {\n    const target = e.composedPath().find((node) => node === this);\n    if (target) {\n      this.transitionEnd();\n    }\n  }\n\n  protected handleOpenChange(): void {\n    const { open } = this;\n    this.setAttribute('aria-hidden', String(!open));\n    this.transitioningInternal = true;\n    this.notifyTransitioning();\n    this.toggleAttribute('collapse-closed', false);\n    this.toggleAttribute('collapse-opened', false);\n    this.updateSize(open ? 'auto' : '0px', true);\n\n    // Focus the current collapse.\n    if (open) {\n      this.focus();\n    }\n  }\n\n  protected handleHorizontalChange(): void {\n    this.style.transitionProperty = this.dimensionMaxCss;\n    const otherDimension = this.dimensionMax === 'maxWidth' ? 'maxHeight' : 'maxWidth';\n    this.style[otherDimension] = '';\n    this.updateSize(this.open ? 'auto' : '0px', false);\n  }\n\n  override render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n"]}
+{"version":3,"file":"UiCollapse.js","sourceRoot":"","sources":["../../../src/ui/collapse/UiCollapse.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,SAAS;IAC/C;;;OAGG;IAEH,IAAI,QAAQ;QACV,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,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;IAoBD,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC9C,CAAC;IAED;;;OAGG;IACH,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IACpD,CAAC;IAED;;;OAGG;IACH,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC;IACtD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAID;;;OAGG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IAOD;QACE,KAAK,EAAE,CAAC;QApDV;;;WAGG;QAC0B,eAAU,GAAG,KAAK,CAAC;QAEhD;;;WAGG;QACyC,SAAI,GAAG,KAAK,CAAC;QA0B/C,0BAAqB,GAAG,KAAK,CAAC;QAUxC;;WAEG;QACO,gBAAW,GAAG,EAAE,CAAC;QAIzB,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9E,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,OAAO,CAAC,CAAC;SACpC;QACD,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;YACrC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;SAC1C;IACH,CAAC;IAEkB,UAAU,CAAC,EAAwB;QACpD,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;QACD,IAAI,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YACxB,IAAI,CAAC,sBAAsB,EAAE,CAAC;SAC/B;QACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACvB,CAAC;IAED;;OAEG;IACH,MAAM;QACJ,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACO,UAAU,CAAC,IAAY,EAAE,QAAkB;QACnD,4CAA4C;QAC5C,IAAI,SAAS,GAAG,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAE5C,IAAI,WAAW,GAAG,QAAQ,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,CAAC;QACnE,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAE7B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7B,6CAA6C;QAC7C,IAAI,WAAW,EAAE;YACf,4CAA4C;YAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClC,yEAAyE;YACzE,yEAAyE;YACzE,UAAU;YACV,IAAI,SAAS,KAAK,EAAE,EAAE;gBACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;gBACnC,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;aAC7B;YACD,qCAAqC;YAErC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;YAC1C,qEAAqE;YACrE,qCAAqC;YACrC,0CAA0C;YAC1C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YAChC,oBAAoB;YACpB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAC5B,8DAA8D;YAC9D,WAAW,GAAG,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;SACzC;QACD,sBAAsB;QAEtB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;QAC1C,iEAAiE;QACjE,IAAI,CAAC,WAAW,EAAE;YAChB,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IAES,gBAAgB,CAAC,OAAiB;QAC1C,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7E,CAAC;IAED;;OAEG;IACO,QAAQ;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3D,OAAO,GAAG,KAAK,IAAI,CAAC;IACtB,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;QACjD,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpD,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACnC,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC/F,CAAC;IAES,mBAAmB;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACtG,CAAC;IAES,mBAAmB,CAAC,CAAQ;QACpC,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QAC9D,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,aAAa,EAAE,CAAC;SACtB;IACH,CAAC;IAES,gBAAgB;QACxB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAChD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAE7C,8BAA8B;QAC9B,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,KAAK,EAAE,CAAC;SACd;IACH,CAAC;IAES,sBAAsB;QAC9B,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC;QACrD,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;QACnF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACrD,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF;AA/MC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAG1C;AAY2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAuB;AAMrC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAoB;AAMJ;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAc","sourcesContent":["import { html, PropertyValues, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { UiElement } from \"../UiElement.js\";\nimport { isDisabled, setDisabled } from \"../lib/disabled.js\";\n\n/**\n * @fires transitioning - When the element is transitioning.\n * @slot - Main slot for the content\n */\nexport default class UiCollapse extends UiElement {\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   * Set noAnimation to true to disable animations.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true }) noAnimation?: boolean;\n\n  /**\n   * Renders the collapse horizontally when true and vertically otherwise\n   * @attribute\n   */\n  @property({ type: Boolean }) horizontal = false;\n\n  /**\n   * Set opened to true to show the collapse element and to false to hide it.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  get dimension(): 'width' | 'height' {\n    return this.horizontal ? 'width' : 'height';\n  }\n\n  /**\n   * `maxWidth` or `maxHeight`.\n   * @private\n   */\n  get dimensionMax(): 'maxWidth' | 'maxHeight' {\n    return this.horizontal ? 'maxWidth' : 'maxHeight';\n  }\n\n  /**\n   * `max-width` or `max-height`.\n   * @private\n   */\n  get dimensionMaxCss(): 'max-width' | 'max-height' {\n    return this.horizontal ? 'max-width' : 'max-height';\n  }\n\n  get isAttached(): boolean {\n    return !!this.parentNode;\n  }\n\n  protected transitioningInternal = false;\n\n  /**\n   * @return When true, the element is transitioning its open state. When false,\n   * the element has finished opening/closing.\n   */\n  get transitioning(): boolean {\n    return this.transitioningInternal;\n  }\n\n  /**\n   * Stores the desired size of the collapse body.\n   */\n  protected desiredSize = '';\n\n  constructor() {\n    super();\n    this.addEventListener('transitionend', this.handleTransitionEnd.bind(this));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'group');\n    }\n    if (!this.hasAttribute('aria-hidden')) {\n      this.setAttribute('aria-hidden', 'true');\n    }\n  }\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('open')) {\n      this.handleOpenChange();\n    }\n    if (cp.has('horizontal')) {\n      this.handleHorizontalChange();\n    }\n    super.willUpdate(cp);\n  }\n\n  /**\n   * Toggle the opened state.\n   */\n  toggle(): void {\n    this.open = !this.open;\n    this.dispatchEvent(new Event('open'));\n  }\n\n  /**\n   * Updates the size of the element.\n   * @param size The new value for `maxWidth`/`maxHeight` as css property value, usually `auto` or `0px`.\n   * @param animated if `true` updates the size with an animation, otherwise without.\n   */\n  protected updateSize(size: string, animated?: boolean): void {\n    // Consider 'auto' as '', to take full size.\n    let sizeValue = size === 'auto' ? '' : size;\n\n    let willAnimate = animated && !this.noAnimation && this.isAttached;\n    this.desiredSize = sizeValue;\n\n    this.updateTransition(false);\n    // If we can animate, must do some prep work.\n    if (willAnimate) {\n      // Animation will start at the current size.\n      const startSize = this.calcSize();\n      // For `auto` we must calculate what is the final size for the animation.\n      // After the transition is done, _transitionEnd will set the size back to\n      // `auto`.\n      if (sizeValue === '') {\n        this.style[this.dimensionMax] = '';\n        sizeValue = this.calcSize();\n      }\n      // Go to startSize without animation.\n      \n      this.style[this.dimensionMax] = startSize;\n      // Force layout to ensure transition will go. Set scrollTop to itself\n      // so that compilers won't remove it.\n      // eslint-disable-next-line no-self-assign\n      this.scrollTop = this.scrollTop;\n      // Enable animation.\n      this.updateTransition(true);\n      // If final size is the same as startSize it will not animate.\n      willAnimate = (sizeValue !== startSize);\n    }\n    // Set the final size.\n    \n    this.style[this.dimensionMax] = sizeValue;\n    // If it won't animate, call transitionEnd to set correct styles.\n    if (!willAnimate) {\n      this.transitionEnd();\n    }\n  }\n\n  protected updateTransition(enabled?: boolean): void {\n    this.style.transitionDuration = (enabled && !this.noAnimation) ? '' : '0s';\n  }\n\n  /**\n   * Calculates the size of the element when opened.\n   */\n  protected calcSize(): string {\n    const value = this.getBoundingClientRect()[this.dimension];\n    return `${value}px`;\n  }\n\n  protected transitionEnd(): void {\n    this.style[this.dimensionMax] = this.desiredSize;\n    this.toggleAttribute('collapse-closed', !this.open);\n    this.toggleAttribute('collapse-opened', this.open);\n    this.updateTransition(false);\n    this.notifyResize();\n    this.transitioningInternal = false;\n    this.notifyTransitioning();\n  }\n\n  protected notifyResize(): void {\n    this.dispatchEvent(new Event('resize', { bubbles: true, composed: true, cancelable: true }));\n  }\n\n  protected notifyTransitioning(): void {\n    this.dispatchEvent(new Event('transitioning', { bubbles: true, composed: true, cancelable: true }));\n  }\n\n  protected handleTransitionEnd(e: Event): void {\n    const target = e.composedPath().find((node) => node === this);\n    if (target) {\n      this.transitionEnd();\n    }\n  }\n\n  protected handleOpenChange(): void {\n    const { open } = this;\n    this.setAttribute('aria-hidden', String(!open));\n    this.transitioningInternal = true;\n    this.notifyTransitioning();\n    this.toggleAttribute('collapse-closed', false);\n    this.toggleAttribute('collapse-opened', false);\n    this.updateSize(open ? 'auto' : '0px', true);\n\n    // Focus the current collapse.\n    if (open) {\n      this.focus();\n    }\n  }\n\n  protected handleHorizontalChange(): void {\n    this.style.transitionProperty = this.dimensionMaxCss;\n    const otherDimension = this.dimensionMax === 'maxWidth' ? 'maxHeight' : 'maxWidth';\n    this.style[otherDimension] = '';\n    this.updateSize(this.open ? 'auto' : '0px', false);\n  }\n\n  override render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n"]}

package/dist/ui/controllers/ActionController.js

@@ -70,9 +70,151 @@ export const WAIT_FOR_MOUSE_CLICK_MS = 500;
  * interaction.
  */
 export class ActionController {
-    element;
     constructor(element) {
         this.element = element;
+        this.phase = Phase.INACTIVE;
+        this.touchTimer = null;
+        this.clickTimer = null;
+        this.lastPositionEvent = null;
+        this.pressed = false;
+        this.checkBoundsAfterContextMenu = false;
+        /**
+         * When set it cancels handled keyboard events (space, enter, num enter)
+         */
+        this.cancelKeyboardEvents = false;
+        // event listeners
+        /**
+         * Pointer down event handler.
+         */
+        this.pointerDown = (e) => {
+            if (!this.shouldRespondToEvent(e) || this.phase !== Phase.INACTIVE) {
+                return;
+            }
+            if (this.isTouch(e)) {
+                // after a longpress contextmenu event, an extra `pointerdown` can be
+                // dispatched to the pressed element. Check that the down is within
+                // bounds of the element in this case.
+                if (this.checkBoundsAfterContextMenu && !this.inBounds(e)) {
+                    return;
+                }
+                this.checkBoundsAfterContextMenu = false;
+                this.lastPositionEvent = e;
+                this.setPhase(Phase.TOUCH_DELAY);
+                this.touchTimer = setTimeout(() => {
+                    this.touchDelayFinished();
+                }, TOUCH_DELAY_MS);
+            }
+            else {
+                const leftButtonPressed = e.button === 0;
+                if (!leftButtonPressed ||
+                    (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {
+                    return;
+                }
+                this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);
+                this.beginPress(e);
+            }
+        };
+        /**
+         * Pointer up event handler.
+         */
+        this.pointerUp = (e) => {
+            if (!this.isTouch(e) || !this.shouldRespondToEvent(e)) {
+                return;
+            }
+            if (this.phase === Phase.HOLDING) {
+                this.waitForClick();
+            }
+            else if (this.phase === Phase.TOUCH_DELAY) {
+                this.setPhase(Phase.RELEASING);
+                this.beginPress();
+                this.waitForClick();
+            }
+        };
+        /**
+         * Click event handler.
+         */
+        this.click = (e) => {
+            if (this.disabled ||
+                (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {
+                return;
+            }
+            if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {
+                this.endPress();
+                this.setPhase(Phase.INACTIVE);
+                return;
+            }
+            // keyboard synthesized click event
+            if (this.phase === Phase.INACTIVE && !this.pressed) {
+                this.press();
+            }
+        };
+        /**
+         * Pointer leave event handler.
+         */
+        this.pointerLeave = (e) => {
+            // cancel a held press that moves outside the element
+            if (this.shouldRespondToEvent(e) && !this.isTouch(e) && this.pressed) {
+                this.cancelPress();
+            }
+        };
+        /**
+         * Pointer cancel event handler.
+         */
+        this.pointerCancel = (e) => {
+            if (this.shouldRespondToEvent(e)) {
+                this.cancelPress();
+            }
+        };
+        /**
+         * Contextmenu event handler.
+         */
+        this.contextMenu = () => {
+            if (!this.disabled) {
+                this.checkBoundsAfterContextMenu = true;
+                this.cancelPress();
+            }
+        };
+        /**
+         * Keyboard down event handler
+         */
+        this.keyDown = (e) => {
+            if (this.disabled) {
+                return;
+            }
+            if (['Enter', 'NumpadEnter'].includes(e.code)) {
+                this.press('enter');
+                if (this.cancelKeyboardEvents) {
+                    e.preventDefault();
+                }
+            }
+            else if (e.code === 'Space' || e.key === ' ') {
+                this.beginPress(/* positionEvent= */ null);
+                this.setPhase(Phase.INACTIVE);
+                if (this.cancelKeyboardEvents) {
+                    e.preventDefault();
+                }
+            }
+        };
+        /**
+         * Keyboard up event handler
+         */
+        this.keyUp = (e) => {
+            if (this.disabled) {
+                return;
+            }
+            if (e.code === 'Space' || e.key === ' ') {
+                this.endPress('space');
+                if (this.cancelKeyboardEvents) {
+                    e.preventDefault();
+                }
+            }
+            else if (e.code === 'Escape' && this.pressed) {
+                this.cancelPress();
+                if (this.cancelKeyboardEvents) {
+                    e.preventDefault();
+                }
+            }
+        };
         this.element.addController(this);
     }
     get disabled() {
@@ -81,16 +223,6 @@ export class ActionController {
     get ignoreClicksWithModifiers() {
         return this.element.ignoreClicksWithModifiers ?? false;
     }
-    phase = Phase.INACTIVE;
-    touchTimer = null;
-    clickTimer = null;
-    lastPositionEvent = null;
-    pressed = false;
-    checkBoundsAfterContextMenu = false;
-    /**
-     * When set it cancels handled keyboard events (space, enter, num enter)
-     */
-    cancelKeyboardEvents = false;
     setPhase(newPhase) {
         this.phase = newPhase;
     }
@@ -195,138 +327,5 @@ export class ActionController {
             this.cancelPress();
         }
     }
-    // event listeners
-    /**
-     * Pointer down event handler.
-     */
-    pointerDown = (e) => {
-        if (!this.shouldRespondToEvent(e) || this.phase !== Phase.INACTIVE) {
-            return;
-        }
-        if (this.isTouch(e)) {
-            // after a longpress contextmenu event, an extra `pointerdown` can be
-            // dispatched to the pressed element. Check that the down is within
-            // bounds of the element in this case.
-            if (this.checkBoundsAfterContextMenu && !this.inBounds(e)) {
-                return;
-            }
-            this.checkBoundsAfterContextMenu = false;
-            this.lastPositionEvent = e;
-            this.setPhase(Phase.TOUCH_DELAY);
-            this.touchTimer = setTimeout(() => {
-                this.touchDelayFinished();
-            }, TOUCH_DELAY_MS);
-        }
-        else {
-            const leftButtonPressed = e.button === 0;
-            if (!leftButtonPressed ||
-                (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {
-                return;
-            }
-            this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);
-            this.beginPress(e);
-        }
-    };
-    /**
-     * Pointer up event handler.
-     */
-    pointerUp = (e) => {
-        if (!this.isTouch(e) || !this.shouldRespondToEvent(e)) {
-            return;
-        }
-        if (this.phase === Phase.HOLDING) {
-            this.waitForClick();
-        }
-        else if (this.phase === Phase.TOUCH_DELAY) {
-            this.setPhase(Phase.RELEASING);
-            this.beginPress();
-            this.waitForClick();
-        }
-    };
-    /**
-     * Click event handler.
-     */
-    click = (e) => {
-        if (this.disabled ||
-            (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {
-            return;
-        }
-        if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {
-            this.endPress();
-            this.setPhase(Phase.INACTIVE);
-            return;
-        }
-        // keyboard synthesized click event
-        if (this.phase === Phase.INACTIVE && !this.pressed) {
-            this.press();
-        }
-    };
-    /**
-     * Pointer leave event handler.
-     */
-    pointerLeave = (e) => {
-        // cancel a held press that moves outside the element
-        if (this.shouldRespondToEvent(e) && !this.isTouch(e) && this.pressed) {
-            this.cancelPress();
-        }
-    };
-    /**
-     * Pointer cancel event handler.
-     */
-    pointerCancel = (e) => {
-        if (this.shouldRespondToEvent(e)) {
-            this.cancelPress();
-        }
-    };
-    /**
-     * Contextmenu event handler.
-     */
-    contextMenu = () => {
-        if (!this.disabled) {
-            this.checkBoundsAfterContextMenu = true;
-            this.cancelPress();
-        }
-    };
-    /**
-     * Keyboard down event handler
-     */
-    keyDown = (e) => {
-        if (this.disabled) {
-            return;
-        }
-        if (['Enter', 'NumpadEnter'].includes(e.code)) {
-            this.press('enter');
-            if (this.cancelKeyboardEvents) {
-                e.preventDefault();
-            }
-        }
-        else if (e.code === 'Space' || e.key === ' ') {
-            this.beginPress(/* positionEvent= */ null);
-            this.setPhase(Phase.INACTIVE);
-            if (this.cancelKeyboardEvents) {
-                e.preventDefault();
-            }
-        }
-    };
-    /**
-     * Keyboard up event handler
-     */
-    keyUp = (e) => {
-        if (this.disabled) {
-            return;
-        }
-        if (e.code === 'Space' || e.key === ' ') {
-            this.endPress('space');
-            if (this.cancelKeyboardEvents) {
-                e.preventDefault();
-            }
-        }
-        else if (e.code === 'Escape' && this.pressed) {
-            this.cancelPress();
-            if (this.cancelKeyboardEvents) {
-                e.preventDefault();
-            }
-        }
-    };
 }
 //# sourceMappingURL=ActionController.js.map

package/dist/ui/controllers/ActionController.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionController.js","sourceRoot":"","sources":["../../../src/ui/controllers/ActionController.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * Enumeration to keep track of the lifecycle of a touch event.\n */\n\n// State transition diagram:\n//     +-----------------------------+\n//     |                             v\n//     |    +------+------ WAITING_FOR_MOUSE_CLICK<----+\n//     |    |      |                ^                  |\n//     |    V      |                |                  |\n// => INACTIVE -> TOUCH_DELAY -> RELEASING          HOLDING\n//                 |                                   ^\n//                 |                                   |\n//                 +-----------------------------------+\nenum Phase {\n  // Initial state of the control, no touch in progress.\n  // Transitions:\n  //     on touch down: transition to TOUCH_DELAY.\n  //     on mouse down: transition to WAITING_FOR_MOUSE_CLICK.\n  INACTIVE = 'INACTIVE',\n\n  // Touch down has been received, waiting to determine if it's a swipe.\n  // Transitions:\n  //     on touch up: beginPress(); transition to RELEASING.\n  //     on cancel: transition to INACTIVE.\n  //     after TOUCH_DELAY_MS: beginPress(); transition to HOLDING.\n  TOUCH_DELAY = 'TOUCH_DELAY',\n\n  // A touch has been deemed to be a press\n  // Transitions:\n  //     on pointerup: endPress(); transition to WAITING_FOR_MOUSE_CLICK.\n  HOLDING = 'HOLDING',\n\n  // The user has released the mouse / touch, but we want to delay calling\n  // endPress for a little bit to avoid double clicks.\n  // Transitions:\n  //    mouse sequence after debounceDelay: endPress(); transition to INACTIVE\n  //    when in touch sequence: transitions directly to WAITING_FOR_MOUSE_CLICK\n  RELEASING = 'RELEASING',\n\n  // The user has touched, but we want to delay endPress until synthetic mouse\n  // click event occurs. Stay in this state for a fixed amount of time before\n  // giving up and transitioning into rest state.\n  // Transitions:\n  //     on click: endPress(); transition to INACTIVE.\n  //     after WAIT_FOR_MOUSE_CLICK_MS: transition to INACTIVE.\n  WAITING_FOR_MOUSE_CLICK = 'WAITING_FOR_MOUSE_CLICK'\n}\n\n/**\n * Delay time from touchstart to when element#beginPress is invoked.\n */\nexport const TOUCH_DELAY_MS = 150;\n\n/**\n * Delay time from beginning to wait for synthetic mouse events till giving up.\n */\nexport const WAIT_FOR_MOUSE_CLICK_MS = 500;\n\n/**\n * Interface for argument to beginPress.\n */\nexport interface BeginPressConfig {\n  /**\n   * Event that was recorded at the start of the interaction.\n   * `null` if the press happened via keyboard.\n   */\n  positionEvent: Event | null;\n}\n\n/**\n * Interface for argument to endPress.\n */\nexport interface EndPressConfig {\n  /**\n   * `true` if the press was cancelled.\n   */\n  cancelled: boolean;\n  /**\n   * Data object to pass along to clients in the `action` event, if relevant.\n   */\n  actionData?: unknown;\n  /**\n   * Optional reason why the end is called.\n   */\n  reason?: IEndPressType;\n}\n\n/**\n * The necessary interface for using an ActionController\n */\nexport interface ActionControllerHost extends ReactiveControllerHost,\n  HTMLElement {\n  disabled: boolean;\n  /**\n   * Determines if pointerdown or click events containing modifier keys should\n   * be ignored.\n   */\n  ignoreClicksWithModifiers?: boolean;\n  /**\n   * Called when a user interaction is determined to be a press.\n   */\n  beginPress(config: BeginPressConfig): void;\n  /**\n   * Called when a press ends or is cancelled.\n   */\n  endPress(config: EndPressConfig): void;\n}\n\ntype IEndPressType = 'space' | 'enter';\n\n/**\n * ActionController normalizes user interaction on components and distills it\n * into calling `beginPress` and `endPress` on the component.\n *\n * `beginPress` is a good hook to affect visuals for pressed state, including\n * ripple.\n *\n * `endPress` is a good hook for firing events based on user interaction, and\n * cleaning up the pressed visual state.\n *\n * A component using an ActionController need only implement the ActionElement\n * interface and add the ActionController's event listeners to understand user\n * interaction.\n */\nexport class ActionController implements ReactiveController {\n  constructor(private readonly element: ActionControllerHost) {\n    this.element.addController(this);\n  }\n\n  private get disabled(): boolean {\n    return this.element.disabled;\n  }\n\n  private get ignoreClicksWithModifiers(): boolean {\n    return this.element.ignoreClicksWithModifiers ?? false;\n  }\n\n  private phase = Phase.INACTIVE;\n\n  private touchTimer: number | null = null;\n\n  private clickTimer: number | null = null;\n\n  private lastPositionEvent: PointerEvent | null = null;\n\n  private pressed = false;\n\n  private checkBoundsAfterContextMenu = false;\n\n  /**\n   * When set it cancels handled keyboard events (space, enter, num enter)\n   */\n  cancelKeyboardEvents = false;\n\n  private setPhase(newPhase: Phase): void {\n    this.phase = newPhase;\n  }\n\n  /**\n   * Calls beginPress and then endPress. Allows us to programmatically click\n   * on the element.\n   */\n  private press(reason?: IEndPressType): void {\n    this.beginPress(/* positionEvent= */ null);\n    this.setPhase(Phase.INACTIVE);\n    this.endPress(reason);\n  }\n\n  /**\n   * Call `beginPress` on element with triggering event, if applicable.\n   */\n  private beginPress(positionEvent: Event | null = this.lastPositionEvent): void {\n    this.pressed = true;\n    this.element.beginPress({ positionEvent });\n  }\n\n  /**\n   * Call `endPress` on element, and clean up timers.\n   */\n  private endPress(reason?: IEndPressType): void {\n    this.pressed = false;\n    this.element.endPress({ cancelled: false, reason });\n    this.cleanup();\n  }\n\n  private cleanup(): void {\n    if (this.touchTimer) {\n      clearTimeout(this.touchTimer);\n    }\n    this.touchTimer = null;\n    if (this.clickTimer) {\n      clearTimeout(this.clickTimer);\n    }\n    this.clickTimer = null;\n    this.lastPositionEvent = null;\n  }\n\n  /**\n   * Call `endPress` with cancelled state on element, and cleanup timers.\n   */\n  private cancelPress(): void {\n    this.pressed = false;\n    this.cleanup();\n    if (this.phase === Phase.TOUCH_DELAY) {\n      this.setPhase(Phase.INACTIVE);\n    } else if (this.phase !== Phase.INACTIVE) {\n      this.setPhase(Phase.INACTIVE);\n      this.element.endPress({ cancelled: true });\n    }\n  }\n\n  private isTouch(e: PointerEvent): boolean {\n    return e.pointerType === 'touch';\n  }\n\n  private touchDelayFinished(): void {\n    if (this.phase !== Phase.TOUCH_DELAY) {\n      return;\n    }\n    this.setPhase(Phase.HOLDING);\n    this.beginPress();\n  }\n\n  private waitForClick(): void {\n    this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);\n    this.clickTimer = setTimeout(() => {\n      // If a click event does not occur, clean up the interaction state.\n      if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {\n        this.cancelPress();\n      }\n    }, WAIT_FOR_MOUSE_CLICK_MS) as unknown as number;\n  }\n\n  /**\n   * Check if event should trigger actions on the element.\n   */\n  private shouldRespondToEvent(e: PointerEvent): boolean {\n    return !this.disabled && e.isPrimary;\n  }\n\n  /**\n   * Check if the event is within the bounds of the element.\n   *\n   * This is only needed for the \"stuck\" contextmenu longpress on Chrome.\n   */\n  private inBounds(ev: PointerEvent): boolean {\n    const { top, left, bottom, right } = this.element.getBoundingClientRect();\n    const { x, y } = ev;\n    return x >= left && x <= right && y >= top && y <= bottom;\n  }\n\n  private eventHasModifiers(e: MouseEvent): boolean {\n    return e.altKey || e.ctrlKey || e.shiftKey || e.metaKey;\n  }\n\n  /**\n   * Cancel interactions if the element is removed from the DOM.\n   */\n  hostDisconnected(): void {\n    this.cancelPress();\n  }\n\n  /**\n   * If the element becomes disabled, cancel interactions.\n   */\n  hostUpdated(): void {\n    if (this.disabled) {\n      this.cancelPress();\n    }\n  }\n\n  // event listeners\n  /**\n   * Pointer down event handler.\n   */\n  pointerDown = (e: PointerEvent): void => {\n      if (!this.shouldRespondToEvent(e) || this.phase !== Phase.INACTIVE) {\n        return;\n      }\n      if (this.isTouch(e)) {\n        // after a longpress contextmenu event, an extra `pointerdown` can be\n        // dispatched to the pressed element. Check that the down is within\n        // bounds of the element in this case.\n        if (this.checkBoundsAfterContextMenu && !this.inBounds(e)) {\n          return;\n        }\n        this.checkBoundsAfterContextMenu = false;\n        this.lastPositionEvent = e;\n        this.setPhase(Phase.TOUCH_DELAY);\n        this.touchTimer = setTimeout(() => {\n          this.touchDelayFinished();\n        }, TOUCH_DELAY_MS) as unknown as number;\n      } else {\n        const leftButtonPressed = e.button === 0;\n        if (!leftButtonPressed ||\n          (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {\n          return;\n        }\n        this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);\n        this.beginPress(e);\n      }\n    }\n\n  /**\n   * Pointer up event handler.\n   */\n  pointerUp = (e: PointerEvent): void => {\n      if (!this.isTouch(e) || !this.shouldRespondToEvent(e)) {\n        return;\n      }\n      if (this.phase === Phase.HOLDING) {\n        this.waitForClick();\n      } else if (this.phase === Phase.TOUCH_DELAY) {\n        this.setPhase(Phase.RELEASING);\n        this.beginPress();\n        this.waitForClick();\n      }\n    }\n\n  /**\n   * Click event handler.\n   */\n  click = (e: MouseEvent): void => {\n      if (this.disabled ||\n        (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {\n        return;\n      }\n      if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {\n        this.endPress();\n        this.setPhase(Phase.INACTIVE);\n        return;\n      }\n\n      // keyboard synthesized click event\n      if (this.phase === Phase.INACTIVE && !this.pressed) {\n        this.press();\n      }\n    }\n\n  /**\n   * Pointer leave event handler.\n   */\n  pointerLeave = (e: PointerEvent): void => {\n      // cancel a held press that moves outside the element\n      if (this.shouldRespondToEvent(e) && !this.isTouch(e) && this.pressed) {\n        this.cancelPress();\n      }\n    }\n\n  /**\n   * Pointer cancel event handler.\n   */\n  pointerCancel = (e: PointerEvent): void => {\n      if (this.shouldRespondToEvent(e)) {\n        this.cancelPress();\n      }\n    }\n\n  /**\n   * Contextmenu event handler.\n   */\n  contextMenu = (): void => {\n    if (!this.disabled) {\n      this.checkBoundsAfterContextMenu = true;\n      this.cancelPress();\n    }\n  }\n\n  /**\n   * Keyboard down event handler\n   */\n  keyDown = (e: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n    if (['Enter', 'NumpadEnter'].includes(e.code)) {\n      this.press('enter');\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    } else if (e.code === 'Space' || e.key === ' ') {\n      this.beginPress(/* positionEvent= */ null);\n      this.setPhase(Phase.INACTIVE);\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    }\n  }\n\n  /**\n   * Keyboard up event handler\n   */\n  keyUp = (e: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n    if (e.code === 'Space' || e.key === ' ') {\n      this.endPress('space');\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    } else if (e.code === 'Escape' && this.pressed) {\n      this.cancelPress();\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    }\n  }\n}\n"]}
+{"version":3,"file":"ActionController.js","sourceRoot":"","sources":["../../../src/ui/controllers/ActionController.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * Enumeration to keep track of the lifecycle of a touch event.\n */\n\n// State transition diagram:\n//     +-----------------------------+\n//     |                             v\n//     |    +------+------ WAITING_FOR_MOUSE_CLICK<----+\n//     |    |      |                ^                  |\n//     |    V      |                |                  |\n// => INACTIVE -> TOUCH_DELAY -> RELEASING          HOLDING\n//                 |                                   ^\n//                 |                                   |\n//                 +-----------------------------------+\nenum Phase {\n  // Initial state of the control, no touch in progress.\n  // Transitions:\n  //     on touch down: transition to TOUCH_DELAY.\n  //     on mouse down: transition to WAITING_FOR_MOUSE_CLICK.\n  INACTIVE = 'INACTIVE',\n\n  // Touch down has been received, waiting to determine if it's a swipe.\n  // Transitions:\n  //     on touch up: beginPress(); transition to RELEASING.\n  //     on cancel: transition to INACTIVE.\n  //     after TOUCH_DELAY_MS: beginPress(); transition to HOLDING.\n  TOUCH_DELAY = 'TOUCH_DELAY',\n\n  // A touch has been deemed to be a press\n  // Transitions:\n  //     on pointerup: endPress(); transition to WAITING_FOR_MOUSE_CLICK.\n  HOLDING = 'HOLDING',\n\n  // The user has released the mouse / touch, but we want to delay calling\n  // endPress for a little bit to avoid double clicks.\n  // Transitions:\n  //    mouse sequence after debounceDelay: endPress(); transition to INACTIVE\n  //    when in touch sequence: transitions directly to WAITING_FOR_MOUSE_CLICK\n  RELEASING = 'RELEASING',\n\n  // The user has touched, but we want to delay endPress until synthetic mouse\n  // click event occurs. Stay in this state for a fixed amount of time before\n  // giving up and transitioning into rest state.\n  // Transitions:\n  //     on click: endPress(); transition to INACTIVE.\n  //     after WAIT_FOR_MOUSE_CLICK_MS: transition to INACTIVE.\n  WAITING_FOR_MOUSE_CLICK = 'WAITING_FOR_MOUSE_CLICK'\n}\n\n/**\n * Delay time from touchstart to when element#beginPress is invoked.\n */\nexport const TOUCH_DELAY_MS = 150;\n\n/**\n * Delay time from beginning to wait for synthetic mouse events till giving up.\n */\nexport const WAIT_FOR_MOUSE_CLICK_MS = 500;\n\n/**\n * Interface for argument to beginPress.\n */\nexport interface BeginPressConfig {\n  /**\n   * Event that was recorded at the start of the interaction.\n   * `null` if the press happened via keyboard.\n   */\n  positionEvent: Event | null;\n}\n\n/**\n * Interface for argument to endPress.\n */\nexport interface EndPressConfig {\n  /**\n   * `true` if the press was cancelled.\n   */\n  cancelled: boolean;\n  /**\n   * Data object to pass along to clients in the `action` event, if relevant.\n   */\n  actionData?: unknown;\n  /**\n   * Optional reason why the end is called.\n   */\n  reason?: IEndPressType;\n}\n\n/**\n * The necessary interface for using an ActionController\n */\nexport interface ActionControllerHost extends ReactiveControllerHost,\n  HTMLElement {\n  disabled: boolean;\n  /**\n   * Determines if pointerdown or click events containing modifier keys should\n   * be ignored.\n   */\n  ignoreClicksWithModifiers?: boolean;\n  /**\n   * Called when a user interaction is determined to be a press.\n   */\n  beginPress(config: BeginPressConfig): void;\n  /**\n   * Called when a press ends or is cancelled.\n   */\n  endPress(config: EndPressConfig): void;\n}\n\ntype IEndPressType = 'space' | 'enter';\n\n/**\n * ActionController normalizes user interaction on components and distills it\n * into calling `beginPress` and `endPress` on the component.\n *\n * `beginPress` is a good hook to affect visuals for pressed state, including\n * ripple.\n *\n * `endPress` is a good hook for firing events based on user interaction, and\n * cleaning up the pressed visual state.\n *\n * A component using an ActionController need only implement the ActionElement\n * interface and add the ActionController's event listeners to understand user\n * interaction.\n */\nexport class ActionController implements ReactiveController {\n  constructor(private readonly element: ActionControllerHost) {\n    this.element.addController(this);\n  }\n\n  private get disabled(): boolean {\n    return this.element.disabled;\n  }\n\n  private get ignoreClicksWithModifiers(): boolean {\n    return this.element.ignoreClicksWithModifiers ?? false;\n  }\n\n  private phase = Phase.INACTIVE;\n\n  private touchTimer: number | null = null;\n\n  private clickTimer: number | null = null;\n\n  private lastPositionEvent: PointerEvent | null = null;\n\n  private pressed = false;\n\n  private checkBoundsAfterContextMenu = false;\n\n  /**\n   * When set it cancels handled keyboard events (space, enter, num enter)\n   */\n  cancelKeyboardEvents = false;\n\n  private setPhase(newPhase: Phase): void {\n    this.phase = newPhase;\n  }\n\n  /**\n   * Calls beginPress and then endPress. Allows us to programmatically click\n   * on the element.\n   */\n  private press(reason?: IEndPressType): void {\n    this.beginPress(/* positionEvent= */ null);\n    this.setPhase(Phase.INACTIVE);\n    this.endPress(reason);\n  }\n\n  /**\n   * Call `beginPress` on element with triggering event, if applicable.\n   */\n  private beginPress(positionEvent: Event | null = this.lastPositionEvent): void {\n    this.pressed = true;\n    this.element.beginPress({ positionEvent });\n  }\n\n  /**\n   * Call `endPress` on element, and clean up timers.\n   */\n  private endPress(reason?: IEndPressType): void {\n    this.pressed = false;\n    this.element.endPress({ cancelled: false, reason });\n    this.cleanup();\n  }\n\n  private cleanup(): void {\n    if (this.touchTimer) {\n      clearTimeout(this.touchTimer);\n    }\n    this.touchTimer = null;\n    if (this.clickTimer) {\n      clearTimeout(this.clickTimer);\n    }\n    this.clickTimer = null;\n    this.lastPositionEvent = null;\n  }\n\n  /**\n   * Call `endPress` with cancelled state on element, and cleanup timers.\n   */\n  private cancelPress(): void {\n    this.pressed = false;\n    this.cleanup();\n    if (this.phase === Phase.TOUCH_DELAY) {\n      this.setPhase(Phase.INACTIVE);\n    } else if (this.phase !== Phase.INACTIVE) {\n      this.setPhase(Phase.INACTIVE);\n      this.element.endPress({ cancelled: true });\n    }\n  }\n\n  private isTouch(e: PointerEvent): boolean {\n    return e.pointerType === 'touch';\n  }\n\n  private touchDelayFinished(): void {\n    if (this.phase !== Phase.TOUCH_DELAY) {\n      return;\n    }\n    this.setPhase(Phase.HOLDING);\n    this.beginPress();\n  }\n\n  private waitForClick(): void {\n    this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);\n    this.clickTimer = setTimeout(() => {\n      // If a click event does not occur, clean up the interaction state.\n      if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {\n        this.cancelPress();\n      }\n    }, WAIT_FOR_MOUSE_CLICK_MS) as unknown as number;\n  }\n\n  /**\n   * Check if event should trigger actions on the element.\n   */\n  private shouldRespondToEvent(e: PointerEvent): boolean {\n    return !this.disabled && e.isPrimary;\n  }\n\n  /**\n   * Check if the event is within the bounds of the element.\n   *\n   * This is only needed for the \"stuck\" contextmenu longpress on Chrome.\n   */\n  private inBounds(ev: PointerEvent): boolean {\n    const { top, left, bottom, right } = this.element.getBoundingClientRect();\n    const { x, y } = ev;\n    return x >= left && x <= right && y >= top && y <= bottom;\n  }\n\n  private eventHasModifiers(e: MouseEvent): boolean {\n    return e.altKey || e.ctrlKey || e.shiftKey || e.metaKey;\n  }\n\n  /**\n   * Cancel interactions if the element is removed from the DOM.\n   */\n  hostDisconnected(): void {\n    this.cancelPress();\n  }\n\n  /**\n   * If the element becomes disabled, cancel interactions.\n   */\n  hostUpdated(): void {\n    if (this.disabled) {\n      this.cancelPress();\n    }\n  }\n\n  // event listeners\n  /**\n   * Pointer down event handler.\n   */\n  pointerDown = (e: PointerEvent): void => {\n      if (!this.shouldRespondToEvent(e) || this.phase !== Phase.INACTIVE) {\n        return;\n      }\n      if (this.isTouch(e)) {\n        // after a longpress contextmenu event, an extra `pointerdown` can be\n        // dispatched to the pressed element. Check that the down is within\n        // bounds of the element in this case.\n        if (this.checkBoundsAfterContextMenu && !this.inBounds(e)) {\n          return;\n        }\n        this.checkBoundsAfterContextMenu = false;\n        this.lastPositionEvent = e;\n        this.setPhase(Phase.TOUCH_DELAY);\n        this.touchTimer = setTimeout(() => {\n          this.touchDelayFinished();\n        }, TOUCH_DELAY_MS) as unknown as number;\n      } else {\n        const leftButtonPressed = e.button === 0;\n        if (!leftButtonPressed ||\n          (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {\n          return;\n        }\n        this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);\n        this.beginPress(e);\n      }\n    }\n\n  /**\n   * Pointer up event handler.\n   */\n  pointerUp = (e: PointerEvent): void => {\n      if (!this.isTouch(e) || !this.shouldRespondToEvent(e)) {\n        return;\n      }\n      if (this.phase === Phase.HOLDING) {\n        this.waitForClick();\n      } else if (this.phase === Phase.TOUCH_DELAY) {\n        this.setPhase(Phase.RELEASING);\n        this.beginPress();\n        this.waitForClick();\n      }\n    }\n\n  /**\n   * Click event handler.\n   */\n  click = (e: MouseEvent): void => {\n      if (this.disabled ||\n        (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {\n        return;\n      }\n      if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {\n        this.endPress();\n        this.setPhase(Phase.INACTIVE);\n        return;\n      }\n\n      // keyboard synthesized click event\n      if (this.phase === Phase.INACTIVE && !this.pressed) {\n        this.press();\n      }\n    }\n\n  /**\n   * Pointer leave event handler.\n   */\n  pointerLeave = (e: PointerEvent): void => {\n      // cancel a held press that moves outside the element\n      if (this.shouldRespondToEvent(e) && !this.isTouch(e) && this.pressed) {\n        this.cancelPress();\n      }\n    }\n\n  /**\n   * Pointer cancel event handler.\n   */\n  pointerCancel = (e: PointerEvent): void => {\n      if (this.shouldRespondToEvent(e)) {\n        this.cancelPress();\n      }\n    }\n\n  /**\n   * Contextmenu event handler.\n   */\n  contextMenu = (): void => {\n    if (!this.disabled) {\n      this.checkBoundsAfterContextMenu = true;\n      this.cancelPress();\n    }\n  }\n\n  /**\n   * Keyboard down event handler\n   */\n  keyDown = (e: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n    if (['Enter', 'NumpadEnter'].includes(e.code)) {\n      this.press('enter');\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    } else if (e.code === 'Space' || e.key === ' ') {\n      this.beginPress(/* positionEvent= */ null);\n      this.setPhase(Phase.INACTIVE);\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    }\n  }\n\n  /**\n   * Keyboard up event handler\n   */\n  keyUp = (e: KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n    if (e.code === 'Space' || e.key === ' ') {\n      this.endPress('space');\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    } else if (e.code === 'Escape' && this.pressed) {\n      this.cancelPress();\n      if (this.cancelKeyboardEvents) {\n        e.preventDefault();\n      }\n    }\n  }\n}\n"]}

package/dist/ui/controllers/RadioSelectionController.js

@@ -13,7 +13,6 @@ const inputs = [];
  * in the group.
  */
 export class RadioSelectionController {
-    element;
     constructor(element) {
         this.element = element;
         this.element.addController(this);

package/dist/ui/controllers/RadioSelectionController.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioSelectionController.js","sourceRoot":"","sources":["../../../src/ui/controllers/RadioSelectionController.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport interface IRadioSelectionControllerHost extends ReactiveControllerHost, HTMLElement {\n  checked?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  name?: string;\n  value?: string;\n  readonly form: HTMLFormElement | null;\n}\n\n/**\n * An ordered list of inputs added to the document. Selection order depends on that list.\n */\nconst inputs: IRadioSelectionControllerHost[] = [];\n\n/**\n * A controller that groups radios by name and manages selection of a radio input in a group.\n * \n * A group is defined as:\n * - radio inputs with the same name associated with the same form\n * - radio inputs with the same name not associated with any form\n * \n * The radio input must call the `handleSelection()` method on this controller to manage the selection\n * in the group.\n */\nexport class RadioSelectionController implements ReactiveController {\n  constructor(private readonly element: IRadioSelectionControllerHost) {\n    this.element.addController(this);\n  }\n\n  hostConnected(): void {\n    const { element } = this;\n    inputs.push(element);\n  }\n\n  hostDisconnected(): void {\n    const index = inputs.indexOf(this.element);\n    if (index >= 0) {\n      inputs.splice(index, 1);\n    }\n  }\n\n  /**\n   * Selects the current element and deselects other elements in the group.\n   */\n  handleSelection(): void {\n    const { element } = this;\n    const group = this._findGroup(element);\n    const isRequired = group.some(i => !!i.required || typeof i.dataset.required === 'string');\n    for (let i = 0, len = group.length; i < len; i++) {\n      const item = group[i];\n      if (item === element) {\n        item.checked = true;\n        item.setAttribute('tabindex', '0');\n        if (isRequired) {\n          item.required = true;\n        }\n      } else {\n        if (item.required) {\n          item.required = false;\n        }\n        if (item.checked) {\n          item.checked = false;\n        }\n        item.removeAttribute('tabindex');\n      }\n    }\n  }\n\n  /**\n   * A handler for the keydown event. Changes the selection (when there's a selection in the group).\n   */\n  handleKeyDown(e: KeyboardEvent): void {\n    if (['ArrowUp', 'ArrowLeft'].includes(e.code)) {\n      e.preventDefault();\n      this.selectPrevious();\n    } else if (['ArrowDown', 'ArrowRight'].includes(e.code)) {\n      e.preventDefault();\n      this.selectNext();\n    }\n  }\n\n  selectNext(): void {\n    const { element } = this;\n    const group = this._findGroup(element);\n    if (group.length < 2) {\n      // 0 or 1 input, no way to go.\n      return;\n    }\n    const next = this.findNextInput(group, element);\n    if (next) {\n      next.click();\n    }\n  }\n\n  selectPrevious(): void {\n    const { element } = this;\n    const group = this._findGroup(element);\n    if (group.length < 2) {\n      // 0 or 1 input, no way to go.\n      return;\n    }\n    const previous = this.findPreviousInput(group, element);\n    if (previous) {\n      previous.click();\n    }\n  }\n\n  findNextInput(group: IRadioSelectionControllerHost[], current: IRadioSelectionControllerHost): IRadioSelectionControllerHost | null {\n    const currentIndex = group.indexOf(current);\n    if (currentIndex < 0) {\n      return null;\n    }\n    let i = currentIndex;\n    let next: IRadioSelectionControllerHost | null = null;\n    do {\n      i++;\n      if (i === currentIndex) {\n        // looped back from the start, no active element to find.\n        return null;\n      }\n      const item = group[i];\n      if (!item) {\n        i = -1;\n        continue;\n      }\n      if (!item.disabled) {\n        next = item;\n      }\n    } while (!next);\n    return next;\n  }\n\n  findPreviousInput(group: IRadioSelectionControllerHost[], current: IRadioSelectionControllerHost): IRadioSelectionControllerHost | null {\n    const currentIndex = group.indexOf(current);\n    if (currentIndex < 0) {\n      return null;\n    }\n    let i = currentIndex;\n    let result: IRadioSelectionControllerHost | null = null;\n    do {\n      i--;\n      if (i === currentIndex) {\n        // looped back from the end, no active element to find.\n        return null;\n      }\n      const item = group[i];\n      if (!item) {\n        i = group.length;\n        continue;\n      }\n      if (!item.disabled) {\n        result = item;\n      }\n    } while (!result);\n    return result;\n  }\n\n  private _findGroup(element: IRadioSelectionControllerHost): IRadioSelectionControllerHost[] {\n    let group: IRadioSelectionControllerHost[];\n    if (element.form) {\n      group = this._findFormGroup(element.name || '', element.form);\n    } else {\n      group = this._findDocumentGroup(element);\n    }\n    return group;\n  }\n\n  /**\n   * @param name The name of the input\n   * @param form The associated form\n   * @returns Ordered list of input group for the same form.\n   */\n  private _findFormGroup(name: string, form: HTMLFormElement): IRadioSelectionControllerHost[] {\n    const group = inputs.filter((node) => {\n      if (node.name !== name) {\n        return false;\n      }\n      if (node.form !== form) {\n        return false;\n      }\n      return true;\n    });\n    return group;\n  }\n\n  /**\n   * @param element The element to find its group\n   * @returns Ordered list of inputs with the same name that don't belong to any form.\n   */\n  private _findDocumentGroup(element: IRadioSelectionControllerHost): IRadioSelectionControllerHost[] {\n    const { name='' } = element;\n    const group = inputs.filter((node) => {\n      if (node.form) {\n        return false;\n      }\n      return name === (node.name || '');\n    });\n    return group;\n  }\n\n  /**\n   * When multiple inputs within the same group have the `required` attribute\n   * then the validation is reported incorrectly on inputs where the `tabindex` was removed from.\n   * This triggers a console error (not an error in a sense of stopping JS execution) that\n   * the form control is not focusable.\n   * This removes the `required` attribute from the input when there's another radio button that has the \n   * required attribute.\n   */\n  clearRequired(): void {\n    const { element } = this;\n    if (!element.required) {\n      return;\n    }\n    const group = this._findGroup(element);\n    let hasPreviousRequired = false;\n    for (let i = 0, len = group.length; i < len; i++) {\n      const item = group[i];\n      if (item === element) {\n        break;\n      }\n      if (item.required && !item.disabled) {\n        hasPreviousRequired = true;\n        break;\n      }\n    }\n    if (hasPreviousRequired) {\n      element.required = false;\n      element.dataset.required = '';\n    }\n  }\n\n  /**\n   * Removes the tabindex attribute from the input when there's another input with\n   * `tabindex` within the same group. This way the user can `tab` to the next input instead\n   * of tabbing through all inputs in the group.\n   * \n   * Note, tabindex values within a group may be different but it has no semantic or logical \n   * meaning as navigation within a group happens with arrows and not tab.\n   * \n   */\n  clearTabindex(): void {\n    const { element } = this;\n    const elementIndex = this._readTabIndex(element);\n    if (elementIndex < 0) {\n      return;\n    }\n    const group = this._findGroup(element);\n    if (group.length < 2) {\n      // noting to clear.\n      return;\n    }\n    let hasFocusableElement = false;\n    for (let i = 0, len = group.length; i < len; i++) {\n      const item = group[i];\n      if (item === element) {\n        break;\n      }\n      if (item.disabled) {\n        continue;\n      }\n      const index = this._readTabIndex(item);\n      if (index >= 0) {\n        hasFocusableElement = true;\n        break;\n      }\n    }\n    if (hasFocusableElement) {\n      element.removeAttribute('tabindex');\n    }\n  }\n\n  protected _readTabIndex(element: HTMLElement): number {\n    const tIndex = element.getAttribute('tabindex');\n    if (!tIndex) {\n      return -1;\n    }\n    const num = Number(tIndex);\n    if (!Number.isInteger(num)) {\n      return -1;\n    }\n    return num;\n  }\n}\n"]}
+{"version":3,"file":"RadioSelectionController.js","sourceRoot":"","sources":["../../../src/ui/controllers/RadioSelectionController.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport interface IRadioSelectionControllerHost extends ReactiveControllerHost, HTMLElement {\n  checked?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  name?: string;\n  value?: string;\n  readonly form: HTMLFormElement | null;\n}\n\n/**\n * An ordered list of inputs added to the document. Selection order depends on that list.\n */\nconst inputs: IRadioSelectionControllerHost[] = [];\n\n/**\n * A controller that groups radios by name and manages selection of a radio input in a group.\n * \n * A group is defined as:\n * - radio inputs with the same name associated with the same form\n * - radio inputs with the same name not associated with any form\n * \n * The radio input must call the `handleSelection()` method on this controller to manage the selection\n * in the group.\n */\nexport class RadioSelectionController implements ReactiveController {\n  constructor(private readonly element: IRadioSelectionControllerHost) {\n    this.element.addController(this);\n  }\n\n  hostConnected(): void {\n    const { element } = this;\n    inputs.push(element);\n  }\n\n  hostDisconnected(): void {\n    const index = inputs.indexOf(this.element);\n    if (index >= 0) {\n      inputs.splice(index, 1);\n    }\n  }\n\n  /**\n   * Selects the current element and deselects other elements in the group.\n   */\n  handleSelection(): void {\n    const { element } = this;\n    const group = this._findGroup(element);\n    const isRequired = group.some(i => !!i.required || typeof i.dataset.required === 'string');\n    for (let i = 0, len = group.length; i < len; i++) {\n      const item = group[i];\n      if (item === element) {\n        item.checked = true;\n        item.setAttribute('tabindex', '0');\n        if (isRequired) {\n          item.required = true;\n        }\n      } else {\n        if (item.required) {\n          item.required = false;\n        }\n        if (item.checked) {\n          item.checked = false;\n        }\n        item.removeAttribute('tabindex');\n      }\n    }\n  }\n\n  /**\n   * A handler for the keydown event. Changes the selection (when there's a selection in the group).\n   */\n  handleKeyDown(e: KeyboardEvent): void {\n    if (['ArrowUp', 'ArrowLeft'].includes(e.code)) {\n      e.preventDefault();\n      this.selectPrevious();\n    } else if (['ArrowDown', 'ArrowRight'].includes(e.code)) {\n      e.preventDefault();\n      this.selectNext();\n    }\n  }\n\n  selectNext(): void {\n    const { element } = this;\n    const group = this._findGroup(element);\n    if (group.length < 2) {\n      // 0 or 1 input, no way to go.\n      return;\n    }\n    const next = this.findNextInput(group, element);\n    if (next) {\n      next.click();\n    }\n  }\n\n  selectPrevious(): void {\n    const { element } = this;\n    const group = this._findGroup(element);\n    if (group.length < 2) {\n      // 0 or 1 input, no way to go.\n      return;\n    }\n    const previous = this.findPreviousInput(group, element);\n    if (previous) {\n      previous.click();\n    }\n  }\n\n  findNextInput(group: IRadioSelectionControllerHost[], current: IRadioSelectionControllerHost): IRadioSelectionControllerHost | null {\n    const currentIndex = group.indexOf(current);\n    if (currentIndex < 0) {\n      return null;\n    }\n    let i = currentIndex;\n    let next: IRadioSelectionControllerHost | null = null;\n    do {\n      i++;\n      if (i === currentIndex) {\n        // looped back from the start, no active element to find.\n        return null;\n      }\n      const item = group[i];\n      if (!item) {\n        i = -1;\n        continue;\n      }\n      if (!item.disabled) {\n        next = item;\n      }\n    } while (!next);\n    return next;\n  }\n\n  findPreviousInput(group: IRadioSelectionControllerHost[], current: IRadioSelectionControllerHost): IRadioSelectionControllerHost | null {\n    const currentIndex = group.indexOf(current);\n    if (currentIndex < 0) {\n      return null;\n    }\n    let i = currentIndex;\n    let result: IRadioSelectionControllerHost | null = null;\n    do {\n      i--;\n      if (i === currentIndex) {\n        // looped back from the end, no active element to find.\n        return null;\n      }\n      const item = group[i];\n      if (!item) {\n        i = group.length;\n        continue;\n      }\n      if (!item.disabled) {\n        result = item;\n      }\n    } while (!result);\n    return result;\n  }\n\n  private _findGroup(element: IRadioSelectionControllerHost): IRadioSelectionControllerHost[] {\n    let group: IRadioSelectionControllerHost[];\n    if (element.form) {\n      group = this._findFormGroup(element.name || '', element.form);\n    } else {\n      group = this._findDocumentGroup(element);\n    }\n    return group;\n  }\n\n  /**\n   * @param name The name of the input\n   * @param form The associated form\n   * @returns Ordered list of input group for the same form.\n   */\n  private _findFormGroup(name: string, form: HTMLFormElement): IRadioSelectionControllerHost[] {\n    const group = inputs.filter((node) => {\n      if (node.name !== name) {\n        return false;\n      }\n      if (node.form !== form) {\n        return false;\n      }\n      return true;\n    });\n    return group;\n  }\n\n  /**\n   * @param element The element to find its group\n   * @returns Ordered list of inputs with the same name that don't belong to any form.\n   */\n  private _findDocumentGroup(element: IRadioSelectionControllerHost): IRadioSelectionControllerHost[] {\n    const { name='' } = element;\n    const group = inputs.filter((node) => {\n      if (node.form) {\n        return false;\n      }\n      return name === (node.name || '');\n    });\n    return group;\n  }\n\n  /**\n   * When multiple inputs within the same group have the `required` attribute\n   * then the validation is reported incorrectly on inputs where the `tabindex` was removed from.\n   * This triggers a console error (not an error in a sense of stopping JS execution) that\n   * the form control is not focusable.\n   * This removes the `required` attribute from the input when there's another radio button that has the \n   * required attribute.\n   */\n  clearRequired(): void {\n    const { element } = this;\n    if (!element.required) {\n      return;\n    }\n    const group = this._findGroup(element);\n    let hasPreviousRequired = false;\n    for (let i = 0, len = group.length; i < len; i++) {\n      const item = group[i];\n      if (item === element) {\n        break;\n      }\n      if (item.required && !item.disabled) {\n        hasPreviousRequired = true;\n        break;\n      }\n    }\n    if (hasPreviousRequired) {\n      element.required = false;\n      element.dataset.required = '';\n    }\n  }\n\n  /**\n   * Removes the tabindex attribute from the input when there's another input with\n   * `tabindex` within the same group. This way the user can `tab` to the next input instead\n   * of tabbing through all inputs in the group.\n   * \n   * Note, tabindex values within a group may be different but it has no semantic or logical \n   * meaning as navigation within a group happens with arrows and not tab.\n   * \n   */\n  clearTabindex(): void {\n    const { element } = this;\n    const elementIndex = this._readTabIndex(element);\n    if (elementIndex < 0) {\n      return;\n    }\n    const group = this._findGroup(element);\n    if (group.length < 2) {\n      // noting to clear.\n      return;\n    }\n    let hasFocusableElement = false;\n    for (let i = 0, len = group.length; i < len; i++) {\n      const item = group[i];\n      if (item === element) {\n        break;\n      }\n      if (item.disabled) {\n        continue;\n      }\n      const index = this._readTabIndex(item);\n      if (index >= 0) {\n        hasFocusableElement = true;\n        break;\n      }\n    }\n    if (hasFocusableElement) {\n      element.removeAttribute('tabindex');\n    }\n  }\n\n  protected _readTabIndex(element: HTMLElement): number {\n    const tIndex = element.getAttribute('tabindex');\n    if (!tIndex) {\n      return -1;\n    }\n    const num = Number(tIndex);\n    if (!Number.isInteger(num)) {\n      return -1;\n    }\n    return num;\n  }\n}\n"]}

package/dist/ui/date/DateTime.js

@@ -45,9 +45,11 @@ export default class DateTime extends HTMLElement {
             'weekday', 'time-zone-name', 'era', 'time-zone', 'hour12', 'itemprop'
         ];
     }
-    _observer = new MutationObserver(() => this._mutationHandler());
     constructor() {
         super();
+        this._observer = new MutationObserver(() => this._mutationHandler());
+        this.__hour12set = null;
+        this.__date = null;
         this.attachShadow({ mode: 'open' });
     }
     connectedCallback() {
@@ -312,7 +314,6 @@ export default class DateTime extends HTMLElement {
             this.removeAttribute('era');
         }
     }
-    __hour12set = null;
     /**
      * Whether to use 12-hour time (as opposed to 24-hour time).
      * Possible values are `true` and `false`; the default is locale
@@ -338,7 +339,6 @@ export default class DateTime extends HTMLElement {
             this.removeAttribute('hour12');
         }
     }
-    __date = null;
     /**
      * A date object to render.
      * It can be a `Date` object, number representing a timestamp