@carbon/web-components 2.0.0-rc.1 → 2.0.0-rc.3

package/es/components/accordion/accordion-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAGnD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBrC;;;;;;;;;;;;GAYG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAA4B;IAEvD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAwClC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAYrB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAWjB,oBAAoB;IAMpB,MAAM;IAwCN;;;;OAIG;IACH,MAAM,KAAK,mBAAmB;;;MAK7B;IAED;;;;OAIG;IACH,MAAM,KAAK,iBAAiB;;;MAK3B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"accordion-item.d.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n *   The custom event fired before this accordion item is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n  /**\n   * The current breakpoint.\n   */\n  private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Handles user-initiated toggle request of this accordion item.\n   *\n   * @param open The new open state.\n   */\n  private _handleUserInitiatedToggle(open = !this.open) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n          init\n        )\n      )\n    ) {\n      const { selectorAccordionContent } = this\n        .constructor as typeof CDSAccordionItem;\n\n      !this.open\n        ? this.setAttribute('expanding', '')\n        : this.setAttribute('collapsing', '');\n      this.shadowRoot!.querySelector(\n        selectorAccordionContent\n      )!.addEventListener('animationend', () => {\n        this.removeAttribute('expanding');\n        this.removeAttribute('collapsing');\n      });\n\n      this.open = open;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventToggle,\n          init\n        )\n      );\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the expando button.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(\n    (records: ResizeObserverEntry[]) => {\n      const { width } = records[records.length - 1].contentRect;\n      const { _sizesBreakpoints: sizesBreakpoints } = this\n        .constructor as typeof CDSAccordionItem;\n      this._currentBreakpoint = Object.keys(sizesBreakpoints)\n        .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n        .find(\n          (size) => width >= sizesBreakpoints[size]\n        ) as ACCORDION_ITEM_BREAKPOINT;\n      this.requestUpdate();\n    }\n  );\n\n  /**\n   * `true` if the accordion item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      title,\n      open,\n      _currentBreakpoint: currentBreakpoint,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const { _classesBreakpoints: classesBreakpoints } = this\n      .constructor as typeof CDSAccordionItem;\n    const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n    const contentClasses = classMap({\n      [classBreakpoint]: classBreakpoint,\n      [`${prefix}--accordion__content`]: true,\n    });\n    return html`\n      <button\n        ?disabled=\"${disabled}\"\n        type=\"button\"\n        part=\"expando\"\n        class=\"${prefix}--accordion__heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"${String(Boolean(open))}\"\n        @click=\"${handleClickExpando}\"\n        @keydown=\"${handleKeydownExpando}\">\n        ${ChevronRight16({\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <div part=\"title\" class=\"${prefix}--accordion__title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n      </button>\n      <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS classes for breakpoints.\n   *\n   * @private\n   */\n  static get _classesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n    };\n  }\n\n  /**\n   * The breakpoints.\n   *\n   * @private\n   */\n  static get _sizesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n    };\n  }\n\n  /**\n   * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-accordion-item-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-accordion-item-toggled`;\n  }\n\n  static get selectorAccordionContent() {\n    return `.${prefix}--accordion__content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"]}
+{"version":3,"sources":["components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBrC;;;;;;;;;;;;GAYG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAA4B;IAEvD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAwClC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAGH,OAAO,CAAC,eAAe,CAYrB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAWjB,oBAAoB;IAMpB,MAAM;IAwCN;;;;OAIG;IACH,MAAM,KAAK,mBAAmB;;;MAK7B;IAED;;;;OAIG;IACH,MAAM,KAAK,iBAAiB;;;MAK3B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"accordion-item.d.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n *   The custom event fired before this accordion item is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n  /**\n   * The current breakpoint.\n   */\n  private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Handles user-initiated toggle request of this accordion item.\n   *\n   * @param open The new open state.\n   */\n  private _handleUserInitiatedToggle(open = !this.open) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n          init\n        )\n      )\n    ) {\n      const { selectorAccordionContent } = this\n        .constructor as typeof CDSAccordionItem;\n\n      !this.open\n        ? this.setAttribute('expanding', '')\n        : this.setAttribute('collapsing', '');\n      this.shadowRoot!.querySelector(\n        selectorAccordionContent\n      )!.addEventListener('animationend', () => {\n        this.removeAttribute('expanding');\n        this.removeAttribute('collapsing');\n      });\n\n      this.open = open;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventToggle,\n          init\n        )\n      );\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the expando button.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(\n    (records: ResizeObserverEntry[]) => {\n      const { width } = records[records.length - 1].contentRect;\n      const { _sizesBreakpoints: sizesBreakpoints } = this\n        .constructor as typeof CDSAccordionItem;\n      this._currentBreakpoint = Object.keys(sizesBreakpoints)\n        .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n        .find(\n          (size) => width >= sizesBreakpoints[size]\n        ) as ACCORDION_ITEM_BREAKPOINT;\n      this.requestUpdate();\n    }\n  );\n\n  /**\n   * `true` if the accordion item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      title,\n      open,\n      _currentBreakpoint: currentBreakpoint,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const { _classesBreakpoints: classesBreakpoints } = this\n      .constructor as typeof CDSAccordionItem;\n    const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n    const contentClasses = classMap({\n      [classBreakpoint]: classBreakpoint,\n      [`${prefix}--accordion__content`]: true,\n    });\n    return html`\n      <button\n        ?disabled=\"${disabled}\"\n        type=\"button\"\n        part=\"expando\"\n        class=\"${prefix}--accordion__heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"${open}\"\n        @click=\"${handleClickExpando}\"\n        @keydown=\"${handleKeydownExpando}\">\n        ${ChevronRight16({\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <div part=\"title\" class=\"${prefix}--accordion__title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n      </button>\n      <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS classes for breakpoints.\n   *\n   * @private\n   */\n  static get _classesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n    };\n  }\n\n  /**\n   * The breakpoints.\n   *\n   * @private\n   */\n  static get _sizesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n    };\n  }\n\n  /**\n   * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-accordion-item-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-accordion-item-toggled`;\n  }\n\n  static get selectorAccordionContent() {\n    return `.${prefix}--accordion__content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"]}

package/es/components/accordion/accordion-item.js

@@ -14,12 +14,13 @@ let _ = t => t,
 
 import { classMap } from 'lit/directives/class-map.js';
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import ChevronRight16 from "../../icons/chevron--right/16";
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
 import { ACCORDION_ITEM_BREAKPOINT } from './defs';
 import styles from "././accordion.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { ACCORDION_ITEM_BREAKPOINT };
 
 /**
@@ -254,7 +255,7 @@ let CDSAccordionItem = _decorate([customElement(`${prefix}-accordion-item`)], fu
       <div id="content" part="content" class="${0}">
         <slot></slot>
       </div>
-    `), disabled, prefix, String(Boolean(open)), handleClickExpando, handleKeydownExpando, ChevronRight16({
+    `), disabled, prefix, open, handleClickExpando, handleKeydownExpando, ChevronRight16({
           part: 'expando-icon',
           class: `${prefix}--accordion__arrow`
         }), prefix, title, contentClasses);

package/es/components/accordion/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","names":["classMap","LitElement","html","property","customElement","ChevronRight16","prefix","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","observeResize","observer","elem","observe","release","unobserve","CDSAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","selectorAccordionContent","setAttribute","shadowRoot","querySelector","addEventListener","removeAttribute","eventToggle","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","title","currentBreakpoint","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","_classesBreakpoints","classesBreakpoints","classBreakpoint","contentClasses","_t","_","String","part","class","static","SMALL","MEDIUM"],"sources":["components/accordion/accordion-item.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n *   The custom event fired before this accordion item is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n  /**\n   * The current breakpoint.\n   */\n  private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Handles user-initiated toggle request of this accordion item.\n   *\n   * @param open The new open state.\n   */\n  private _handleUserInitiatedToggle(open = !this.open) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n          init\n        )\n      )\n    ) {\n      const { selectorAccordionContent } = this\n        .constructor as typeof CDSAccordionItem;\n\n      !this.open\n        ? this.setAttribute('expanding', '')\n        : this.setAttribute('collapsing', '');\n      this.shadowRoot!.querySelector(\n        selectorAccordionContent\n      )!.addEventListener('animationend', () => {\n        this.removeAttribute('expanding');\n        this.removeAttribute('collapsing');\n      });\n\n      this.open = open;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventToggle,\n          init\n        )\n      );\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the expando button.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(\n    (records: ResizeObserverEntry[]) => {\n      const { width } = records[records.length - 1].contentRect;\n      const { _sizesBreakpoints: sizesBreakpoints } = this\n        .constructor as typeof CDSAccordionItem;\n      this._currentBreakpoint = Object.keys(sizesBreakpoints)\n        .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n        .find(\n          (size) => width >= sizesBreakpoints[size]\n        ) as ACCORDION_ITEM_BREAKPOINT;\n      this.requestUpdate();\n    }\n  );\n\n  /**\n   * `true` if the accordion item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      title,\n      open,\n      _currentBreakpoint: currentBreakpoint,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const { _classesBreakpoints: classesBreakpoints } = this\n      .constructor as typeof CDSAccordionItem;\n    const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n    const contentClasses = classMap({\n      [classBreakpoint]: classBreakpoint,\n      [`${prefix}--accordion__content`]: true,\n    });\n    return html`\n      <button\n        ?disabled=\"${disabled}\"\n        type=\"button\"\n        part=\"expando\"\n        class=\"${prefix}--accordion__heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"${String(Boolean(open))}\"\n        @click=\"${handleClickExpando}\"\n        @keydown=\"${handleKeydownExpando}\">\n        ${ChevronRight16({\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <div part=\"title\" class=\"${prefix}--accordion__title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n      </button>\n      <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS classes for breakpoints.\n   *\n   * @private\n   */\n  static get _classesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n    };\n  }\n\n  /**\n   * The breakpoints.\n   *\n   * @private\n   */\n  static get _sizesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n    };\n  }\n\n  /**\n   * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-accordion-item-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-accordion-item-toggled`;\n  }\n\n  static get selectorAccordionContent() {\n    return `.${prefix}--accordion__content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"],"mappings":"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"}
+{"version":3,"file":"accordion-item.js","names":["classMap","LitElement","html","property","ChevronRight16","prefix","FocusMixin","ACCORDION_ITEM_BREAKPOINT","styles","carbonElement","customElement","observeResize","observer","elem","observe","release","unobserve","CDSAccordionItem","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleUserInitiatedToggle","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeToggle","selectorAccordionContent","setAttribute","shadowRoot","querySelector","addEventListener","removeAttribute","eventToggle","_handleClickExpando","ResizeObserver","records","width","length","contentRect","_sizesBreakpoints","sizesBreakpoints","_currentBreakpoint","Object","keys","sort","lhs","rhs","find","size","requestUpdate","decorators","type","Boolean","reflect","attribute","connectedCallback","hasAttribute","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","render","disabled","title","currentBreakpoint","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","_classesBreakpoints","classesBreakpoints","classBreakpoint","contentClasses","_t","_","part","class","static","SMALL","MEDIUM"],"sources":["components/accordion/accordion-item.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n *   The custom event fired before this accordion item is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart expando The expando button.\n * @csspart expando-icon The expando icon.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n  /**\n   * The current breakpoint.\n   */\n  private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Handles user-initiated toggle request of this accordion item.\n   *\n   * @param open The new open state.\n   */\n  private _handleUserInitiatedToggle(open = !this.open) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n          init\n        )\n      )\n    ) {\n      const { selectorAccordionContent } = this\n        .constructor as typeof CDSAccordionItem;\n\n      !this.open\n        ? this.setAttribute('expanding', '')\n        : this.setAttribute('collapsing', '');\n      this.shadowRoot!.querySelector(\n        selectorAccordionContent\n      )!.addEventListener('animationend', () => {\n        this.removeAttribute('expanding');\n        this.removeAttribute('collapsing');\n      });\n\n      this.open = open;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventToggle,\n          init\n        )\n      );\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the expando button.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(\n    (records: ResizeObserverEntry[]) => {\n      const { width } = records[records.length - 1].contentRect;\n      const { _sizesBreakpoints: sizesBreakpoints } = this\n        .constructor as typeof CDSAccordionItem;\n      this._currentBreakpoint = Object.keys(sizesBreakpoints)\n        .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n        .find(\n          (size) => width >= sizesBreakpoints[size]\n        ) as ACCORDION_ITEM_BREAKPOINT;\n      this.requestUpdate();\n    }\n  );\n\n  /**\n   * `true` if the accordion item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      title,\n      open,\n      _currentBreakpoint: currentBreakpoint,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const { _classesBreakpoints: classesBreakpoints } = this\n      .constructor as typeof CDSAccordionItem;\n    const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n    const contentClasses = classMap({\n      [classBreakpoint]: classBreakpoint,\n      [`${prefix}--accordion__content`]: true,\n    });\n    return html`\n      <button\n        ?disabled=\"${disabled}\"\n        type=\"button\"\n        part=\"expando\"\n        class=\"${prefix}--accordion__heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"${open}\"\n        @click=\"${handleClickExpando}\"\n        @keydown=\"${handleKeydownExpando}\">\n        ${ChevronRight16({\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <div part=\"title\" class=\"${prefix}--accordion__title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n      </button>\n      <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS classes for breakpoints.\n   *\n   * @private\n   */\n  static get _classesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n    };\n  }\n\n  /**\n   * The breakpoints.\n   *\n   * @private\n   */\n  static get _sizesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n    };\n  }\n\n  /**\n   * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-accordion-item-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-accordion-item-toggled`;\n  }\n\n  static get selectorAccordionContent() {\n    return `.${prefix}--accordion__content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"],"mappings":"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"}

package/es/components/accordion/accordion-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-skeleton.js","names":["classMap","LitElement","html","property","customElement","prefix","ACCORDION_ALIGNMENT","forEach","ChevronRight16","styles","CDSAccordionSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","END","type","Number","attribute","Boolean","updated","changedProperties","has","shadowRoot","querySelectorAll","selectorAccordionItemSkeletons","elem","setAttribute","alignment","isFlush","removeAttribute","render","classes","numSkeletonItems","open","count","_t","_2","_t2","part","class","Array","from","map","_","index","_t3","static"],"sources":["components/accordion/accordion-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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ACCORDION_ALIGNMENT } from './accordion';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport './accordion-item-skeleton';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-accordion-skeleton`)\nclass CDSAccordionSkeleton extends LitElement {\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Set number of items to render\n   */\n  @property({ type: Number, attribute: 'count' })\n  count = 4;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  /**\n   * `true` if the first accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  updated(changedProperties) {\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          this.isFlush && this.alignment !== 'start'\n            ? elem.setAttribute('isFlush', '')\n            : elem.removeAttribute('isFlush');\n        }\n      );\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--accordion__item`]: true,\n      [`${prefix}--accordion__item--active`]: true,\n      [`${prefix}--accordion--${this.alignment}`]: this.alignment,\n      [`${prefix}--accordion--flush`]:\n        this.isFlush && this.alignment !== 'start',\n    });\n    const numSkeletonItems = this.open ? this.count - 1 : this.count;\n    return html`\n      ${this.open\n        ? html`\n            <li class=\"${classes}\">\n              <span class=\"${prefix}--accordion__heading\">\n                ${ChevronRight16({\n                  part: 'expando-icon',\n                  class: `${prefix}--accordion__arrow`,\n                })}\n                <cds-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-skeleton-text width=\"90%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"80%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"85%\"></cds-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from(new Array(numSkeletonItems)).map(\n        (_, index) =>\n          html`\n            <cds-accordion-item-skeleton\n              key=${index}></cds-accordion-item-skeleton>\n          `\n      )}\n    `;\n  }\n\n  static get selectorAccordionItemSkeletons() {\n    return `${prefix}-accordion-item-skeleton`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionSkeleton;\n"],"mappings":"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"}
+{"version":3,"file":"accordion-skeleton.js","names":["classMap","LitElement","html","property","customElement","prefix","ACCORDION_ALIGNMENT","forEach","ChevronRight16","styles","CDSAccordionSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","END","type","Number","attribute","Boolean","updated","changedProperties","has","shadowRoot","querySelectorAll","selectorAccordionItemSkeletons","elem","setAttribute","alignment","isFlush","removeAttribute","render","classes","numSkeletonItems","open","count","_t","_2","_t2","part","class","Array","from","map","_","index","_t3","static"],"sources":["components/accordion/accordion-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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ACCORDION_ALIGNMENT } from './accordion';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport './accordion-item-skeleton';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-accordion-skeleton`)\nclass CDSAccordionSkeleton extends LitElement {\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Set number of items to render\n   */\n  @property({ type: Number, attribute: 'count' })\n  count = 4;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  /**\n   * `true` if the first accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  updated(changedProperties) {\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          this.isFlush && this.alignment !== 'start'\n            ? elem.setAttribute('isFlush', '')\n            : elem.removeAttribute('isFlush');\n        }\n      );\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--accordion__item`]: true,\n      [`${prefix}--accordion__item--active`]: true,\n      [`${prefix}--accordion--${this.alignment}`]: this.alignment,\n      [`${prefix}--accordion--flush`]:\n        this.isFlush && this.alignment !== 'start',\n    });\n    const numSkeletonItems = this.open ? this.count - 1 : this.count;\n    return html`\n      ${this.open\n        ? html`\n            <li class=\"${classes}\">\n              <span class=\"${prefix}--accordion__heading\">\n                ${ChevronRight16({\n                  part: 'expando-icon',\n                  class: `${prefix}--accordion__arrow`,\n                })}\n                <cds-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-skeleton-text width=\"90%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"80%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"85%\"></cds-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from(new Array(numSkeletonItems)).map(\n        (_, index) =>\n          html`\n            <cds-accordion-item-skeleton\n              key=${index}></cds-accordion-item-skeleton>\n          `\n      )}\n    `;\n  }\n\n  static get selectorAccordionItemSkeletons() {\n    return `${prefix}-accordion-item-skeleton`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionSkeleton;\n"],"mappings":"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"}

package/es/components/accordion/accordion.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,:host(cds-accordion-item[isFlush]) .cds--accordion__title{margin-left:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,:host(cds-accordion-item[isFlush]) .cds--accordion__arrow{margin-right:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,:host(cds-accordion-item[isFlush]) .cds--accordion__content{padding-left:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,:not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:focus::before,:not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:focus::before,:not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{left:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child,:last-child:host(cds-accordion-item),:last-child:host(cds-accordion-item-skeleton){border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:2.5rem;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;padding:.625rem 0;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion--lg .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=lg]) .cds--accordion__heading,:host(cds-accordion-item[size=lg]) .cds--accordion__heading{min-height:3rem;align-items:center}.cds--accordion--sm .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=sm]) .cds--accordion__heading,:host(cds-accordion-item[size=sm]) .cds--accordion__heading{min-height:2rem;padding:.3125rem 0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:2px 1rem 0 0;fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-right:1rem;margin:0 0 0 1rem;text-align:left}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-right:1rem;padding-left:1rem;transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 1rem}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-right:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-left:2rem}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading,.cds--skeleton:host(cds-accordion) .cds--accordion__button,.cds--skeleton:host(cds-accordion) .cds--accordion__heading,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__button,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:active,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:focus,.cds--skeleton:host(cds-accordion) .cds--accordion__arrow:hover,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:active,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:focus,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,.cds--skeleton:host(cds-accordion) .cds--accordion__heading:hover::before,.cds--skeleton:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-left:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-right:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-right:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-right:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
+  ':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,:host(cds-accordion-item[isFlush]) .cds--accordion__title{margin-left:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,:host(cds-accordion-item[isFlush]) .cds--accordion__arrow{margin-right:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,:host(cds-accordion-item[isFlush]) .cds--accordion__content{padding-left:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,:not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:focus::before,:not(.cds--skeleton):host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__heading:hover::before,:not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:focus::before,:not(.cds--skeleton):host(cds-accordion-item[isFlush]) .cds--accordion__heading:hover::before{left:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:var(--cds-layout-size-height-local);flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:0 var(--cds-layout-density-padding-inline-local) 0 0;fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-right:1rem;margin:0 0 0 var(--cds-layout-density-padding-inline-local);text-align:left}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-inline:var(--cds-layout-density-padding-inline-local);transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-right:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-right:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-left:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-left:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-height:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-height:var(--cds-layout-size-height-context)}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-right:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-right:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-right:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
 ]);

package/es/components/accordion/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/accordion/accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAG7D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,IAAI,iBAAyB;IAE7B;;OAEG;IAEH,SAAS,sBAA2B;IAEpC;;OAEG;IAEH,OAAO,UAAS;IAEhB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAyCzB,MAAM;IAIN,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"accordion.d.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, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';\nimport styles from './accordion.scss';\n\nexport { ACCORDION_SIZE, ACCORDION_ALIGNMENT };\n\n/**\n * Accordion container.\n *\n * @element cds-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass CDSAccordion extends LitElement {\n  /**\n   * Accordion size should be sm, md, lg.\n   */\n  @property({ reflect: true })\n  size = ACCORDION_SIZE.MEDIUM;\n\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          this.isFlush && this.alignment !== 'start'\n            ? elem.setAttribute('isFlush', '')\n            : elem.removeAttribute('isFlush');\n        }\n      );\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get selectorAccordionItems() {\n    return `${prefix}-accordion-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordion;\n"]}
+{"version":3,"sources":["components/accordion/accordion.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAI7D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C;;;;GAIG;AACH,cACM,YAAa,SAAQ,UAAU;IACnC;;OAEG;IAEH,IAAI,iBAAyB;IAE7B;;OAEG;IAEH,SAAS,sBAA2B;IAEpC;;OAEG;IAEH,OAAO,UAAS;IAEhB,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAyCzB,MAAM;IAIN,MAAM,KAAK,sBAAsB,WAEhC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC","file":"accordion.d.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 { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE, ACCORDION_ALIGNMENT };\n\n/**\n * Accordion container.\n *\n * @element cds-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass CDSAccordion extends LitElement {\n  /**\n   * Accordion size should be sm, md, lg.\n   */\n  @property({ reflect: true })\n  size = ACCORDION_SIZE.MEDIUM;\n\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          this.isFlush && this.alignment !== 'start'\n            ? elem.setAttribute('isFlush', '')\n            : elem.removeAttribute('isFlush');\n        }\n      );\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get selectorAccordionItems() {\n    return `${prefix}-accordion-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordion;\n"]}

package/es/components/accordion/accordion.js

@@ -13,11 +13,12 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import { forEach } from '../../globals/internal/collection-helpers';
 import { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';
 import styles from "././accordion.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { ACCORDION_SIZE, ACCORDION_ALIGNMENT };
 
 /**

package/es/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["LitElement","html","property","customElement","prefix","forEach","ACCORDION_SIZE","ACCORDION_ALIGNMENT","styles","CDSAccordion","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","MEDIUM","END","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorAccordionItems","elem","size","alignment","isFlush","removeAttribute","render","_t","_","static"],"sources":["components/accordion/accordion.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, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';\nimport styles from './accordion.scss';\n\nexport { ACCORDION_SIZE, ACCORDION_ALIGNMENT };\n\n/**\n * Accordion container.\n *\n * @element cds-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass CDSAccordion extends LitElement {\n  /**\n   * Accordion size should be sm, md, lg.\n   */\n  @property({ reflect: true })\n  size = ACCORDION_SIZE.MEDIUM;\n\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          this.isFlush && this.alignment !== 'start'\n            ? elem.setAttribute('isFlush', '')\n            : elem.removeAttribute('isFlush');\n        }\n      );\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get selectorAccordionItems() {\n    return `${prefix}-accordion-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordion;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,QAAQ;AAC5D,OAAOC,MAAM,MAAM,sBAAkB;AAErC,SAASF,cAAc,EAAEC,mBAAmB;;AAE5C;AACA;AACA;AACA;AACA;AAJA,IAMME,YAAY,GAAAC,SAAA,EADjBP,aAAa,CAAE,GAAEC,MAAO,YAAW,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAArC,MACMH,YAAY,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4EtC;EAAC;IAAAI,CAAA,EA5EKN,YAAY;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIfhB,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBf,cAAc,CAACgB,MAAM;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAK3BhB,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChBd,mBAAmB,CAACgB,GAAG;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKlChB,QAAQ,CAAC;QAAEsB,IAAI,EAAEC,OAAO;QAAEN,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACjC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAhBf;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAK,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;QACnC;QACAC,IAAA,CAAAC,eAAA,CAvBErB,YAAY,CAAAsB,SAAA,8BAAAC,IAAA;MAwBhB;IAAC;MAAAf,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAY,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC;UACA9B,OAAO,CACL,IAAI,CAAC+B,gBAAgB,CAClB,IAAI,CAACvB,WAAW,CAAyBwB,sBAAsB,CACjE,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,MAAM,EAAE,IAAI,CAACW,IAAI,CAAC;UACtC,CAAC,CACF;QACH;QACA,IAAIL,iBAAiB,CAACC,GAAG,CAAC,WAAW,CAAC,EAAE;UACtC;UACA9B,OAAO,CACL,IAAI,CAAC+B,gBAAgB,CAClB,IAAI,CAACvB,WAAW,CAAyBwB,sBAAsB,CACjE,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,WAAW,EAAE,IAAI,CAACY,SAAS,CAAC;UAChD,CAAC,CACF;QACH;QACA,IACEN,iBAAiB,CAACC,GAAG,CAAC,SAAS,CAAC,IAChCD,iBAAiB,CAACC,GAAG,CAAC,WAAW,CAAC,EAClC;UACA;UACA9B,OAAO,CACL,IAAI,CAAC+B,gBAAgB,CAClB,IAAI,CAACvB,WAAW,CAAyBwB,sBAAsB,CACjE,EACAC,IAAI,IAAK;YACR,IAAI,CAACG,OAAO,IAAI,IAAI,CAACD,SAAS,KAAK,OAAO,GACtCF,IAAI,CAACV,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,GAChCU,IAAI,CAACI,eAAe,CAAC,SAAS,CAAC;UACrC,CAAC,CACF;QACH;MACF;IAAC;MAAAzB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAsB,OAAA,EAAS;QACP,OAAO1C,IAAI,CAAA2C,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAA5B,IAAA;MAAA6B,MAAA;MAAA1B,GAAA;MAAAC,KAAA,EAED,SAAAgB,uBAAA,EAAoC;QAClC,OAAQ,GAAEjC,MAAO,iBAAgB;MACnC;IAAC;MAAAa,IAAA;MAAA6B,MAAA;MAAA1B,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GA3EGR,UAAU;AA8ErC,eAAeS,YAAY"}
+{"version":3,"file":"accordion.js","names":["LitElement","html","property","prefix","forEach","ACCORDION_SIZE","ACCORDION_ALIGNMENT","styles","carbonElement","customElement","CDSAccordion","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","MEDIUM","END","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorAccordionItems","elem","size","alignment","isFlush","removeAttribute","render","_t","_","static"],"sources":["components/accordion/accordion.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 { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';\nimport styles from './accordion.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE, ACCORDION_ALIGNMENT };\n\n/**\n * Accordion container.\n *\n * @element cds-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass CDSAccordion extends LitElement {\n  /**\n   * Accordion size should be sm, md, lg.\n   */\n  @property({ reflect: true })\n  size = ACCORDION_SIZE.MEDIUM;\n\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          this.isFlush && this.alignment !== 'start'\n            ? elem.setAttribute('isFlush', '')\n            : elem.removeAttribute('isFlush');\n        }\n      );\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get selectorAccordionItems() {\n    return `${prefix}-accordion-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordion;\n"],"mappings":"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"}

package/es/components/accordion/accordion.rtl.css.js

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,:host(cds-accordion-item[isFlush]) .cds--accordion__title{margin-right:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,:host(cds-accordion-item[isFlush]) .cds--accordion__arrow{margin-left:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,:host(cds-accordion-item[isFlush]) .cds--accordion__content{padding-right:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before{right:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child,:host(cds-accordion-item-skeleton:last-child),:host(cds-accordion-item:last-child){border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:2.5rem;flex-direction:row-reverse;align-items:flex-start;justify-content:flex-start;padding:.625rem 0;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;right:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion--lg .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=lg]) .cds--accordion__heading,:host(cds-accordion-item[size=lg]) .cds--accordion__heading{min-height:3rem;align-items:center}.cds--accordion--sm .cds--accordion__heading,:host(cds-accordion-item-skeleton[size=sm]) .cds--accordion__heading,:host(cds-accordion-item[size=sm]) .cds--accordion__heading{min-height:2rem;padding:.3125rem 0}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:2px 0 0 1rem;fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-left:1rem;margin:0 1rem 0 0;text-align:right}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-left:1rem;padding-right:1rem;transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 1rem 0 0}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-left:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-right:2rem}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__button,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__heading,:host(cds-accordion.cds--skeleton) .cds--accordion__button,:host(cds-accordion.cds--skeleton) .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:active,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:focus,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__arrow:hover,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:active,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:focus,:host(cds-accordion.cds--skeleton) .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton.cds--skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion.cds--skeleton) .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-right:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-left:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-left:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-left:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
+  ':root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--accordion--flush .cds--accordion__title,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__title,:host(cds-accordion-item[isFlush]) .cds--accordion__title{margin-right:0}.cds--accordion--flush .cds--accordion__arrow,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__arrow,:host(cds-accordion-item[isFlush]) .cds--accordion__arrow{margin-left:0}.cds--accordion--flush .cds--accordion__content,:host(cds-accordion-item-skeleton[isFlush]) .cds--accordion__content,:host(cds-accordion-item[isFlush]) .cds--accordion__content{padding-right:0}.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:focus::before,.cds--accordion--flush:not(.cds--skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item-skeleton[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:focus::before,:host(cds-accordion-item[isFlush]:not(.cds--skeleton)) .cds--accordion__heading:hover::before{right:-1rem;width:calc(100% + 32px)}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:100%;list-style:none}.cds--accordion *,.cds--accordion ::after,.cds--accordion ::before,:host(cds-accordion) *,:host(cds-accordion) ::after,:host(cds-accordion) ::before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) ::after,:host(cds-accordion-skeleton) ::before{box-sizing:inherit}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:list-item;overflow:visible;border-top:1px solid var(--cds-border-subtle);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__heading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:flex;width:100%;min-height:var(--cds-layout-size-height-local);flex-direction:row-reverse;align-items:center;justify-content:flex-start;margin:0;color:var(--cds-text-primary,#161616);cursor:pointer;transition:background-color cubic-bezier(.2,0,.38,.9) 110ms}.cds--accordion__heading *,.cds--accordion__heading ::after,.cds--accordion__heading ::before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading:focus::before,.cds--accordion__heading:hover::before{position:absolute;top:-1px;right:0;width:100%;height:calc(100% + 2px);content:""}.cds--accordion__heading:hover::before{background-color:var(--cds-layer-hover)}.cds--accordion__heading:focus{outline:0}.cds--accordion__heading:focus::before{box-sizing:border-box;border:2px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--accordion__heading:focus::before{border-style:dotted}}.cds--accordion__heading[disabled]{color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--accordion__heading[disabled]:hover::before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-top:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-bottom:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{outline:2px solid transparent;outline-offset:-2px;width:1rem;height:1rem;flex:0 0 1rem;margin:0 0 0 var(--cds-layout-density-padding-inline-local);fill:var(--cds-icon-primary,#161616);transform:rotate(-270deg);transition:all 110ms cubic-bezier(.2,0,.38,.9)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);z-index:1;width:100%;padding-left:1rem;margin:0 var(--cds-layout-density-padding-inline-local) 0 0;text-align:right}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{display:none;padding-inline:var(--cds-layout-density-padding-inline-local);transition:padding cubic-bezier(.2,0,.38,.9) 110ms}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-left:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px var(--cds-layout-density-padding-inline-local) 0 0}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-left:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-right:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}@keyframes collapse-accordion{0%{height:100%;opacity:1;visibility:inherit}100%{height:0;opacity:0;visibility:hidden}}@keyframes expand-accordion{0%{height:0;opacity:0;visibility:hidden}100%{height:100%;opacity:1;visibility:inherit}}.cds--accordion__item--collapsing .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) collapse-accordion}.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{animation:110ms cubic-bezier(.2,0,.38,.9) expand-accordion}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active .cds--accordion__content,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{display:block;padding-top:.5rem;padding-bottom:1.5rem;transition:padding-top cubic-bezier(0,0,.38,.9) 110ms,padding-bottom cubic-bezier(0,0,.38,.9) 110ms}.cds--accordion__item--active .cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:0}.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-right:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:0}.cds--accordion__title.cds--skeleton__text{margin-bottom:0}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--accordion__arrow,.cds--accordion__item--active .cds--accordion__arrow{fill:ButtonText}}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;outline:0}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);margin:0}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-height:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-height:var(--cds-layout-size-height-context)}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-left:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-left:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-left:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover::before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover::before{background:0 0}',
 ]);

