@api-client/ui 0.0.4 → 0.0.7

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

package/dist/ui/date/DateTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../src/ui/date/DateTime.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n/* eslint-disable class-methods-use-this */\n/**\n@license\nCopyright 2016 The Advanced REST client authors <arc@mulesoft.com>\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not\nuse this file except in compliance with the License. You may obtain a copy of\nthe License at\nhttp://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\nWARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\nLicense for the specific language governing permissions and limitations under\nthe License.\n*/\n\nexport type DateTimeTextOptions = \"long\" | \"short\" | \"narrow\";\nexport type DateTimeNumberOptions = \"numeric\" | \"2-digit\";\nexport type DateTimeTimezoneOptions = \"long\" | \"short\";\nexport type DateTimeTextNumberOptions = DateTimeTextOptions | DateTimeNumberOptions;\n\n/**\n * An element to display formatted date and time.\n *\n * The `date` property accepts Date object, Number as a timestamp or string\n * that will be parsed to the Date object.\n *\n * This element uses the `Intl` interface which is available in IE 11+ browsers.\n *\n * To format the date use [Intl.DateTimeFormat]\n * (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat)\n * interface options.\n *\n * The default value for each date-time component property is undefined,\n * but if all component properties are undefined, then year, month, and day\n * are assumed to be \"numeric\" (per spec).\n *\n * ### Example\n *\n * ```html\n * <date-time date=\"2010-12-10T11:50:45Z\" year=\"numeric\" month=\"narrow\" day=\"numeric\"></date-time>\n * ```\n *\n * The element provides accessibility by using the `time` element and setting\n * the `datetime` attribute on it.\n */\nexport default class DateTime extends HTMLElement {\n  static get observedAttributes(): string[] {\n    return [\n      'locales', 'date', 'year', 'month', 'day', 'hour', 'minute', 'second',\n      'weekday', 'time-zone-name', 'era', 'time-zone', 'hour12', 'itemprop'\n    ];\n  }\n\n  protected _observer = new MutationObserver(() => this._mutationHandler());\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  connectedCallback(): void {\n    this._observer.observe(this.shadowRoot as ShadowRoot, {\n      childList: true,\n      characterData: true,\n      subtree: true\n    });\n    this._updateLabel();\n  }\n\n  disconnectedCallback(): void {\n    this._observer.disconnect();\n  }\n\n  _mutationHandler(): void {\n    this.setAttribute('aria-label', (this.shadowRoot as ShadowRoot).textContent || '');\n  }\n\n  /**\n   * A string with a BCP 47 language tag, or an array of such strings.\n   * For the general form and interpretation of the locales argument,\n   * see the Intl page.\n   * The following Unicode extension keys are allowed:\n   * - nu - Numbering system. Possible values include: \"arab\", \"arabext\",\n   * \"bali\", \"beng\", \"deva\", \"fullwide\", \"gujr\", \"guru\", \"hanidec\", \"khmr\",\n   * \"knda\", \"laoo\", \"latn\", \"limb\", \"mlym\", \"mong\", \"mymr\", \"orya\",\n   * \"tamldec\", \"telu\", \"thai\", \"tibt\".\n   * - ca - Calendar. Possible values include: \"buddhist\", \"chinese\",\n   * \"coptic\", \"ethioaa\", \"ethiopic\", \"gregory\", \"hebrew\", \"indian\",\n   * \"islamic\", \"islamicc\", \"iso8601\", \"japanese\", \"persian\", \"roc\".\n   * @attribute\n   */\n  get locales(): string | null {\n    return this.getAttribute('locales');\n  }\n\n  /**\n   * A string with a BCP 47 language tag, or an array of such strings.\n   * For the general form and interpretation of the locales argument,\n   * see the Intl page.\n   * The following Unicode extension keys are allowed:\n   * - nu - Numbering system. Possible values include: \"arab\", \"arabext\",\n   * \"bali\", \"beng\", \"deva\", \"fullwide\", \"gujr\", \"guru\", \"hanidec\", \"khmr\",\n   * \"knda\", \"laoo\", \"latn\", \"limb\", \"mlym\", \"mong\", \"mymr\", \"orya\",\n   * \"tamldec\", \"telu\", \"thai\", \"tibt\".\n   * - ca - Calendar. Possible values include: \"buddhist\", \"chinese\",\n   * \"coptic\", \"ethioaa\", \"ethiopic\", \"gregory\", \"hebrew\", \"indian\",\n   * \"islamic\", \"islamicc\", \"iso8601\", \"japanese\", \"persian\", \"roc\".\n   */\n  set locales(v: string | null) {\n    if (v) {\n      this.setAttribute('locales', v);\n    } else {\n      this.removeAttribute('locales');\n    }\n  }\n\n  /**\n   * The representation of the year.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get year(): DateTimeNumberOptions | null {\n    return this.getAttribute('year') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the year.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set year(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('year', v);\n    } else {\n      this.removeAttribute('year');\n    }\n  }\n\n  /**\n   * The representation of the month.\n   * Possible values are \"numeric\", \"2-digit\", \"narrow\", \"short\", \"long\".\n   * @attribute\n   */\n  get month(): DateTimeTextNumberOptions | null {\n    return this.getAttribute('month') as DateTimeTextNumberOptions;\n  }\n\n  /**\n   * The representation of the month.\n   * @param v Possible values are \"numeric\", \"2-digit\", \"narrow\", \"short\", \"long\".\n   */\n  set month(v: DateTimeTextNumberOptions | null) {\n    if (v) {\n      this.setAttribute('month', v);\n    } else {\n      this.removeAttribute('month');\n    }\n  }\n\n  /**\n   * The representation of the day.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get day(): DateTimeNumberOptions | null {\n    return this.getAttribute('day') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the day.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set day(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('day', v);\n    } else {\n      this.removeAttribute('day');\n    }\n  }\n\n  /**\n   * The representation of the hour.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get hour(): DateTimeNumberOptions | null {\n    return this.getAttribute('hour') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the hour.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set hour(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('hour', v);\n    } else {\n      this.removeAttribute('hour');\n    }\n  }\n\n  /**\n   * The representation of the minute.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get minute(): DateTimeNumberOptions | null {\n    return this.getAttribute('minute') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the minute.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set minute(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('minute', v);\n    } else {\n      this.removeAttribute('minute');\n    }\n  }\n\n  /**\n   * The representation of the second.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get second(): DateTimeNumberOptions | null {\n    return this.getAttribute('second') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the second.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set second(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('second', v);\n    } else {\n      this.removeAttribute('second');\n    }\n  }\n\n  /**\n   * The representation of the weekday.\n   * Possible values are \"narrow\", \"short\", \"long\".\n   * @attribute\n   */\n  get weekday(): DateTimeTextOptions | null {\n    return this.getAttribute('weekday') as DateTimeTextOptions;\n  }\n\n  /**\n   * The representation of the weekday.\n   * @param v Possible values are \"narrow\", \"short\", \"long\".\n   */\n  set weekday(v: DateTimeTextOptions | null) {\n    if (v) {\n      this.setAttribute('weekday', v);\n    } else {\n      this.removeAttribute('weekday');\n    }\n  }\n\n  /**\n   * The representation of the time zone name.\n   *\n   * Possible values are \"short\", \"long\".\n   * @attribute\n   */\n  get timeZoneName(): DateTimeTimezoneOptions | null {\n    return this.getAttribute('time-zone-name') as DateTimeTimezoneOptions;\n  }\n\n  /**\n   * The representation of the time zone name.\n   *\n   * @param v Possible values are \"short\", \"long\".\n   */\n  set timeZoneName(v: DateTimeTimezoneOptions | null) {\n    if (v) {\n      this.setAttribute('time-zone-name', v);\n    } else {\n      this.removeAttribute('time-zone-name');\n    }\n  }\n\n  /**\n   * The time zone to use. The only value implementations must recognize\n   * is \"UTC\"; the default is the runtime's default time zone.\n   * Implementations may also recognize the time zone names of the IANA\n   * time zone database, such as \"Asia/Shanghai\", \"Asia/Kolkata\",\n   * \"America/New_York\".\n   * @attribute\n   */\n  get timeZone(): string | null {\n    return this.getAttribute('time-zone');\n  }\n\n  /**\n   * The time zone to use. The only value implementations must recognize\n   * is \"UTC\"; the default is the runtime's default time zone.\n   * Implementations may also recognize the time zone names of the IANA\n   * time zone database, such as \"Asia/Shanghai\", \"Asia/Kolkata\",\n   * \"America/New_York\".\n   */\n  set timeZone(v: string | null) {\n    if (v) {\n      this.setAttribute('time-zone', v);\n    } else {\n      this.removeAttribute('time-zone');\n    }\n  }\n\n  /**\n   * The representation of the era.\n   *\n   * Possible values are \"narrow\", \"short\", \"long\".\n   * @attribute\n   */\n  get era(): DateTimeTextOptions | null {\n    return this.getAttribute('era') as DateTimeTextOptions;\n  }\n\n  /**\n   * The representation of the era.\n   *\n   * @param v Possible values are \"narrow\", \"short\", \"long\".\n   */\n  set era(v: DateTimeTextOptions | null) {\n    if (v) {\n      this.setAttribute('era', v);\n    } else {\n      this.removeAttribute('era');\n    }\n  }\n\n  private __hour12set: boolean | null = null;\n\n  /**\n   * Whether to use 12-hour time (as opposed to 24-hour time).\n   * Possible values are `true` and `false`; the default is locale\n   * dependent.\n   */\n  get hour12(): boolean | null {\n    if (!this.hasAttribute('hour12') && !this.__hour12set) {\n      return null;\n    }\n    return this.hasAttribute('hour12');\n  }\n\n  /**\n   * Whether to use 12-hour time (as opposed to 24-hour time).\n   * Possible values are `true` and `false`; the default is locale\n   * dependent.\n   */\n  set hour12(v: boolean | null) {\n    this.__hour12set = true;\n    if (v) {\n      this.setAttribute('hour12', '');\n    } else {\n      this.removeAttribute('hour12');\n    }\n  }\n\n  private __date: Date | string | number | null = null;\n\n  /**\n   * A date object to render.\n   * It can be a `Date` object, number representing a timestamp\n   * or valid date string. The argument is parsed by `Date` constructor\n   * to produce the value.\n   * @attribute\n   */\n  get date(): Date | string | number | null {\n    if (this.__date) {\n      return this.__date;\n    }\n    return this.getAttribute('date');\n  }\n\n  /**\n   * A date object to render.\n   * It can be a `Date` object, number representing a timestamp\n   * or valid date string. The argument is parsed by `Date` constructor\n   * to produce the value.\n   *\n   * @param {Date|string|number} v The date to render\n   */\n  set date(v: Date | string | number | null) {\n    this.__date = v;\n    if (typeof v === 'string') {\n      this.setAttribute('date', v);\n    } else {\n      this._updateLabel();\n    }\n  }\n\n  get itemprop(): string | null {\n    return this._getTimeNode().getAttribute('itemprop');\n  }\n\n  set itemprop(value: string | null) {\n    const old = this.itemprop;\n    if (old === value) {\n      return;\n    }\n    if (old && value === null) {\n      // This setter moves attribute from this element to \"<time>\" element.\n      // When the attribute is removed from this then it becomes null.\n      return;\n    }\n    const node = this._getTimeNode();\n    if (value) {\n      node.setAttribute('itemprop', value);\n      this.removeAttribute('itemprop');\n    } else {\n      node.removeAttribute('itemprop');\n    }\n  }\n\n  attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    if (name === 'itemprop') {\n      this[name] = newValue;\n      return;\n    }\n    this._updateLabel();\n  }\n\n  /**\n   * Parses input `date` to a Date object.\n   * @param date A date to parse\n   */\n  protected _getParsableDate(date: string | number | Date | null): Date {\n    if (!date) {\n      date = new Date();\n    } else if (typeof date === 'string') {\n      try {\n        date = new Date(date);\n        if (Number.isNaN(date.getDate())) {\n          date = new Date();\n        }\n      } catch (e) {\n        date = new Date();\n      }\n    } else if (!Number.isNaN(date)) {\n      date = new Date(date);\n    } else if (!(date instanceof Date)) {\n      date = new Date();\n    }\n    return date;\n  }\n\n  _getIntlOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n    if (this.year) {\n      options.year = this.year;\n    }\n    if (this.month) {\n      options.month = this.month;\n    }\n    if (this.day) {\n      options.day = this.day;\n    }\n    if (this.hour) {\n      options.hour = this.hour;\n    }\n    if (this.minute) {\n      options.minute = this.minute;\n    }\n    if (this.second) {\n      options.second = this.second;\n    }\n    if (this.weekday) {\n      options.weekday = this.weekday;\n    }\n    if (this.era) {\n      options.era = this.era;\n    }\n    if (this.timeZoneName) {\n      options.timeZoneName = this.timeZoneName;\n    }\n    if (this.timeZone) {\n      options.timeZone = this.timeZone;\n    }\n    if (this.hour12 !== undefined && this.hour12 !== null) {\n      options.hour12 = this.hour12;\n    }\n    return options;\n  }\n\n  /**\n   * @returns A reference to a `<time>` element that is in the shadow DOM of this element.\n   */\n  _getTimeNode(): HTMLTimeElement {\n    const root = this.shadowRoot as ShadowRoot;\n    let node = root.querySelector('time');\n    if (!node) {\n      node = document.createElement('time');\n      root.appendChild(node);\n    }\n    return node;\n  }\n\n  _updateLabel(): void {\n    if (!this.parentElement) {\n      return;\n    }\n    const date = this._getParsableDate(this.date);\n    const node = this._getTimeNode();\n    node.setAttribute('datetime', date.toISOString());\n    /* istanbul ignore if */\n    if (typeof Intl === 'undefined') {\n      node.innerText = date.toString();\n      return;\n    }\n    let locales;\n    if (this.locales) {\n      locales = this.locales;\n    }\n    const options = this._getIntlOptions();\n    const value = new Intl.DateTimeFormat(locales, options).format(date);\n    node.innerText = value;\n  }\n}\n"]}
+{"version":3,"file":"DateTime.js","sourceRoot":"","sources":["../../../src/ui/date/DateTime.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-param-reassign */\n/* eslint-disable class-methods-use-this */\n/**\n@license\nCopyright 2016 The Advanced REST client authors <arc@mulesoft.com>\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not\nuse this file except in compliance with the License. You may obtain a copy of\nthe License at\nhttp://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\nWARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\nLicense for the specific language governing permissions and limitations under\nthe License.\n*/\n\nexport type DateTimeTextOptions = \"long\" | \"short\" | \"narrow\";\nexport type DateTimeNumberOptions = \"numeric\" | \"2-digit\";\nexport type DateTimeTimezoneOptions = \"long\" | \"short\";\nexport type DateTimeTextNumberOptions = DateTimeTextOptions | DateTimeNumberOptions;\n\n/**\n * An element to display formatted date and time.\n *\n * The `date` property accepts Date object, Number as a timestamp or string\n * that will be parsed to the Date object.\n *\n * This element uses the `Intl` interface which is available in IE 11+ browsers.\n *\n * To format the date use [Intl.DateTimeFormat]\n * (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/DateTimeFormat)\n * interface options.\n *\n * The default value for each date-time component property is undefined,\n * but if all component properties are undefined, then year, month, and day\n * are assumed to be \"numeric\" (per spec).\n *\n * ### Example\n *\n * ```html\n * <date-time date=\"2010-12-10T11:50:45Z\" year=\"numeric\" month=\"narrow\" day=\"numeric\"></date-time>\n * ```\n *\n * The element provides accessibility by using the `time` element and setting\n * the `datetime` attribute on it.\n */\nexport default class DateTime extends HTMLElement {\n  static get observedAttributes(): string[] {\n    return [\n      'locales', 'date', 'year', 'month', 'day', 'hour', 'minute', 'second',\n      'weekday', 'time-zone-name', 'era', 'time-zone', 'hour12', 'itemprop'\n    ];\n  }\n\n  protected _observer = new MutationObserver(() => this._mutationHandler());\n\n  constructor() {\n    super();\n    this.attachShadow({ mode: 'open' });\n  }\n\n  connectedCallback(): void {\n    this._observer.observe(this.shadowRoot as ShadowRoot, {\n      childList: true,\n      characterData: true,\n      subtree: true\n    });\n    this._updateLabel();\n  }\n\n  disconnectedCallback(): void {\n    this._observer.disconnect();\n  }\n\n  _mutationHandler(): void {\n    this.setAttribute('aria-label', (this.shadowRoot as ShadowRoot).textContent || '');\n  }\n\n  /**\n   * A string with a BCP 47 language tag, or an array of such strings.\n   * For the general form and interpretation of the locales argument,\n   * see the Intl page.\n   * The following Unicode extension keys are allowed:\n   * - nu - Numbering system. Possible values include: \"arab\", \"arabext\",\n   * \"bali\", \"beng\", \"deva\", \"fullwide\", \"gujr\", \"guru\", \"hanidec\", \"khmr\",\n   * \"knda\", \"laoo\", \"latn\", \"limb\", \"mlym\", \"mong\", \"mymr\", \"orya\",\n   * \"tamldec\", \"telu\", \"thai\", \"tibt\".\n   * - ca - Calendar. Possible values include: \"buddhist\", \"chinese\",\n   * \"coptic\", \"ethioaa\", \"ethiopic\", \"gregory\", \"hebrew\", \"indian\",\n   * \"islamic\", \"islamicc\", \"iso8601\", \"japanese\", \"persian\", \"roc\".\n   * @attribute\n   */\n  get locales(): string | null {\n    return this.getAttribute('locales');\n  }\n\n  /**\n   * A string with a BCP 47 language tag, or an array of such strings.\n   * For the general form and interpretation of the locales argument,\n   * see the Intl page.\n   * The following Unicode extension keys are allowed:\n   * - nu - Numbering system. Possible values include: \"arab\", \"arabext\",\n   * \"bali\", \"beng\", \"deva\", \"fullwide\", \"gujr\", \"guru\", \"hanidec\", \"khmr\",\n   * \"knda\", \"laoo\", \"latn\", \"limb\", \"mlym\", \"mong\", \"mymr\", \"orya\",\n   * \"tamldec\", \"telu\", \"thai\", \"tibt\".\n   * - ca - Calendar. Possible values include: \"buddhist\", \"chinese\",\n   * \"coptic\", \"ethioaa\", \"ethiopic\", \"gregory\", \"hebrew\", \"indian\",\n   * \"islamic\", \"islamicc\", \"iso8601\", \"japanese\", \"persian\", \"roc\".\n   */\n  set locales(v: string | null) {\n    if (v) {\n      this.setAttribute('locales', v);\n    } else {\n      this.removeAttribute('locales');\n    }\n  }\n\n  /**\n   * The representation of the year.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get year(): DateTimeNumberOptions | null {\n    return this.getAttribute('year') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the year.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set year(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('year', v);\n    } else {\n      this.removeAttribute('year');\n    }\n  }\n\n  /**\n   * The representation of the month.\n   * Possible values are \"numeric\", \"2-digit\", \"narrow\", \"short\", \"long\".\n   * @attribute\n   */\n  get month(): DateTimeTextNumberOptions | null {\n    return this.getAttribute('month') as DateTimeTextNumberOptions;\n  }\n\n  /**\n   * The representation of the month.\n   * @param v Possible values are \"numeric\", \"2-digit\", \"narrow\", \"short\", \"long\".\n   */\n  set month(v: DateTimeTextNumberOptions | null) {\n    if (v) {\n      this.setAttribute('month', v);\n    } else {\n      this.removeAttribute('month');\n    }\n  }\n\n  /**\n   * The representation of the day.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get day(): DateTimeNumberOptions | null {\n    return this.getAttribute('day') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the day.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set day(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('day', v);\n    } else {\n      this.removeAttribute('day');\n    }\n  }\n\n  /**\n   * The representation of the hour.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get hour(): DateTimeNumberOptions | null {\n    return this.getAttribute('hour') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the hour.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set hour(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('hour', v);\n    } else {\n      this.removeAttribute('hour');\n    }\n  }\n\n  /**\n   * The representation of the minute.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get minute(): DateTimeNumberOptions | null {\n    return this.getAttribute('minute') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the minute.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set minute(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('minute', v);\n    } else {\n      this.removeAttribute('minute');\n    }\n  }\n\n  /**\n   * The representation of the second.\n   * Possible values are \"numeric\", \"2-digit\".\n   * @attribute\n   */\n  get second(): DateTimeNumberOptions | null {\n    return this.getAttribute('second') as DateTimeNumberOptions;\n  }\n\n  /**\n   * The representation of the second.\n   * @param v Possible values are \"numeric\", \"2-digit\".\n   */\n  set second(v: DateTimeNumberOptions | null) {\n    if (v) {\n      this.setAttribute('second', v);\n    } else {\n      this.removeAttribute('second');\n    }\n  }\n\n  /**\n   * The representation of the weekday.\n   * Possible values are \"narrow\", \"short\", \"long\".\n   * @attribute\n   */\n  get weekday(): DateTimeTextOptions | null {\n    return this.getAttribute('weekday') as DateTimeTextOptions;\n  }\n\n  /**\n   * The representation of the weekday.\n   * @param v Possible values are \"narrow\", \"short\", \"long\".\n   */\n  set weekday(v: DateTimeTextOptions | null) {\n    if (v) {\n      this.setAttribute('weekday', v);\n    } else {\n      this.removeAttribute('weekday');\n    }\n  }\n\n  /**\n   * The representation of the time zone name.\n   *\n   * Possible values are \"short\", \"long\".\n   * @attribute\n   */\n  get timeZoneName(): DateTimeTimezoneOptions | null {\n    return this.getAttribute('time-zone-name') as DateTimeTimezoneOptions;\n  }\n\n  /**\n   * The representation of the time zone name.\n   *\n   * @param v Possible values are \"short\", \"long\".\n   */\n  set timeZoneName(v: DateTimeTimezoneOptions | null) {\n    if (v) {\n      this.setAttribute('time-zone-name', v);\n    } else {\n      this.removeAttribute('time-zone-name');\n    }\n  }\n\n  /**\n   * The time zone to use. The only value implementations must recognize\n   * is \"UTC\"; the default is the runtime's default time zone.\n   * Implementations may also recognize the time zone names of the IANA\n   * time zone database, such as \"Asia/Shanghai\", \"Asia/Kolkata\",\n   * \"America/New_York\".\n   * @attribute\n   */\n  get timeZone(): string | null {\n    return this.getAttribute('time-zone');\n  }\n\n  /**\n   * The time zone to use. The only value implementations must recognize\n   * is \"UTC\"; the default is the runtime's default time zone.\n   * Implementations may also recognize the time zone names of the IANA\n   * time zone database, such as \"Asia/Shanghai\", \"Asia/Kolkata\",\n   * \"America/New_York\".\n   */\n  set timeZone(v: string | null) {\n    if (v) {\n      this.setAttribute('time-zone', v);\n    } else {\n      this.removeAttribute('time-zone');\n    }\n  }\n\n  /**\n   * The representation of the era.\n   *\n   * Possible values are \"narrow\", \"short\", \"long\".\n   * @attribute\n   */\n  get era(): DateTimeTextOptions | null {\n    return this.getAttribute('era') as DateTimeTextOptions;\n  }\n\n  /**\n   * The representation of the era.\n   *\n   * @param v Possible values are \"narrow\", \"short\", \"long\".\n   */\n  set era(v: DateTimeTextOptions | null) {\n    if (v) {\n      this.setAttribute('era', v);\n    } else {\n      this.removeAttribute('era');\n    }\n  }\n\n  private __hour12set: boolean | null = null;\n\n  /**\n   * Whether to use 12-hour time (as opposed to 24-hour time).\n   * Possible values are `true` and `false`; the default is locale\n   * dependent.\n   */\n  get hour12(): boolean | null {\n    if (!this.hasAttribute('hour12') && !this.__hour12set) {\n      return null;\n    }\n    return this.hasAttribute('hour12');\n  }\n\n  /**\n   * Whether to use 12-hour time (as opposed to 24-hour time).\n   * Possible values are `true` and `false`; the default is locale\n   * dependent.\n   */\n  set hour12(v: boolean | null) {\n    this.__hour12set = true;\n    if (v) {\n      this.setAttribute('hour12', '');\n    } else {\n      this.removeAttribute('hour12');\n    }\n  }\n\n  private __date: Date | string | number | null = null;\n\n  /**\n   * A date object to render.\n   * It can be a `Date` object, number representing a timestamp\n   * or valid date string. The argument is parsed by `Date` constructor\n   * to produce the value.\n   * @attribute\n   */\n  get date(): Date | string | number | null {\n    if (this.__date) {\n      return this.__date;\n    }\n    return this.getAttribute('date');\n  }\n\n  /**\n   * A date object to render.\n   * It can be a `Date` object, number representing a timestamp\n   * or valid date string. The argument is parsed by `Date` constructor\n   * to produce the value.\n   *\n   * @param {Date|string|number} v The date to render\n   */\n  set date(v: Date | string | number | null) {\n    this.__date = v;\n    if (typeof v === 'string') {\n      this.setAttribute('date', v);\n    } else {\n      this._updateLabel();\n    }\n  }\n\n  get itemprop(): string | null {\n    return this._getTimeNode().getAttribute('itemprop');\n  }\n\n  set itemprop(value: string | null) {\n    const old = this.itemprop;\n    if (old === value) {\n      return;\n    }\n    if (old && value === null) {\n      // This setter moves attribute from this element to \"<time>\" element.\n      // When the attribute is removed from this then it becomes null.\n      return;\n    }\n    const node = this._getTimeNode();\n    if (value) {\n      node.setAttribute('itemprop', value);\n      this.removeAttribute('itemprop');\n    } else {\n      node.removeAttribute('itemprop');\n    }\n  }\n\n  attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    if (name === 'itemprop') {\n      this[name] = newValue;\n      return;\n    }\n    this._updateLabel();\n  }\n\n  /**\n   * Parses input `date` to a Date object.\n   * @param date A date to parse\n   */\n  protected _getParsableDate(date: string | number | Date | null): Date {\n    if (!date) {\n      date = new Date();\n    } else if (typeof date === 'string') {\n      try {\n        date = new Date(date);\n        if (Number.isNaN(date.getDate())) {\n          date = new Date();\n        }\n      } catch (e) {\n        date = new Date();\n      }\n    } else if (!Number.isNaN(date)) {\n      date = new Date(date);\n    } else if (!(date instanceof Date)) {\n      date = new Date();\n    }\n    return date;\n  }\n\n  _getIntlOptions(): Intl.DateTimeFormatOptions {\n    const options: Intl.DateTimeFormatOptions = {};\n    if (this.year) {\n      options.year = this.year;\n    }\n    if (this.month) {\n      options.month = this.month;\n    }\n    if (this.day) {\n      options.day = this.day;\n    }\n    if (this.hour) {\n      options.hour = this.hour;\n    }\n    if (this.minute) {\n      options.minute = this.minute;\n    }\n    if (this.second) {\n      options.second = this.second;\n    }\n    if (this.weekday) {\n      options.weekday = this.weekday;\n    }\n    if (this.era) {\n      options.era = this.era;\n    }\n    if (this.timeZoneName) {\n      options.timeZoneName = this.timeZoneName;\n    }\n    if (this.timeZone) {\n      options.timeZone = this.timeZone;\n    }\n    if (this.hour12 !== undefined && this.hour12 !== null) {\n      options.hour12 = this.hour12;\n    }\n    return options;\n  }\n\n  /**\n   * @returns A reference to a `<time>` element that is in the shadow DOM of this element.\n   */\n  _getTimeNode(): HTMLTimeElement {\n    const root = this.shadowRoot as ShadowRoot;\n    let node = root.querySelector('time');\n    if (!node) {\n      node = document.createElement('time');\n      root.appendChild(node);\n    }\n    return node;\n  }\n\n  _updateLabel(): void {\n    if (!this.parentElement) {\n      return;\n    }\n    const date = this._getParsableDate(this.date);\n    const node = this._getTimeNode();\n    node.setAttribute('datetime', date.toISOString());\n    /* istanbul ignore if */\n    if (typeof Intl === 'undefined') {\n      node.innerText = date.toString();\n      return;\n    }\n    let locales;\n    if (this.locales) {\n      locales = this.locales;\n    }\n    const options = this._getIntlOptions();\n    const value = new Intl.DateTimeFormat(locales, options).format(date);\n    node.innerText = value;\n  }\n}\n"]}

package/dist/ui/dialog/UiDialog.d.ts

@@ -69,6 +69,9 @@ export default class UiDialog extends UiElement {
     set disabled(value: boolean);
     /**
      * Opens the dialog as modal when toggling dialog's open state.
+     *
+     * Setting this value after the dialog was opened has no effect.
+     *
      * @attribute
      */
     modal: boolean;