@carbon/web-components 2.10.0 → 2.11.0-rc.1

package/es/components/notification/inline-notification.d.ts

@@ -35,11 +35,11 @@ declare const CDSInlineNotification_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): boolean;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+        togglePopover(force?: boolean): boolean;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;
@@ -64,10 +64,10 @@ declare const CDSInlineNotification_base: {
         slot: string;
         readonly tagName: string;
         attachShadow(init: ShadowRootInit): ShadowRoot;
-        checkVisibility(options?: CheckVisibilityOptions | undefined): boolean;
-        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2] | null;
-        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
-        closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
+        checkVisibility(options?: CheckVisibilityOptions): boolean;
+        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
+        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
+        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
         computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
@@ -78,10 +78,10 @@ declare const CDSInlineNotification_base: {
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_5 extends keyof HTMLElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<HTMLElementTagNameMap[K_5]>;
-        getElementsByTagName<K_6 extends keyof SVGElementTagNameMap>(qualifiedName: K_6): HTMLCollectionOf<SVGElementTagNameMap[K_6]>;
-        getElementsByTagName<K_7 extends keyof MathMLElementTagNameMap>(qualifiedName: K_7): HTMLCollectionOf<MathMLElementTagNameMap[K_7]>;
-        getElementsByTagName<K_8 extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K_8): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K_8]>;
+        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
+        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
         getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
@@ -99,21 +99,22 @@ declare const CDSInlineNotification_base: {
         removeAttribute(qualifiedName: string): void;
         removeAttributeNS(namespace: string | null, localName: string): void;
         removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
+        requestFullscreen(options?: FullscreenOptions): Promise<void>;
         requestPointerLock(): void;
-        scroll(options?: ScrollToOptions | undefined): void;
+        scroll(options?: ScrollToOptions): void;
         scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions | undefined): void;
+        scrollBy(options?: ScrollToOptions): void;
         scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
-        scrollTo(options?: ScrollToOptions | undefined): void;
+        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
+        scrollTo(options?: ScrollToOptions): void;
         scrollTo(x: number, y: number): void;
         setAttribute(qualifiedName: string, value: string): void;
         setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
         setAttributeNode(attr: Attr): Attr | null;
         setAttributeNodeNS(attr: Attr): Attr | null;
+        setHTMLUnsafe(html: string): void;
         setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean | undefined): boolean;
+        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
         webkitMatchesSelector(selectors: string): boolean;
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
@@ -129,20 +130,20 @@ declare const CDSInlineNotification_base: {
         readonly previousSibling: ChildNode | null;
         textContent: string | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean | undefined): Node;
+        cloneNode(deep?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions | undefined): Node;
+        getRootNode(options?: GetRootNodeOptions): Node;
         hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
+        insertBefore<T extends Node>(node: T, child: Node | null): T;
         isDefaultNamespace(namespace: string | null): boolean;
         isEqualNode(otherNode: Node | null): boolean;
         isSameNode(otherNode: Node | null): boolean;
         lookupNamespaceURI(prefix: string | null): string | null;
         lookupPrefix(namespace: string | null): string | null;
         normalize(): void;
-        removeChild<T_2 extends Node>(child: T_2): T_2;
-        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
+        removeChild<T extends Node>(child: T): T;
+        replaceChild<T extends Node>(node: Node, child: T): T;
         readonly ELEMENT_NODE: 1;
         readonly ATTRIBUTE_NODE: 2;
         readonly TEXT_NODE: 3;
@@ -164,6 +165,8 @@ declare const CDSInlineNotification_base: {
         dispatchEvent(event: Event): boolean;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
+        ariaBrailleLabel: string | null;
+        ariaBrailleRoleDescription: string | null;
         ariaBusy: string | null;
         ariaChecked: string | null;
         ariaColCount: string | null;
@@ -201,12 +204,12 @@ declare const CDSInlineNotification_base: {
         ariaValueNow: string | null;
         ariaValueText: string | null;
         role: string | null;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined): Animation;
-        getAnimations(options?: GetAnimationsOptions | undefined): Animation[];
-        after(...nodes: (string | Node)[]): void;
-        before(...nodes: (string | Node)[]): void;
+        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
+        getAnimations(options?: GetAnimationsOptions): Animation[];
+        after(...nodes: (Node | string)[]): void;
+        before(...nodes: (Node | string)[]): void;
         remove(): void;
-        replaceWith(...nodes: (string | Node)[]): void;
+        replaceWith(...nodes: (Node | string)[]): void;
         innerHTML: string;
         readonly nextElementSibling: Element | null;
         readonly previousElementSibling: Element | null;
@@ -214,19 +217,19 @@ declare const CDSInlineNotification_base: {
         readonly children: HTMLCollection;
         readonly firstElementChild: Element | null;
         readonly lastElementChild: Element | null;
-        append(...nodes: (string | Node)[]): void;
-        prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_9 extends keyof HTMLElementTagNameMap>(selectors: K_9): HTMLElementTagNameMap[K_9] | null;
-        querySelector<K_10 extends keyof SVGElementTagNameMap>(selectors: K_10): SVGElementTagNameMap[K_10] | null;
-        querySelector<K_11 extends keyof MathMLElementTagNameMap>(selectors: K_11): MathMLElementTagNameMap[K_11] | null;
-        querySelector<K_12 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_12): HTMLElementDeprecatedTagNameMap[K_12] | null;
-        querySelector<E_1 extends Element = Element>(selectors: string): E_1 | null;
-        querySelectorAll<K_13 extends keyof HTMLElementTagNameMap>(selectors: K_13): NodeListOf<HTMLElementTagNameMap[K_13]>;
-        querySelectorAll<K_14 extends keyof SVGElementTagNameMap>(selectors: K_14): NodeListOf<SVGElementTagNameMap[K_14]>;
-        querySelectorAll<K_15 extends keyof MathMLElementTagNameMap>(selectors: K_15): NodeListOf<MathMLElementTagNameMap[K_15]>;
-        querySelectorAll<K_16 extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K_16): NodeListOf<HTMLElementDeprecatedTagNameMap[K_16]>;
-        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
-        replaceChildren(...nodes: (string | Node)[]): void;
+        append(...nodes: (Node | string)[]): void;
+        prepend(...nodes: (Node | string)[]): void;
+        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
+        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
+        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
+        querySelector<E extends Element = Element>(selectors: string): E | null;
+        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
+        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
+        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
+        replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
@@ -297,7 +300,7 @@ declare const CDSInlineNotification_base: {
         onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any) | null;