package/es/components/accordion/defs.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2022, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/accordion/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/accordion/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,yBAAyB;IACnC;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;CACd;AAED;;GAEG;AACH,oBAAY,cAAc;IACxB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,mBAAmB;IAC7B;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,GAAG,QAAQ;CACZ","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Breakpoints for accordion items. It's different from one in `@carbon/layout` library.\n */\nexport enum ACCORDION_ITEM_BREAKPOINT {\n  /**\n   * Small breakpoint.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium breakpoint.\n   */\n  MEDIUM = 'md',\n}\n\n/**\n * Accordion size.\n */\nexport enum ACCORDION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Specify the alignment of the accordion heading title and chevron.\n */\nexport enum ACCORDION_ALIGNMENT {\n  /**\n   * Alignment to the start\n   */\n  START = 'start',\n\n  /**\n   * Alignment to the end\n   */\n  END = 'END',\n}\n"]}
+{"version":3,"sources":["components/accordion/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH;;GAEG;AACH,oBAAY,yBAAyB;IACnC;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;CACd;AAED;;GAEG;AACH,oBAAY,cAAc;IACxB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,mBAAmB;IAC7B;;OAEG;IACH,KAAK,UAAU;IAEf;;OAEG;IACH,GAAG,QAAQ;CACZ","file":"defs.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022, 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\n/**\n * Breakpoints for accordion items. It's different from one in `@carbon/layout` library.\n */\nexport enum ACCORDION_ITEM_BREAKPOINT {\n  /**\n   * Small breakpoint.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium breakpoint.\n   */\n  MEDIUM = 'md',\n}\n\n/**\n * Accordion size.\n */\nexport enum ACCORDION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Specify the alignment of the accordion heading title and chevron.\n */\nexport enum ACCORDION_ALIGNMENT {\n  /**\n   * Alignment to the start\n   */\n  START = 'start',\n\n  /**\n   * Alignment to the end\n   */\n  END = 'END',\n}\n"]}