+        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
         onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
@@ -332,7 +335,7 @@ declare const CDSInlineNotification_base: {
         onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
         autofocus: boolean;
         readonly dataset: DOMStringMap;
-        nonce?: string | undefined;
+        nonce?: string;
         tabIndex: number;
         blur(): void;
     };

package/es/components/notification/inline-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-notification.js","names":["CheckmarkFilled20","Close16","ErrorFilled20","InformationFilled20","InformationSquareFilled20","WarningFilled20","WarningAltFilled20","LitElement","html","svg","property","ifDefined","prefix","carbonElement","customElement","FocusMixin","NOTIFICATION_KIND","NOTIFICATION_TYPE","styles","iconsForKinds","SUCCESS","INFO","INFO_SQUARE","WARNING","WARNING_ALT","ERROR","CDSInlineNotification","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","INLINE","_cancelTimeout","timeoutID","clearTimeout","_timeoutID","_initializeTimeout","timeout","setTimeout","_handleUserOrTimerInitiatedClose","bind","_handleClickCloseButton","target","triggeredBy","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","_renderButton","ariaLabel","_type","type","handleClickCloseButton","_t","_","class","_renderText","subtitle","title","_t2","_renderIcon","statusIconDescription","icon","undefined","children","_t3","decorators","attribute","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","openChanged","has","timeoutChanged","render","_t4","static"],"sources":["components/notification/inline-notification.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';\nimport styles from './inline-notification.scss';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\n  [NOTIFICATION_KIND.SUCCESS]: CheckmarkFilled20,\n  [NOTIFICATION_KIND.INFO]: InformationFilled20,\n  [NOTIFICATION_KIND.INFO_SQUARE]: InformationSquareFilled20,\n  [NOTIFICATION_KIND.WARNING]: WarningFilled20,\n  [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,\n  [NOTIFICATION_KIND.ERROR]: ErrorFilled20,\n};\n\n/**\n * Inline notification.\n *\n * @element cds-inline-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-inline-notification`)\nclass CDSInlineNotification extends FocusMixin(LitElement) {\n  /**\n   * Current timeout identifier\n   */\n  protected _timeoutID: number | null = null;\n\n  /**\n   * Notification type.\n   */\n  protected _type = NOTIFICATION_TYPE.INLINE;\n\n  /**\n   * Cancels the current timeout configured for the notification\n   *\n   * @param timeoutID current timeout's identifier\n   */\n  protected _cancelTimeout(timeoutID: number) {\n    clearTimeout(timeoutID);\n    this._timeoutID = null;\n  }\n\n  /**\n   * Overrides (if exists) the timeout to close the notification\n   *\n   * @param timeout the time in ms\n   */\n  protected _initializeTimeout(timeout: number) {\n    if (this._timeoutID) {\n      this._cancelTimeout(this._timeoutID);\n    }\n    this._timeoutID = setTimeout(\n      this._handleUserOrTimerInitiatedClose.bind(this, null),\n      timeout\n    ) as unknown as number;\n  }\n\n  /**\n   * Handles `click` event on the close button.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClickCloseButton({ target }: MouseEvent) {\n    this._handleUserOrTimerInitiatedClose(target);\n  }\n\n  /**\n   * Handles user-initiated or through timer close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request, if there is one.\n   */\n  protected _handleUserOrTimerInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  /**\n   * @returns The template part for the close button.\n   */\n  protected _renderButton() {\n    const {\n      ariaLabel,\n      _type: type,\n      _handleClickCloseButton: handleClickCloseButton,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        class=\"${prefix}--${type}-notification__close-button\"\n        aria-label=${ifDefined(ariaLabel)}\n        title=${ifDefined(ariaLabel)}\n        @click=\"${handleClickCloseButton}\">\n        ${Close16({\n          class: `${prefix}--${type}-notification__close-icon`,\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * @returns The template part for the text contents.\n   */\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <p class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </p>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The template part for the icon.\n   */\n  protected _renderIcon() {\n    const { statusIconDescription, kind, _type: type } = this;\n    const { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${type}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\n        });\n  }\n\n  /**\n   * Provide a description for \"close\" icon button that can be read by screen readers\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel!: string;\n\n  /**\n   * `true` to hide the close button.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  /**\n   * Provide a description for \"status\" icon that can be read by screen readers\n   */\n  @property({ attribute: 'status-icon-description' })\n  statusIconDescription!: string;\n\n  /**\n   * Notification kind.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.SUCCESS;\n\n  /**\n   * Low contrast mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  /**\n   * `true` if the notification should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * Specify an optional duration the notification should be closed in\n   */\n  @property({ type: Number, reflect: true })\n  timeout: number | null = null;\n\n  /**\n   * The subtitle.\n   */\n  @property()\n  subtitle = '';\n\n  /**\n   * The title.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alert');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    const openChanged = changedProperties.has('open');\n    const timeoutChanged = changedProperties.has('timeout');\n\n    if (openChanged || timeoutChanged) {\n      if (this.open && this.timeout) {\n        this._initializeTimeout(this.timeout);\n      } else if (!this.open && this._timeoutID) {\n        this._cancelTimeout(this._timeoutID);\n      }\n    }\n  }\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderIcon()}${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this notification is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this notification.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-notification-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this notification is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-notification-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineNotification;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"inline-notification.js","names":["CheckmarkFilled20","Close16","ErrorFilled20","InformationFilled20","InformationSquareFilled20","WarningFilled20","WarningAltFilled20","LitElement","html","svg","property","ifDefined","prefix","carbonElement","customElement","FocusMixin","NOTIFICATION_KIND","NOTIFICATION_TYPE","styles","iconsForKinds","SUCCESS","INFO","INFO_SQUARE","WARNING","WARNING_ALT","ERROR","CDSInlineNotification","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","INLINE","_cancelTimeout","timeoutID","clearTimeout","_timeoutID","_initializeTimeout","timeout","setTimeout","_handleUserOrTimerInitiatedClose","bind","_handleClickCloseButton","target","triggeredBy","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","_renderButton","ariaLabel","_type","type","handleClickCloseButton","_t","_","class","_renderText","subtitle","title","_t2","_renderIcon","statusIconDescription","icon","undefined","children","_t3","decorators","attribute","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","openChanged","has","timeoutChanged","render","_t4","static"],"sources":["components/notification/inline-notification.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';\nimport styles from './inline-notification.scss';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\n  [NOTIFICATION_KIND.SUCCESS]: CheckmarkFilled20,\n  [NOTIFICATION_KIND.INFO]: InformationFilled20,\n  [NOTIFICATION_KIND.INFO_SQUARE]: InformationSquareFilled20,\n  [NOTIFICATION_KIND.WARNING]: WarningFilled20,\n  [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,\n  [NOTIFICATION_KIND.ERROR]: ErrorFilled20,\n};\n\n/**\n * Inline notification.\n *\n * @element cds-inline-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-inline-notification`)\nclass CDSInlineNotification extends FocusMixin(LitElement) {\n  /**\n   * Current timeout identifier\n   */\n  protected _timeoutID: number | null = null;\n\n  /**\n   * Notification type.\n   */\n  protected _type = NOTIFICATION_TYPE.INLINE;\n\n  /**\n   * Cancels the current timeout configured for the notification\n   *\n   * @param timeoutID current timeout's identifier\n   */\n  protected _cancelTimeout(timeoutID: number) {\n    clearTimeout(timeoutID);\n    this._timeoutID = null;\n  }\n\n  /**\n   * Overrides (if exists) the timeout to close the notification\n   *\n   * @param timeout the time in ms\n   */\n  protected _initializeTimeout(timeout: number) {\n    if (this._timeoutID) {\n      this._cancelTimeout(this._timeoutID);\n    }\n    this._timeoutID = setTimeout(\n      this._handleUserOrTimerInitiatedClose.bind(this, null),\n      timeout\n    ) as unknown as number;\n  }\n\n  /**\n   * Handles `click` event on the close button.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClickCloseButton({ target }: MouseEvent) {\n    this._handleUserOrTimerInitiatedClose(target);\n  }\n\n  /**\n   * Handles user-initiated or through timer close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request, if there is one.\n   */\n  protected _handleUserOrTimerInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          triggeredBy,\n        },\n      };\n      if (\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  /**\n   * @returns The template part for the close button.\n   */\n  protected _renderButton() {\n    const {\n      ariaLabel,\n      _type: type,\n      _handleClickCloseButton: handleClickCloseButton,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        class=\"${prefix}--${type}-notification__close-button\"\n        aria-label=${ifDefined(ariaLabel)}\n        title=${ifDefined(ariaLabel)}\n        @click=\"${handleClickCloseButton}\">\n        ${Close16({\n          class: `${prefix}--${type}-notification__close-icon`,\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * @returns The template part for the text contents.\n   */\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <p class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </p>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The template part for the icon.\n   */\n  protected _renderIcon() {\n    const { statusIconDescription, kind, _type: type } = this;\n    const { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${type}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\n        });\n  }\n\n  /**\n   * Provide a description for \"close\" icon button that can be read by screen readers\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel!: string;\n\n  /**\n   * `true` to hide the close button.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  /**\n   * Provide a description for \"status\" icon that can be read by screen readers\n   */\n  @property({ attribute: 'status-icon-description' })\n  statusIconDescription!: string;\n\n  /**\n   * Notification kind.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.SUCCESS;\n\n  /**\n   * Low contrast mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  /**\n   * `true` if the notification should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * Specify an optional duration the notification should be closed in\n   */\n  @property({ type: Number, reflect: true })\n  timeout: number | null = null;\n\n  /**\n   * The subtitle.\n   */\n  @property()\n  subtitle = '';\n\n  /**\n   * The title.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alert');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    const openChanged = changedProperties.has('open');\n    const timeoutChanged = changedProperties.has('timeout');\n\n    if (openChanged || timeoutChanged) {\n      if (this.open && this.timeout) {\n        this._initializeTimeout(this.timeout);\n      } else if (!this.open && this._timeoutID) {\n        this._cancelTimeout(this._timeoutID);\n      }\n    }\n  }\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderIcon()}${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this notification is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this notification.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-notification-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this notification is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-notification-closed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineNotification;\n"],"mappings":"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","ignoreList":[]}

package/es/components/notification/toast-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-notification.js","names":["html","property","prefix","carbonElement","customElement","NOTIFICATION_TYPE","CDSInlineNotification","styles","CDSToastNotification","_decorate","_initialize","_CDSInlineNotificatio","constructor","args","F","d","kind","key","value","TOAST","_renderText","caption","subtitle","title","_type","type","_t","_","decorators","render","_t2","_renderIcon","_renderButton","static"],"sources":["components/notification/toast-notification.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './toast-notification.scss';\n\n/**\n * Toast notification.\n *\n * @element cds-toast-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-toast-notification`)\nclass CDSToastNotification extends CDSInlineNotification {\n  protected _type = NOTIFICATION_TYPE.TOAST;\n\n  protected _renderText() {\n    const { caption, subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        <div class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__caption\">\n          ${caption}<slot name=\"caption\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Specify the caption\n   */\n  @property()\n  caption = '';\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      ${this._renderIcon()}\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSToastNotification;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,uBAAuB;AACzD,OAAOC,MAAM,MAAM,+BAA2B;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAYMC,oBAAoB,GAAAC,SAAA,EADzBL,aAAa,CAAE,GAAEF,MAAO,qBAAoB,CAAC,aAAAQ,WAAA,EAAAC,qBAAA;EAA9C,MACMH,oBAAoB,SAAAG,qBAAA,CAA+B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuCzD;EAAC;IAAAI,CAAA,EAvCKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACNb,iBAAiB,CAACc,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEzC,SAAAE,YAAA,EAAwB;QACtB,MAAM;UAAEC,OAAO;UAAEC,QAAQ;UAAEC,KAAK;UAAEC,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QACtD,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS,KAAE,CAAO;AACpC,sBAAoB,CAAS,KAAE,CAAO;AACtC,YAAU,CAAQ;AAClB;AACA,sBAAoB,CAAS,KAAE,CAAO;AACtC,YAAU,CAAW;AACrB;AACA,sBAAoB,CAAS,KAAE,CAAO;AACtC,YAAU,CAAU;AACpB;AACA;AACA;AACA,KAAI,GAZgBzB,MAAM,EAAKuB,IAAI,EACbvB,MAAM,EAAKuB,IAAI,EACzBF,KAAK,EAEKrB,MAAM,EAAKuB,IAAI,EACzBH,QAAQ,EAEEpB,MAAM,EAAKuB,IAAI,EACzBJ,OAAO;MAKjB;;MAEA;AACF;AACA;IAFE;MAAAL,IAAA;MAAAY,UAAA,GAGC3B,QAAQ,CAAC,CAAC;MAAAgB,GAAA;MAAAC,MAAA;QAAA,OACD,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEZ,SAAAW,OAAA,EAAS;QACP,MAAM;UAAEL,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QAC5B,OAAOzB,IAAI,CAAA8B,GAAA,KAAAA,GAAA,GAAAH,CAAC;AAChB,QAAM,CAAqB;AAC3B,oBAAkB,CAAS,KAAE,CAAO;AACpC,UAAQ,CAAqB;AAC7B;AACA,QAAM,CAAuB;AAC7B,KAAI,GALI,IAAI,CAACI,WAAW,CAAC,CAAC,EACN7B,MAAM,EAAKuB,IAAI,EACzB,IAAI,CAACL,WAAW,CAAC,CAAC,EAEpB,IAAI,CAACY,aAAa,CAAC,CAAC;MAE1B;IAAC;MAAAhB,IAAA;MAAAiB,MAAA;MAAAhB,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCWD,qBAAqB;AAyCxD,eAAeE,oBAAoB","ignoreList":[]}
+{"version":3,"file":"toast-notification.js","names":["html","property","prefix","carbonElement","customElement","NOTIFICATION_TYPE","CDSInlineNotification","styles","CDSToastNotification","_decorate","_initialize","_CDSInlineNotificatio","constructor","args","F","d","kind","key","value","TOAST","_renderText","caption","subtitle","title","_type","type","_t","_","decorators","render","_t2","_renderIcon","_renderButton","static"],"sources":["components/notification/toast-notification.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './toast-notification.scss';\n\n/**\n * Toast notification.\n *\n * @element cds-toast-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-toast-notification`)\nclass CDSToastNotification extends CDSInlineNotification {\n  protected _type = NOTIFICATION_TYPE.TOAST;\n\n  protected _renderText() {\n    const { caption, subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        <div class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__caption\">\n          ${caption}<slot name=\"caption\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Specify the caption\n   */\n  @property()\n  caption = '';\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      ${this._renderIcon()}\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSToastNotification;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,uBAAuB;AACzD,OAAOC,MAAM,MAAM,+BAA2B;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAYMC,oBAAoB,GAAAC,SAAA,EADzBL,aAAa,CAAC,GAAGF,MAAM,qBAAqB,CAAC,aAAAQ,WAAA,EAAAC,qBAAA;EAA9C,MACMH,oBAAoB,SAAAG,qBAAA,CAA+B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuCzD;EAAC;IAAAI,CAAA,EAvCKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACNb,iBAAiB,CAACc,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEzC,SAAAE,YAAA,EAAwB;QACtB,MAAM;UAAEC,OAAO;UAAEC,QAAQ;UAAEC,KAAK;UAAEC,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QACtD,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,oBADe;AACf,sBADe;AACf,YADe;AACf;AACA,sBAFe;AACf,YADe;AACf;AACA,sBAFe;AACf,YADe;AACf;AACA;AACA;AACA,KAJe,GACKzB,MAAM,EAAKuB,IAAI,EACbvB,MAAM,EAAKuB,IAAI,EACzBF,KAAK,EAEKrB,MAAM,EAAKuB,IAAI,EACzBH,QAAQ,EAEEpB,MAAM,EAAKuB,IAAI,EACzBJ,OAAO;MAKjB;;MAEA;AACF;AACA;IAFE;MAAAL,IAAA;MAAAY,UAAA,GAGC3B,QAAQ,CAAC,CAAC;MAAAgB,GAAA;MAAAC,MAAA;QAAA,OACD,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEZ,SAAAW,OAAA,EAAS;QACP,MAAM;UAAEL,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QAC5B,OAAOzB,IAAI,CAAA8B,GAAA,KAAAA,GAAA,GAAAH,CAAA;AACf,QADe;AACf,oBADe;AACf,UADe;AACf;AACA,QAFe;AACf,KADe,GACP,IAAI,CAACI,WAAW,CAAC,CAAC,EACN7B,MAAM,EAAKuB,IAAI,EACzB,IAAI,CAACL,WAAW,CAAC,CAAC,EAEpB,IAAI,CAACY,aAAa,CAAC,CAAC;MAE1B;IAAC;MAAAhB,IAAA;MAAAiB,MAAA;MAAAhB,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCWD,qBAAqB;AAyCxD,eAAeE,oBAAoB","ignoreList":[]}

package/es/components/number-input/number-input-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input-skeleton.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSNumberInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","render","hideLabel","_t","_","_t2","static"],"sources":["components/number-input/number-input-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './number-input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-number-input-skeleton`)\nclass CDSNumberInputSkeleton extends LitElement {\n  /**\n   * `true` if the label should be hidden. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--number ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSNumberInputSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAE,GAAEH,MAAO,wBAAuB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiBhD;EAAC;IAAAI,CAAA,EAjBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,QAAM,CACmE;AACzE,oBAAkB,CAAS,YAAS,CAAS;AAC7C,KAAI,GAHI,CAACF,SAAS,IACZvB,IAAI,CAAA0B,GAAA,KAAAA,GAAA,GAAAD,CAAC,iBAAc,CAAS,WAAQ,CAAS,sBAAoB,GAA5CvB,MAAM,EAAWA,MAAM,CAAsB,EACpDA,MAAM,EAAYA,MAAM;MAE1C;IAAC;MAAAY,IAAA;MAAAa,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBaJ,UAAU;AAmB/C,eAAeO,sBAAsB","ignoreList":[]}
+{"version":3,"file":"number-input-skeleton.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSNumberInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","render","hideLabel","_t","_","_t2","static"],"sources":["components/number-input/number-input-skeleton.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './number-input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-number-input-skeleton`)\nclass CDSNumberInputSkeleton extends LitElement {\n  /**\n   * `true` if the label should be hidden. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--number ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSNumberInputSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAC,GAAGH,MAAM,wBAAwB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiBhD;EAAC;IAAAI,CAAA,EAjBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,QADe;AACf,oBADe;AACf,KADe,GACP,CAACF,SAAS,IACZvB,IAAI,CAAA0B,GAAA,KAAAA,GAAA,GAAAD,CAAA,uDAAiBvB,MAAM,EAAWA,MAAM,CAAsB,EACpDA,MAAM,EAAYA,MAAM;MAE1C;IAAC;MAAAY,IAAA;MAAAa,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBaJ,UAAU;AAmB/C,eAAeO,sBAAsB","ignoreList":[]}

package/es/components/number-input/number-input.d.ts

@@ -91,7 +91,8 @@ declare class CDSNumberInput extends CDSTextInput {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
     };
     static styles: any;
 }

package/es/components/number-input/number-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input.js","names":["LitElement","html","property","query","classMap","prefix","WarningFilled16","WarningAltFilled16","Add16","Subtract16","ifNonEmpty","NUMBER_INPUT_VALIDATION_STATUS","styles","CDSTextInput","INPUT_SIZE","carbonElement","customElement","CDSNumberInput","_decorate","_initialize","_CDSTextInput","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_get","_getPrototypeOf","prototype","call","_handleUserInitiatedStepDown","_","_input","input","stepDown","_handleUserInitiatedStepUp","stepUp","decorators","_getInputValidity","_this$_input","_this$_input2","invalid","valueAsNumber","Number","max","min","allowEmpty","reflect","_min","toString","oldValue","requestUpdate","_max","step","_step","attribute","type","Boolean","MEDIUM","render","handleInput","handleUserInitiatedStepDown","handleUserInitiatedStepUp","isValid","invalidIcon","class","warnIcon","normalizedProps","disabled","readonly","warn","icon","wrapperClasses","size","hideSteppers","inputWrapperClasses","_hasSlug","labelClasses","hideLabel","helperTextClasses","incrementButton","_t","_2","incrementButtonAssistiveText","decrementButton","_t2","decrementButtonAssistiveText","_t3","autocomplete","autofocus","name","pattern","required","_value","invalidText","warnText","_t4","label","_handleSlotChange","_t5","helperText","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/number-input/number-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport Add16 from '@carbon/icons/lib/add/16';\nimport Subtract16 from '@carbon/icons/lib/subtract/16';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { NUMBER_INPUT_VALIDATION_STATUS } from './defs';\nimport styles from './number-input.scss';\nimport CDSTextInput, { INPUT_SIZE } from '../text-input/text-input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_VALIDATION_STATUS };\n\n/**\n * Number input.\n *\n * @element cds-number-input\n * @fires cds-number-input\n *   The name of the custom event fired after the value is changed upon a user gesture.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-number-input`)\nclass CDSNumberInput extends CDSTextInput {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    super._handleInput(event);\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _getInputValidity() {\n    if (this.invalid) {\n      return false;\n    }\n    if (\n      this._input?.valueAsNumber > Number(this.max) ||\n      this._input?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    if (this.value === '') {\n      return this.allowEmpty;\n    }\n    return true;\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * Specify whether you want the steppers to be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-steppers', reflect: true })\n  hideSteppers = false;\n\n  /**\n   * `true` to allow empty string.\n   */\n  @property({ type: Boolean, attribute: 'allow-empty', reflect: true })\n  allowEmpty = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._input.stepUp();\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._input.stepDown();\n  }\n\n  render() {\n    const {\n      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n    } = this;\n\n    const isValid = this._getInputValidity();\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--number__invalid`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--number__invalid ${prefix}--number__invalid--warning`,\n    });\n\n    const normalizedProps = {\n      disabled: !this.readonly && this.disabled,\n      invalid: !this.readonly && !isValid,\n      warn: !this.readonly && isValid && this.warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.size}`]: this.size,\n      [`${prefix}--number--nosteppers`]: this.hideSteppers,\n      [`${prefix}--number--readonly`]: this.readonly,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--number__input-wrapper`]: true,\n      [`${prefix}--number__input-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--number__input-wrapper--slug`]: this._hasSlug,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${Add16()}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${Subtract16()}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const input = html`\n      <input\n        autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${normalizedProps.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${this._value}\"\n        @input=\"${handleInput}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = this.invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = this.warnText;\n    }\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${normalizedProps.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        <div class=\"${inputWrapperClasses}\">\n          ${normalizedProps.icon} ${input}\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <div class=\"${prefix}--number__controls\">\n            ${!this.hideSteppers\n              ? html`${decrementButton} ${incrementButton}`\n              : null}\n          </div>\n        </div>\n        <div\n          class=\"${helperTextClasses}\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n          <slot name=\"${normalizedProps['slot-name']}\">\n            ${normalizedProps['slot-text']}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSNumberInput;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"number-input.js","names":["LitElement","html","property","query","classMap","prefix","WarningFilled16","WarningAltFilled16","Add16","Subtract16","ifNonEmpty","NUMBER_INPUT_VALIDATION_STATUS","styles","CDSTextInput","INPUT_SIZE","carbonElement","customElement","CDSNumberInput","_decorate","_initialize","_CDSTextInput","constructor","args","F","d","kind","key","value","_handleInput","event","target","dispatchEvent","CustomEvent","eventInput","bubbles","composed","cancelable","detail","_get","_getPrototypeOf","prototype","call","_handleUserInitiatedStepDown","_","_input","input","stepDown","_handleUserInitiatedStepUp","stepUp","decorators","_getInputValidity","_this$_input","_this$_input2","invalid","valueAsNumber","Number","max","min","allowEmpty","reflect","_min","toString","oldValue","requestUpdate","_max","step","_step","attribute","type","Boolean","MEDIUM","render","handleInput","handleUserInitiatedStepDown","handleUserInitiatedStepUp","isValid","invalidIcon","class","warnIcon","normalizedProps","disabled","readonly","warn","icon","wrapperClasses","size","hideSteppers","inputWrapperClasses","_hasSlug","labelClasses","hideLabel","helperTextClasses","incrementButton","_t","_2","incrementButtonAssistiveText","decrementButton","_t2","decrementButtonAssistiveText","_t3","autocomplete","autofocus","name","pattern","required","_value","invalidText","warnText","_t4","label","_handleSlotChange","_t5","helperText","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/number-input/number-input.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport Add16 from '@carbon/icons/lib/add/16';\nimport Subtract16 from '@carbon/icons/lib/subtract/16';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { NUMBER_INPUT_VALIDATION_STATUS } from './defs';\nimport styles from './number-input.scss';\nimport CDSTextInput, { INPUT_SIZE } from '../text-input/text-input';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NUMBER_INPUT_VALIDATION_STATUS };\n\n/**\n * Number input.\n *\n * @element cds-number-input\n * @fires cds-number-input\n *   The name of the custom event fired after the value is changed upon a user gesture.\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-number-input`)\nclass CDSNumberInput extends CDSTextInput {\n  /**\n   * Handles `input` event on the `<input>` in the shadow DOM.\n   */\n  protected _handleInput(event: Event) {\n    const { target } = event;\n    const { value } = target as HTMLInputElement;\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value,\n        },\n      })\n    );\n    super._handleInput(event);\n  }\n\n  /**\n   * Handles `click` event on the up button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepDown(_: Event) {\n    const { _input: input } = this;\n    this.stepDown();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * Handles `click` event on the down button in the shadow DOM.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handleUserInitiatedStepUp(_: Event) {\n    const { _input: input } = this;\n    this.stepUp();\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSNumberInput).eventInput, {\n        bubbles: true,\n        composed: true,\n        cancelable: false,\n        detail: {\n          value: input.value,\n        },\n      })\n    );\n  }\n\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  _getInputValidity() {\n    if (this.invalid) {\n      return false;\n    }\n    if (\n      this._input?.valueAsNumber > Number(this.max) ||\n      this._input?.valueAsNumber < Number(this.min)\n    ) {\n      return false;\n    }\n    if (this.value === '') {\n      return this.allowEmpty;\n    }\n    return true;\n  }\n\n  protected _min = '';\n\n  protected _max = '';\n\n  protected _step = '1';\n\n  /**\n   * The minimum value allowed in the input\n   */\n  @property({ reflect: true })\n  get min() {\n    return this._min.toString();\n  }\n\n  set min(value) {\n    const oldValue = this.min;\n    this._min = value;\n    this.requestUpdate('min', oldValue);\n  }\n\n  /**\n   * The maximum value allowed in the input\n   */\n  @property({ reflect: true })\n  get max() {\n    return this._max.toString();\n  }\n\n  set max(value) {\n    const oldValue = this.max;\n    this._max = value;\n    this.requestUpdate('max', oldValue);\n  }\n\n  /**\n   * The amount the value should increase or decrease by\n   */\n  @property({ reflect: true })\n  get step() {\n    return this._step.toString();\n  }\n\n  set step(value) {\n    const oldValue = this.step;\n    this._step = value;\n    this.requestUpdate('step', oldValue);\n  }\n\n  /**\n   * Aria text for the button that increments the value\n   */\n  @property({ attribute: 'increment-button-assistive-text' })\n  incrementButtonAssistiveText = 'increase number input';\n\n  /**\n   * Aria text for the button that decrements the value\n   */\n  @property({ attribute: 'decrement-button-assistive-text' })\n  decrementButtonAssistiveText = 'decrease number input';\n\n  /**\n   * Specify whether you want the steppers to be hidden\n   */\n  @property({ type: Boolean, attribute: 'hide-steppers', reflect: true })\n  hideSteppers = false;\n\n  /**\n   * `true` to allow empty string.\n   */\n  @property({ type: Boolean, attribute: 'allow-empty', reflect: true })\n  allowEmpty = false;\n\n  /**\n   * The input box size.\n   */\n  @property({ reflect: true })\n  size = INPUT_SIZE.MEDIUM;\n\n  /**\n   * Handles incrementing the value in the input\n   */\n  stepUp() {\n    this._input.stepUp();\n  }\n\n  /**\n   * Handles decrementing the value in the input\n   */\n  stepDown() {\n    this._input.stepDown();\n  }\n\n  render() {\n    const {\n      _handleInput: handleInput,\n      _handleUserInitiatedStepDown: handleUserInitiatedStepDown,\n      _handleUserInitiatedStepUp: handleUserInitiatedStepUp,\n    } = this;\n\n    const isValid = this._getInputValidity();\n\n    const invalidIcon = WarningFilled16({\n      class: `${prefix}--number__invalid`,\n    });\n\n    const warnIcon = WarningAltFilled16({\n      class: `${prefix}--number__invalid ${prefix}--number__invalid--warning`,\n    });\n\n    const normalizedProps = {\n      disabled: !this.readonly && this.disabled,\n      invalid: !this.readonly && !isValid,\n      warn: !this.readonly && isValid && this.warn,\n      'slot-name': '',\n      'slot-text': '',\n      icon: null,\n    };\n\n    const wrapperClasses = classMap({\n      [`${prefix}--number`]: true,\n      [`${prefix}--number--${this.size}`]: this.size,\n      [`${prefix}--number--nosteppers`]: this.hideSteppers,\n      [`${prefix}--number--readonly`]: this.readonly,\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--number__input-wrapper`]: true,\n      [`${prefix}--number__input-wrapper--warning`]: normalizedProps.warn,\n      [`${prefix}--number__input-wrapper--slug`]: this._hasSlug,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: normalizedProps.disabled,\n    });\n\n    const incrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn up-icon\"\n        aria-label=\"${this.incrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepUp}>\n        ${Add16()}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n    const decrementButton = html`\n      <button\n        class=\"${prefix}--number__control-btn down-icon\"\n        aria-label=\"${this.decrementButtonAssistiveText}\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        type=\"button\"\n        ?disabled=${normalizedProps.disabled}\n        @click=${handleUserInitiatedStepDown}>\n        ${Subtract16()}\n      </button>\n      <div class=\"${prefix}--number__rule-divider\"></div>\n    `;\n\n    const input = html`\n      <input\n        autocomplete=\"${this.autocomplete}\"\n        ?autofocus=\"${this.autofocus}\"\n        ?data-invalid=\"${normalizedProps.invalid}\"\n        ?disabled=\"${normalizedProps.disabled}\"\n        id=\"input\"\n        name=\"${ifNonEmpty(this.name)}\"\n        pattern=\"${ifNonEmpty(this.pattern)}\"\n        ?readonly=\"${this.readonly}\"\n        ?required=\"${this.required}\"\n        type=\"number\"\n        .value=\"${this._value}\"\n        @input=\"${handleInput}\"\n        min=\"${ifNonEmpty(this.min)}\"\n        max=\"${ifNonEmpty(this.max)}\"\n        step=\"${ifNonEmpty(this.step)}\"\n        role=\"alert\"\n        aria-atomic=\"true\" />\n    `;\n\n    if (normalizedProps.invalid) {\n      normalizedProps.icon = invalidIcon;\n      normalizedProps['slot-name'] = 'invalid-text';\n      normalizedProps['slot-text'] = this.invalidText;\n    } else if (normalizedProps.warn) {\n      normalizedProps.icon = warnIcon;\n      normalizedProps['slot-name'] = 'warn-text';\n      normalizedProps['slot-text'] = this.warnText;\n    }\n\n    return html`\n      <div class=\"${wrapperClasses}\" ?data-invalid=${normalizedProps.invalid}>\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        <div class=\"${inputWrapperClasses}\">\n          ${normalizedProps.icon} ${input}\n          <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n          <div class=\"${prefix}--number__controls\">\n            ${!this.hideSteppers\n              ? html`${decrementButton} ${incrementButton}`\n              : null}\n          </div>\n        </div>\n        <div\n          class=\"${helperTextClasses}\"\n          ?hidden=\"${normalizedProps.invalid || normalizedProps.warn}\">\n          <slot name=\"helper-text\"> ${this.helperText} </slot>\n        </div>\n        <div\n          class=\"${prefix}--form-requirement\"\n          ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n          <slot name=\"${normalizedProps['slot-name']}\">\n            ${normalizedProps['slot-text']}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after the value is changed upon a user gesture.\n   */\n  static get eventInput() {\n    return `${prefix}-number-input`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSNumberInput;\n"],"mappings":"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","ignoreList":[]}

package/es/components/overflow-menu/overflow-menu-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"overflow-menu-body.js","names":["html","property","prefix","CDSFloatingMenu","FLOATING_MENU_DIRECTION","NAVIGATION_DIRECTION","OVERFLOW_MENU_SIZE","HostListener","indexOf","carbonElement","customElement","styles","capIndex","index","length","CDSOverflowMenuBody","_decorate","_initialize","_CDSFloatingMenu","constructor","args","F","d","kind","decorators","key","value","BOTTOM","type","Boolean","reflect","MEDIUM","_getNextItem","currentItem","direction","selectorItemEnabled","menuItems","querySelectorAll","currentIndex","nextIndex","_navigate","selected","nextItem","focus","event","open","contains","document","activeElement","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","selectorMenuItem","forEach","item","size","render","_t","_","static"],"sources":["components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSFloatingMenu, {\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './overflow-menu.scss';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: CDSOverflowMenuItem | null = null;\n\n  /**\n   * The overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as CDSOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        this._navigate(NAVIGATION_DIRECTION[key]);\n      }\n\n      if (key === 'Escape') {\n        this.open = false;\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const { selectorMenuItem } = this\n        .constructor as typeof CDSOverflowMenuBody;\n      const menuItems = this.querySelectorAll(selectorMenuItem);\n      menuItems.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    super.updated(changedProperties);\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"overflow-menu-body.js","names":["html","property","prefix","CDSFloatingMenu","FLOATING_MENU_DIRECTION","NAVIGATION_DIRECTION","OVERFLOW_MENU_SIZE","HostListener","indexOf","carbonElement","customElement","styles","capIndex","index","length","CDSOverflowMenuBody","_decorate","_initialize","_CDSFloatingMenu","constructor","args","F","d","kind","decorators","key","value","BOTTOM","type","Boolean","reflect","MEDIUM","_getNextItem","currentItem","direction","selectorItemEnabled","menuItems","querySelectorAll","currentIndex","nextIndex","_navigate","selected","nextItem","focus","event","open","contains","document","activeElement","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","selectorMenuItem","forEach","item","size","render","_t","_","static"],"sources":["components/overflow-menu/overflow-menu-body.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSFloatingMenu, {\n  FLOATING_MENU_DIRECTION,\n} from '../floating-menu/floating-menu';\nimport { NAVIGATION_DIRECTION, OVERFLOW_MENU_SIZE } from './defs';\nimport CDSOverflowMenuItem from './overflow-menu-item';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { indexOf } from '../../globals/internal/collection-helpers';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './overflow-menu.scss';\n\n/**\n * @param index The index\n * @param length The length of the array.\n * @returns The new index, adjusting overflow/underflow.\n */\nconst capIndex = (index: number, length: number) => {\n  if (index < 0) {\n    return length - 1;\n  }\n  if (index >= length) {\n    return 0;\n  }\n  return index;\n};\n\n/**\n * Overflow menu body.\n *\n * @element cds-overflow-menu-body\n */\n@customElement(`${prefix}-overflow-menu-body`)\nclass CDSOverflowMenuBody extends CDSFloatingMenu {\n  /**\n   * The menu direction.\n   */\n  @property()\n  direction = FLOATING_MENU_DIRECTION.BOTTOM;\n\n  /**\n   * How the menu is aligned to the trigger button.\n   */\n  @property({ type: Boolean, reflect: true })\n  flipped = false;\n\n  /**\n   * `true` if the menu should be open.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  selected: CDSOverflowMenuItem | null = null;\n\n  /**\n   * The overflow menu size.\n   */\n  @property({ reflect: true })\n  size = OVERFLOW_MENU_SIZE.MEDIUM;\n\n  /**\n   * @param currentItem The currently selected item.\n   * @param direction The navigation direction.\n   * @returns The item to be selected.\n   */\n  protected _getNextItem(currentItem: CDSOverflowMenuItem, direction: number) {\n    const { selectorItemEnabled } = this\n      .constructor as typeof CDSOverflowMenuBody;\n    const menuItems = this.querySelectorAll(selectorItemEnabled);\n    const currentIndex = indexOf(menuItems, currentItem);\n    const nextIndex = capIndex(currentIndex + direction, menuItems.length);\n    return nextIndex === currentIndex ? null : menuItems[nextIndex];\n  }\n\n  /**\n   * Navigates through overflow menu items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (this.selected) {\n      const nextItem = this._getNextItem(this.selected, direction);\n      (nextItem as HTMLElement)?.focus();\n    }\n  }\n\n  /**\n   * Handles `keydown` event on the menu body.\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.open) {\n      /**\n       * sets this.selected to focused menu item. the menu item is focused\n       * automatically due to FocusMixin\n       */\n      if (this.contains(document.activeElement)) {\n        this.selected = document.activeElement as CDSOverflowMenuItem;\n      }\n\n      if (key in NAVIGATION_DIRECTION) {\n        this._navigate(NAVIGATION_DIRECTION[key]);\n      }\n\n      if (key === 'Escape') {\n        this.open = false;\n      }\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'menu');\n    }\n    if (!this.hasAttribute('tabindex')) {\n      // TODO: Should we use a property?\n      this.setAttribute('tabindex', '-1');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const { selectorMenuItem } = this\n        .constructor as typeof CDSOverflowMenuBody;\n      const menuItems = this.querySelectorAll(selectorMenuItem);\n      menuItems.forEach((item) => {\n        item.setAttribute('size', this.size);\n      });\n    }\n\n    super.updated(changedProperties);\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * A selector that will return menu items.\n   */\n  static get selectorMenuItem() {\n    return `${prefix}-overflow-menu-item`;\n  }\n\n  /**\n   * A selector that will return enabled menu items.\n   */\n  static get selectorItemEnabled() {\n    return `${prefix}-overflow-menu-item:not([disabled])`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSOverflowMenuBody;\n"],"mappings":"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","ignoreList":[]}