package/es/components/accordion/defs.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2020, 2023
+ * Copyright IBM Corp. 2020, 2022, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/accordion/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["ACCORDION_ITEM_BREAKPOINT","ACCORDION_SIZE","ACCORDION_ALIGNMENT"],"sources":["components/accordion/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\n/**\n * Breakpoints for accordion items. It's different from one in `@carbon/layout` library.\n */\nexport enum ACCORDION_ITEM_BREAKPOINT {\n  /**\n   * Small breakpoint.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium breakpoint.\n   */\n  MEDIUM = 'md',\n}\n\n/**\n * Accordion size.\n */\nexport enum ACCORDION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Specify the alignment of the accordion heading title and chevron.\n */\nexport enum ACCORDION_ALIGNMENT {\n  /**\n   * Alignment to the start\n   */\n  START = 'start',\n\n  /**\n   * Alignment to the end\n   */\n  END = 'END',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,yBAAyB;;AAYrC;AACA;AACA;AAFA,WAZYA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAzBA,yBAAyB;AAerC,WAAYC,cAAc;;AAiB1B;AACA;AACA;AAFA,WAjBYA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;AAAA,GAAdA,cAAc,KAAdA,cAAc;AAoB1B,WAAYC,mBAAmB;AAU9B,WAVWA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAnBA,mBAAmB"}
+{"version":3,"file":"defs.js","names":["ACCORDION_ITEM_BREAKPOINT","ACCORDION_SIZE","ACCORDION_ALIGNMENT"],"sources":["components/accordion/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022, 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\n/**\n * Breakpoints for accordion items. It's different from one in `@carbon/layout` library.\n */\nexport enum ACCORDION_ITEM_BREAKPOINT {\n  /**\n   * Small breakpoint.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium breakpoint.\n   */\n  MEDIUM = 'md',\n}\n\n/**\n * Accordion size.\n */\nexport enum ACCORDION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Specify the alignment of the accordion heading title and chevron.\n */\nexport enum ACCORDION_ALIGNMENT {\n  /**\n   * Alignment to the start\n   */\n  START = 'start',\n\n  /**\n   * Alignment to the end\n   */\n  END = 'END',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,WAAYA,yBAAyB;;AAYrC;AACA;AACA;AAFA,WAZYA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAzBA,yBAAyB;AAerC,WAAYC,cAAc;;AAiB1B;AACA;AACA;AAFA,WAjBYA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;AAAA,GAAdA,cAAc,KAAdA,cAAc;AAoB1B,WAAYC,mBAAmB;AAU9B,WAVWA,mBAAmB;EAAnBA,mBAAmB;EAAnBA,mBAAmB;AAAA,GAAnBA,mBAAmB,KAAnBA,mBAAmB"}

package/es/components/accordion/index.d.ts

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021, 2023
+ * Copyright IBM Corp. 2021, 2022, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/accordion/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './accordion';\nimport './accordion-item';\nimport './accordion-item-skeleton';\nimport './accordion-skeleton';\n"]}
+{"version":3,"sources":["components/accordion/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,CAAC","file":"index.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2022, 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 './accordion';\nimport './accordion-item';\nimport './accordion-item-skeleton';\nimport './accordion-skeleton';\n"]}

package/es/components/accordion/index.js

@@ -1,7 +1,7 @@
 /**
  * @license
  *
- * Copyright IBM Corp. 2021, 2023
+ * Copyright IBM Corp. 2021, 2022, 2023
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["components/accordion/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 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 './accordion';\nimport './accordion-item';\nimport './accordion-item-skeleton';\nimport './accordion-skeleton';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,2BAA2B;AAClC,OAAO,sBAAsB"}
+{"version":3,"file":"index.js","names":[],"sources":["components/accordion/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2021, 2022, 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 './accordion';\nimport './accordion-item';\nimport './accordion-item-skeleton';\nimport './accordion-skeleton';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,2BAA2B;AAClC,OAAO,sBAAsB"}

package/es/components/breadcrumb/breadcrumb-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/breadcrumb/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"breadcrumb-item.d.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './breadcrumb.scss';\n\n/**\n * Breadcrumb item.\n *\n * @element cds-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass CDSBreadcrumbItem extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbItem;\n"]}
+{"version":3,"sources":["components/breadcrumb/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"breadcrumb-item.d.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 { prefix } from '../../globals/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Breadcrumb item.\n *\n * @element cds-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass CDSBreadcrumbItem extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbItem;\n"]}

package/es/components/breadcrumb/breadcrumb-item.js

@@ -13,19 +13,15 @@ let _ = t => t,
  */
 
 import { LitElement, html } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import styles from "././breadcrumb.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**
  * Breadcrumb item.
  *
  * @element cds-breadcrumb-item
- */ /**
-     * Breadcrumb item.
-     *
-     * @element cds-breadcrumb-item
-     */
+ */
 let CDSBreadcrumbItem = _decorate([customElement(`${prefix}-breadcrumb-item`)], function (_initialize, _LitElement) {
   class CDSBreadcrumbItem extends _LitElement {
     constructor(...args) {

package/es/components/breadcrumb/breadcrumb-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.js","names":["LitElement","html","customElement","prefix","styles","CDSBreadcrumbItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb-item.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './breadcrumb.scss';\n\n/**\n * Breadcrumb item.\n *\n * @element cds-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass CDSBreadcrumbItem extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;;AAEtC;AACA;AACA;AACA;AACA,GAJA;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBJ,aAAa,CAAE,GAAEC,MAAO,kBAAiB,CAAC,aAAAI,WAAA,EAAAC,WAAA;EAA3C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa3C;EAAC;IAAAI,CAAA,EAbKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CALEf,iBAAiB,CAAAgB,SAAA,8BAAAC,IAAA;MAMrB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOtB,IAAI,CAAAuB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAZQJ,UAAU;AAe1C,eAAeK,iBAAiB"}
+{"version":3,"file":"breadcrumb-item.js","names":["LitElement","html","prefix","styles","carbonElement","customElement","CDSBreadcrumbItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","key","value","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","render","_t","_","static"],"sources":["components/breadcrumb/breadcrumb-item.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 { prefix } from '../../globals/settings';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Breadcrumb item.\n *\n * @element cds-breadcrumb-item\n */\n@customElement(`${prefix}-breadcrumb-item`)\nclass CDSBreadcrumbItem extends LitElement {\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,uBAAmB;AACtC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,iBAAiB,GAAAC,SAAA,EADtBF,aAAa,CAAE,GAAEH,MAAO,kBAAiB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAA3C,MACMH,iBAAiB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAa3C;EAAC;IAAAI,CAAA,EAbKN,iBAAiB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACrB,SAAAC,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACAC,IAAA,CAAAC,eAAA,CALEf,iBAAiB,CAAAgB,SAAA,8BAAAC,IAAA;MAMrB;IAAC;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAQ,OAAA,EAAS;QACP,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;IAAC;MAAAZ,IAAA;MAAAa,MAAA;MAAAZ,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAZQH,UAAU;AAe1C,eAAeM,iBAAiB"}

package/es/components/breadcrumb/breadcrumb-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/breadcrumb/breadcrumb-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,OAAO,MAAM,cAAc,CAAC;AAGnC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,OAAO;IACrC,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"breadcrumb-link.d.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 { customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSLink from '../link/link';\nimport styles from './breadcrumb.scss';\n\n/**\n * Link in breadcrumb.\n *\n * @element cds-breadcrumb-link\n */\n@customElement(`${prefix}-breadcrumb-link`)\nclass CDSBreadcrumbLink extends CDSLink {\n  render() {\n    return html`\n      ${this.href\n        ? super.render()\n        : html`<span class=\"${prefix}--link\"><slot></slot></span>`}\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbLink;\n"]}
+{"version":3,"sources":["components/breadcrumb/breadcrumb-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,OAAO,MAAM,cAAc,CAAC;AAInC;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,OAAO;IACrC,MAAM;IAON,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"breadcrumb-link.d.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 { prefix } from '../../globals/settings';\nimport CDSLink from '../link/link';\nimport styles from './breadcrumb.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Link in breadcrumb.\n *\n * @element cds-breadcrumb-link\n */\n@customElement(`${prefix}-breadcrumb-link`)\nclass CDSBreadcrumbLink extends CDSLink {\n  render() {\n    return html`\n      ${this.href\n        ? super.render()\n        : html`<span class=\"${prefix}--link\"><slot></slot></span>`}\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSBreadcrumbLink;\n"]}

package/es/components/breadcrumb/breadcrumb-link.js

@@ -14,20 +14,16 @@ let _ = t => t,
  */
 
 import { html } from 'lit';
-import { customElement } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings';
 import CDSLink from '../link/link';
 import styles from "././breadcrumb.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 
 /**
  * Link in breadcrumb.
  *
  * @element cds-breadcrumb-link
- */ /**
-     * Link in breadcrumb.
-     *
-     * @element cds-breadcrumb-link
-     */
+ */
 let CDSBreadcrumbLink = _decorate([customElement(`${prefix}-breadcrumb-link`)], function (_initialize, _CDSLink) {
   class CDSBreadcrumbLink extends _CDSLink {
     constructor(...args) {