@carbon/ibmdotcom-web-components 1.26.0-rc.1 → 1.26.0-rc.3

package/es/components/footer/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":["settings","classMap","ifDefined","html","query","customElement","property","ddsSettings","BXDropdown","ChevronDown16","WarningFilled16","DROPDOWN_COLOR_SCHEME","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE","NAVIGATION_DIRECTION","forEach","indexOf","stablePrefix","ddsPrefix","prefix","DDSDropdown","attribute","latestSelection","currentItem","direction","constructor","items","querySelectorAll","selectorItem","highlightedItem","querySelector","selectorItemHighlighted","highlightedIndex","nextIndex","length","item","i","highlighted","nextItem","scrollIntoView","block","nextItemText","textContent","_assistiveStatusText","formatSelectedItemStatusText","_inputNode","value","requestUpdate","colorScheme","disabled","helperText","invalid","labelText","open","toggleLabelClosed","toggleLabelOpen","size","type","validityMessage","assistiveStatusText","_shouldTriggerBeFocusable","shouldTriggerBeFocusable","_handleClickInner","handleClickInner","_handleKeydownInner","handleKeydownInner","_handleKeypressInner","handleKeypressInner","_handleSlotchangeHelperText","handleSlotchangeHelperText","_handleSlotchangeLabelText","handleSlotchangeLabelText","_slotHelperTextNode","slotHelperTextNode","_slotLabelTextNode","slotLabelTextNode","inline","INLINE","selectedItemsCount","selectorItemSelected","classes","labelClasses","helperClasses","iconContainerClasses","toggleLabel","undefined","hasHelperText","assignedNodes","hasLabelText","helper","validityIcon","class","menuBody","String","_renderPrecedingTriggerContent","_renderTriggerContent","_renderFollowingTriggerContent"],"sources":["components/footer/dropdown.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, query, customElement, property } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport BXDropdown from '@carbon/carbon-web-components/es/components/dropdown/dropdown.js';\nimport BXDropdownItem from '@carbon/carbon-web-components/es/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '@carbon/carbon-web-components/es/icons/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/carbon-web-components/es/icons/warning--filled/16.js';\nimport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown.\n *\n * @element dds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires bx-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires bx-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-dropdown`)\nclass DDSDropdown extends BXDropdown {\n  /**\n   * The `<input` node in ComboBox, used to get value.\n   */\n  @query(`input`)\n  protected _inputNode;\n\n  /**\n   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemStatusText = ({ latestSelection, currentItem }) =>\n    currentItem === ''\n      ? `${latestSelection}`\n      : `${latestSelection}, Current input is: ${currentItem}`;\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof BXDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n    if (nextIndex < 0) {\n      nextIndex = items.length - 1;\n    }\n    if (nextIndex >= items.length) {\n      nextIndex = 0;\n    }\n    forEach(items, (item, i) => {\n      (item as BXDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = this.formatSelectedItemStatusText({\n        latestSelection: `${nextItemText}`,\n        currentItem: `${this._inputNode.value}`,\n      });\n    }\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      type,\n      validityMessage,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n      _slotHelperTextNode: slotHelperTextNode,\n      _slotLabelTextNode: slotLabelTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof DDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--${colorScheme}`]: colorScheme,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label-visually-hidden`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const hasLabelText =\n      labelText ||\n      (slotLabelTextNode && slotLabelTextNode.assignedNodes().length > 0);\n    const helper = !invalid\n      ? html`\n          <div\n            part=\"helper-text\"\n            class=\"${helperClasses}\"\n            ?hidden=\"${inline || !hasHelperText}\"\n          >\n            <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n              >${helperText}</slot\n            >\n          </div>\n        `\n      : html`\n          <div part=\"validity-message\" class=${`${prefix}--form-requirement`}>\n            <slot name=\"validity-message\">${validityMessage}</slot>\n          </div>\n        `;\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\"\n          >\n            <slot></slot>\n          </div>\n        `;\n    return html`\n      <label\n        part=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\"\n      >\n        <slot name=\"label-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${labelText}</slot\n        >\n      </label>\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}\n      >\n        ${validityIcon}\n        <div\n          part=\"trigger-button\"\n          role=\"button\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\"\n        >\n          ${this._renderPrecedingTriggerContent()}${this._renderTriggerContent()}${this._renderFollowingTriggerContent()}\n          <div class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      ${helper}\n      <div\n        id=\"assistiveStatus\"\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\"\n      >\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n}\n\nexport default DDSDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","names":["settings","classMap","ifDefined","html","query","customElement","property","ddsSettings","BXDropdown","ChevronDown16","WarningFilled16","DROPDOWN_COLOR_SCHEME","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE","NAVIGATION_DIRECTION","forEach","indexOf","stablePrefix","ddsPrefix","prefix","DDSDropdown","attribute","latestSelection","currentItem","direction","constructor","items","querySelectorAll","selectorItem","highlightedItem","querySelector","selectorItemHighlighted","highlightedIndex","nextIndex","length","item","i","highlighted","nextItem","scrollIntoView","block","nextItemText","textContent","_assistiveStatusText","formatSelectedItemStatusText","_inputNode","value","requestUpdate","colorScheme","disabled","helperText","invalid","labelText","open","toggleLabelClosed","toggleLabelOpen","size","type","validityMessage","assistiveStatusText","_shouldTriggerBeFocusable","shouldTriggerBeFocusable","_handleClickInner","handleClickInner","_handleKeydownInner","handleKeydownInner","_handleKeypressInner","handleKeypressInner","_handleSlotchangeHelperText","handleSlotchangeHelperText","_handleSlotchangeLabelText","handleSlotchangeLabelText","_slotHelperTextNode","slotHelperTextNode","_slotLabelTextNode","slotLabelTextNode","inline","INLINE","selectedItemsCount","selectorItemSelected","classes","labelClasses","helperClasses","iconContainerClasses","toggleLabel","undefined","hasHelperText","assignedNodes","hasLabelText","helper","validityIcon","class","menuBody","String","_renderPrecedingTriggerContent","_renderTriggerContent","_renderFollowingTriggerContent"],"sources":["components/footer/dropdown.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2022\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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, query, customElement, property } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport BXDropdown from '@carbon/web-components/es/components/dropdown/dropdown.js';\nimport BXDropdownItem from '@carbon/web-components/es/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '@carbon/web-components/es/icons/chevron--down/16.js';\nimport WarningFilled16 from '@carbon/web-components/es/icons/warning--filled/16.js';\nimport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown.\n *\n * @element dds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires bx-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires bx-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-dropdown`)\nclass DDSDropdown extends BXDropdown {\n  /**\n   * The `<input` node in ComboBox, used to get value.\n   */\n  @query(`input`)\n  protected _inputNode;\n\n  /**\n   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemStatusText = ({ latestSelection, currentItem }) =>\n    currentItem === ''\n      ? `${latestSelection}`\n      : `${latestSelection}, Current input is: ${currentItem}`;\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof BXDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n    if (nextIndex < 0) {\n      nextIndex = items.length - 1;\n    }\n    if (nextIndex >= items.length) {\n      nextIndex = 0;\n    }\n    forEach(items, (item, i) => {\n      (item as BXDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = this.formatSelectedItemStatusText({\n        latestSelection: `${nextItemText}`,\n        currentItem: `${this._inputNode.value}`,\n      });\n    }\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      type,\n      validityMessage,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n      _slotHelperTextNode: slotHelperTextNode,\n      _slotLabelTextNode: slotLabelTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof DDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--${colorScheme}`]: colorScheme,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label-visually-hidden`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const hasLabelText =\n      labelText ||\n      (slotLabelTextNode && slotLabelTextNode.assignedNodes().length > 0);\n    const helper = !invalid\n      ? html`\n          <div\n            part=\"helper-text\"\n            class=\"${helperClasses}\"\n            ?hidden=\"${inline || !hasHelperText}\"\n          >\n            <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n              >${helperText}</slot\n            >\n          </div>\n        `\n      : html`\n          <div part=\"validity-message\" class=${`${prefix}--form-requirement`}>\n            <slot name=\"validity-message\">${validityMessage}</slot>\n          </div>\n        `;\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\"\n          >\n            <slot></slot>\n          </div>\n        `;\n    return html`\n      <label\n        part=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\"\n      >\n        <slot name=\"label-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${labelText}</slot\n        >\n      </label>\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}\n      >\n        ${validityIcon}\n        <div\n          part=\"trigger-button\"\n          role=\"button\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\"\n        >\n          ${this._renderPrecedingTriggerContent()}${this._renderTriggerContent()}${this._renderFollowingTriggerContent()}\n          <div class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      ${helper}\n      <div\n        id=\"assistiveStatus\"\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\"\n      >\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n}\n\nexport default DDSDropdown;\n"],"mappings":"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"}

package/es/components/footer/footer-composite.d.ts

@@ -22,8 +22,8 @@ import './legal-nav-item';
 import './legal-nav-cookie-preferences-placeholder';
 import './language-selector-desktop';
 import './language-selector-mobile';
-import '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';
-import '@carbon/carbon-web-components/es/components/select/select-item.js';
+import '@carbon/web-components/es/components/combo-box/combo-box-item.js';
+import '@carbon/web-components/es/components/select/select-item.js';
 declare const DDSFooterComposite_base: ((abstract new (...args: any[]) => {
     _disconnectedAfterCreation: boolean;
     _createAndRenderModal(): void;
@@ -647,7 +647,7 @@ declare const DDSFooterComposite_base: ((abstract new (...args: any[]) => {
     focus(options?: FocusOptions | undefined): void;
 }) & {
     new (...args: any[]): {
-        _handles: Set<import("@carbon/carbon-web-components/es/globals/internal/handle").default>;
+        _handles: Set<import("@carbon/web-components/es/globals/internal/handle").default>;
         connectedCallback(): void;
         disconnectedCallback(): void;
         accessKey: string;
@@ -674,11 +674,6 @@ declare const DDSFooterComposite_base: ((abstract new (...args: any[]) => {
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-        /**
-         * Component that rendres footer from inks data.
-         *
-         * @element dds-footer-composite
-         */
         readonly attributes: NamedNodeMap;
         readonly classList: DOMTokenList;
         className: string;

package/es/components/footer/footer-composite.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/footer-composite.ts"],"names":[],"mappings":"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","file":"footer-composite.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport LocaleAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { FOOTER_SIZE } from './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport '../locale-modal/locale-modal-composite';\nimport './footer-logo';\nimport './footer-nav';\nimport './footer-nav-group';\nimport './footer-nav-item';\nimport './locale-button';\nimport './legal-nav';\nimport './legal-nav-item';\nimport './legal-nav-cookie-preferences-placeholder';\nimport './language-selector-desktop';\nimport './language-selector-mobile';\nimport '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';\nimport '@carbon/carbon-web-components/es/components/select/select-item.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres footer from inks data.\n *\n * @element dds-footer-composite\n */\n@customElement(`${ddsPrefix}-footer-composite`)\nclass DDSFooterComposite extends ModalRenderMixin(\n  HybridRenderMixin(HostListenerMixin(LitElement))\n) {\n  /**\n   * Handles `click` event on the locale button.\n   */\n  private _handleClickLocaleButton = () => {\n    this.openLocaleModal = true;\n  };\n\n  /**\n   * Handles `dds-expressive-modal-closed` event on the locale modal.\n   */\n  @HostListener('document:eventCloseModal')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleCloseModal = (event: CustomEvent) => {\n    if ((this.modalRenderRoot as Element).contains(event.target as Node)) {\n      this.openLocaleModal = false;\n    }\n  };\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The aria-label to use for the locale-button\n   */\n  @property()\n  buttonLabel?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: { id: string; text: string }[];\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The legal nav links.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The adjunct links.\n   */\n  @property({ attribute: false })\n  adjunctLinks: BasicLink[] = [];\n\n  /**\n   * The footer links.\n   */\n  @property({ attribute: false })\n  links: BasicLinkSet[] = [];\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the locale modal.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size.\n   */\n  @property({ reflect: true })\n  size?: FOOTER_SIZE;\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    globalInit();\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadTranslation?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('language')) {\n      const { language } = this;\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadTranslation?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  /**\n   * @returns The locale modal.\n   */\n  renderModal() {\n    const {\n      collatorCountryName,\n      langDisplay,\n      language,\n      localeList,\n      openLocaleModal,\n      _loadLocaleList: loadLocaleList,\n    } = this;\n    return html`\n      <dds-locale-modal-composite\n        lang-display=\"${ifNonNull(langDisplay)}\"\n        language=\"${ifNonNull(language)}\"\n        ?open=\"${openLocaleModal}\"\n        .collatorCountryName=\"${ifNonNull(collatorCountryName)}\"\n        .localeList=\"${ifNonNull(localeList)}\"\n        ._loadLocaleList=\"${ifNonNull(loadLocaleList)}\"\n      >\n      </dds-locale-modal-composite>\n    `;\n  }\n\n  renderLightDOM() {\n    const {\n      buttonLabel,\n      clearSelectionLabel,\n      disableLocaleButton,\n      langDisplay,\n      langList,\n      languageSelectorLabel,\n      selectedLanguage,\n      size,\n      links,\n      legalLinks,\n      adjunctLinks,\n      _handleClickLocaleButton: handleClickLocaleButton,\n    } = this;\n    return html`\n      <dds-footer\n        size=\"${ifNonNull(size)}\"\n        ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n      >\n        <dds-footer-logo></dds-footer-logo>\n        <dds-footer-nav\n          ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n        >\n          ${links?.map(\n            ({ title: groupTitle, links: groupLinks }) => html`\n              <dds-footer-nav-group title-text=\"${ifNonNull(groupTitle)}\">\n                ${groupLinks?.map(\n                  ({ title, url }) => html`\n                    <dds-footer-nav-item href=\"${ifNonNull(url)}\"\n                      >${title}</dds-footer-nav-item\n                    >\n                  `\n                )}\n              </dds-footer-nav-group>\n            `\n          )}\n        </dds-footer-nav>\n        ${size !== FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n          ? html`\n              <dds-locale-button\n                buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                size=\"${size}\"\n                @click=\"${handleClickLocaleButton}\"\n                >${langDisplay}</dds-locale-button\n              >\n            `\n          : ``}\n        ${size !== FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n          ? html`\n              <dds-language-selector-desktop\n                trigger-content=\"${languageSelectorLabel}\"\n                label-text=\"${languageSelectorLabel}\"\n                value=\"${selectedLanguage}\"\n                clear-selection-label=\"${clearSelectionLabel}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-combo-box-item\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-combo-box-item\n                    >\n                  `\n                )}\n              </dds-language-selector-desktop>\n              <dds-language-selector-mobile\n                value=\"${selectedLanguage}\"\n                placeholder=\"${selectedLanguage}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-select-item\n                      label=\"${ifNonNull(language.text)}\"\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-select-item\n                    >\n                  `\n                )}\n              </dds-language-selector-mobile>\n            `\n          : ``}\n        <dds-legal-nav size=\"${ifNonNull(size)}\">\n          ${legalLinks?.map(\n            ({ title, url, titleEnglish }) => html`\n              <dds-legal-nav-item\n                autoid=\"${ifNonNull(titleEnglish)}\"\n                href=\"${ifNonNull(url)}\"\n                >${title}</dds-legal-nav-item\n              >\n            `\n          )}\n          ${size !== FOOTER_SIZE.MICRO\n            ? adjunctLinks?.map(\n                ({ title, url, titleEnglish }) => html`\n                  <dds-legal-nav-item\n                    autoid=\"${ifNonNull(titleEnglish)}\"\n                    href=\"${ifNonNull(url)}\"\n                    slot=\"adjunct-links\"\n                  >\n                    ${title}\n                  </dds-legal-nav-item>\n                `\n              )\n            : ``}\n          <dds-legal-nav-cookie-preferences-placeholder></dds-legal-nav-cookie-preferences-placeholder>\n          ${size === FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n            ? html`\n                <dds-locale-button\n                  buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  @click=\"${handleClickLocaleButton}\"\n                  >${langDisplay}</dds-locale-button\n                >\n              `\n            : ``}\n          ${size === FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n            ? html`\n                <dds-language-selector-desktop\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  trigger-content=\"${languageSelectorLabel}\"\n                  label-text=\"${languageSelectorLabel}\"\n                  value=\"${selectedLanguage}\"\n                  clear-selection-label=\"${clearSelectionLabel}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-combo-box-item\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-combo-box-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-desktop>\n                <dds-language-selector-mobile\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  value=\"${selectedLanguage}\"\n                  placeholder=\"${selectedLanguage}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-select-item\n                        label=\"${ifNonNull(language.text)}\"\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-select-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-mobile>\n              `\n            : ``}\n        </dds-legal-nav>\n      </dds-footer>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${ddsPrefix}-expressive-modal-closed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFooterComposite;\n"]}
+{"version":3,"sources":["components/footer/footer-composite.ts"],"names":[],"mappings":"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","file":"footer-composite.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport LocaleAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { FOOTER_SIZE } from './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport '../locale-modal/locale-modal-composite';\nimport './footer-logo';\nimport './footer-nav';\nimport './footer-nav-group';\nimport './footer-nav-item';\nimport './locale-button';\nimport './legal-nav';\nimport './legal-nav-item';\nimport './legal-nav-cookie-preferences-placeholder';\nimport './language-selector-desktop';\nimport './language-selector-mobile';\nimport '@carbon/web-components/es/components/combo-box/combo-box-item.js';\nimport '@carbon/web-components/es/components/select/select-item.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres footer from inks data.\n *\n * @element dds-footer-composite\n */\n@customElement(`${ddsPrefix}-footer-composite`)\nclass DDSFooterComposite extends ModalRenderMixin(\n  HybridRenderMixin(HostListenerMixin(LitElement))\n) {\n  /**\n   * Handles `click` event on the locale button.\n   */\n  private _handleClickLocaleButton = () => {\n    this.openLocaleModal = true;\n  };\n\n  /**\n   * Handles `dds-expressive-modal-closed` event on the locale modal.\n   */\n  @HostListener('document:eventCloseModal')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleCloseModal = (event: CustomEvent) => {\n    if ((this.modalRenderRoot as Element).contains(event.target as Node)) {\n      this.openLocaleModal = false;\n    }\n  };\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The aria-label to use for the locale-button\n   */\n  @property()\n  buttonLabel?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: { id: string; text: string }[];\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The legal nav links.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The adjunct links.\n   */\n  @property({ attribute: false })\n  adjunctLinks: BasicLink[] = [];\n\n  /**\n   * The footer links.\n   */\n  @property({ attribute: false })\n  links: BasicLinkSet[] = [];\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the locale modal.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size.\n   */\n  @property({ reflect: true })\n  size?: FOOTER_SIZE;\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    globalInit();\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadTranslation?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('language')) {\n      const { language } = this;\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadTranslation?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  /**\n   * @returns The locale modal.\n   */\n  renderModal() {\n    const {\n      collatorCountryName,\n      langDisplay,\n      language,\n      localeList,\n      openLocaleModal,\n      _loadLocaleList: loadLocaleList,\n    } = this;\n    return html`\n      <dds-locale-modal-composite\n        lang-display=\"${ifNonNull(langDisplay)}\"\n        language=\"${ifNonNull(language)}\"\n        ?open=\"${openLocaleModal}\"\n        .collatorCountryName=\"${ifNonNull(collatorCountryName)}\"\n        .localeList=\"${ifNonNull(localeList)}\"\n        ._loadLocaleList=\"${ifNonNull(loadLocaleList)}\"\n      >\n      </dds-locale-modal-composite>\n    `;\n  }\n\n  renderLightDOM() {\n    const {\n      buttonLabel,\n      clearSelectionLabel,\n      disableLocaleButton,\n      langDisplay,\n      langList,\n      languageSelectorLabel,\n      selectedLanguage,\n      size,\n      links,\n      legalLinks,\n      adjunctLinks,\n      _handleClickLocaleButton: handleClickLocaleButton,\n    } = this;\n    return html`\n      <dds-footer\n        size=\"${ifNonNull(size)}\"\n        ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n      >\n        <dds-footer-logo></dds-footer-logo>\n        <dds-footer-nav\n          ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n        >\n          ${links?.map(\n            ({ title: groupTitle, links: groupLinks }) => html`\n              <dds-footer-nav-group title-text=\"${ifNonNull(groupTitle)}\">\n                ${groupLinks?.map(\n                  ({ title, url }) => html`\n                    <dds-footer-nav-item href=\"${ifNonNull(url)}\"\n                      >${title}</dds-footer-nav-item\n                    >\n                  `\n                )}\n              </dds-footer-nav-group>\n            `\n          )}\n        </dds-footer-nav>\n        ${size !== FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n          ? html`\n              <dds-locale-button\n                buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                size=\"${size}\"\n                @click=\"${handleClickLocaleButton}\"\n                >${langDisplay}</dds-locale-button\n              >\n            `\n          : ``}\n        ${size !== FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n          ? html`\n              <dds-language-selector-desktop\n                trigger-content=\"${languageSelectorLabel}\"\n                label-text=\"${languageSelectorLabel}\"\n                value=\"${selectedLanguage}\"\n                clear-selection-label=\"${clearSelectionLabel}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-combo-box-item\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-combo-box-item\n                    >\n                  `\n                )}\n              </dds-language-selector-desktop>\n              <dds-language-selector-mobile\n                value=\"${selectedLanguage}\"\n                placeholder=\"${selectedLanguage}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-select-item\n                      label=\"${ifNonNull(language.text)}\"\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-select-item\n                    >\n                  `\n                )}\n              </dds-language-selector-mobile>\n            `\n          : ``}\n        <dds-legal-nav size=\"${ifNonNull(size)}\">\n          ${legalLinks?.map(\n            ({ title, url, titleEnglish }) => html`\n              <dds-legal-nav-item\n                autoid=\"${ifNonNull(titleEnglish)}\"\n                href=\"${ifNonNull(url)}\"\n                >${title}</dds-legal-nav-item\n              >\n            `\n          )}\n          ${size !== FOOTER_SIZE.MICRO\n            ? adjunctLinks?.map(\n                ({ title, url, titleEnglish }) => html`\n                  <dds-legal-nav-item\n                    autoid=\"${ifNonNull(titleEnglish)}\"\n                    href=\"${ifNonNull(url)}\"\n                    slot=\"adjunct-links\"\n                  >\n                    ${title}\n                  </dds-legal-nav-item>\n                `\n              )\n            : ``}\n          <dds-legal-nav-cookie-preferences-placeholder></dds-legal-nav-cookie-preferences-placeholder>\n          ${size === FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n            ? html`\n                <dds-locale-button\n                  buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  @click=\"${handleClickLocaleButton}\"\n                  >${langDisplay}</dds-locale-button\n                >\n              `\n            : ``}\n          ${size === FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n            ? html`\n                <dds-language-selector-desktop\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  trigger-content=\"${languageSelectorLabel}\"\n                  label-text=\"${languageSelectorLabel}\"\n                  value=\"${selectedLanguage}\"\n                  clear-selection-label=\"${clearSelectionLabel}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-combo-box-item\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-combo-box-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-desktop>\n                <dds-language-selector-mobile\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  value=\"${selectedLanguage}\"\n                  placeholder=\"${selectedLanguage}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-select-item\n                        label=\"${ifNonNull(language.text)}\"\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-select-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-mobile>\n              `\n            : ``}\n        </dds-legal-nav>\n      </dds-footer>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${ddsPrefix}-expressive-modal-closed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFooterComposite;\n"]}

package/es/components/footer/footer-composite.js

@@ -25,9 +25,9 @@ let _ = t => t,
  */
 
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import LocaleAPI from "../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale.js";
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import HybridRenderMixin from "../../globals/mixins/hybrid-render.js";
@@ -52,8 +52,8 @@ import "./legal-nav-item.js";
 import "./legal-nav-cookie-preferences-placeholder.js";
 import "./language-selector-desktop.js";
 import "./language-selector-mobile.js";
-import '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';
-import '@carbon/carbon-web-components/es/components/select/select-item.js';
+import '@carbon/web-components/es/components/combo-box/combo-box-item.js';
+import '@carbon/web-components/es/components/select/select-item.js';
 const {
   stablePrefix: ddsPrefix
 } = ddsSettings;

package/es/components/footer/footer-composite.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-composite.js","names":["html","property","customElement","LitElement","ifNonNull","HostListener","HostListenerMixin","LocaleAPI","ddsSettings","HybridRenderMixin","ModalRenderMixin","globalInit","FOOTER_SIZE","stablePrefix","ddsPrefix","DDSFooterComposite","openLocaleModal","event","modalRenderRoot","contains","target","attribute","Intl","Collator","type","Boolean","reflect","response","getLangDisplay","language","_setLanguage","_loadTranslation","then","res","langDisplay","changedProperties","has","catch","collatorCountryName","localeList","_loadLocaleList","loadLocaleList","buttonLabel","clearSelectionLabel","disableLocaleButton","langList","languageSelectorLabel","selectedLanguage","size","links","legalLinks","adjunctLinks","_handleClickLocaleButton","handleClickLocaleButton","map","title","groupTitle","groupLinks","url","MICRO","text","id","titleEnglish"],"sources":["components/footer/footer-composite.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/carbon-web-components/es/globals/mixins/host-listener.js';\nimport LocaleAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { FOOTER_SIZE } from './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport '../locale-modal/locale-modal-composite';\nimport './footer-logo';\nimport './footer-nav';\nimport './footer-nav-group';\nimport './footer-nav-item';\nimport './locale-button';\nimport './legal-nav';\nimport './legal-nav-item';\nimport './legal-nav-cookie-preferences-placeholder';\nimport './language-selector-desktop';\nimport './language-selector-mobile';\nimport '@carbon/carbon-web-components/es/components/combo-box/combo-box-item.js';\nimport '@carbon/carbon-web-components/es/components/select/select-item.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres footer from inks data.\n *\n * @element dds-footer-composite\n */\n@customElement(`${ddsPrefix}-footer-composite`)\nclass DDSFooterComposite extends ModalRenderMixin(\n  HybridRenderMixin(HostListenerMixin(LitElement))\n) {\n  /**\n   * Handles `click` event on the locale button.\n   */\n  private _handleClickLocaleButton = () => {\n    this.openLocaleModal = true;\n  };\n\n  /**\n   * Handles `dds-expressive-modal-closed` event on the locale modal.\n   */\n  @HostListener('document:eventCloseModal')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleCloseModal = (event: CustomEvent) => {\n    if ((this.modalRenderRoot as Element).contains(event.target as Node)) {\n      this.openLocaleModal = false;\n    }\n  };\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The aria-label to use for the locale-button\n   */\n  @property()\n  buttonLabel?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: { id: string; text: string }[];\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The legal nav links.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The adjunct links.\n   */\n  @property({ attribute: false })\n  adjunctLinks: BasicLink[] = [];\n\n  /**\n   * The footer links.\n   */\n  @property({ attribute: false })\n  links: BasicLinkSet[] = [];\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the locale modal.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size.\n   */\n  @property({ reflect: true })\n  size?: FOOTER_SIZE;\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    globalInit();\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadTranslation?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('language')) {\n      const { language } = this;\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadTranslation?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  /**\n   * @returns The locale modal.\n   */\n  renderModal() {\n    const {\n      collatorCountryName,\n      langDisplay,\n      language,\n      localeList,\n      openLocaleModal,\n      _loadLocaleList: loadLocaleList,\n    } = this;\n    return html`\n      <dds-locale-modal-composite\n        lang-display=\"${ifNonNull(langDisplay)}\"\n        language=\"${ifNonNull(language)}\"\n        ?open=\"${openLocaleModal}\"\n        .collatorCountryName=\"${ifNonNull(collatorCountryName)}\"\n        .localeList=\"${ifNonNull(localeList)}\"\n        ._loadLocaleList=\"${ifNonNull(loadLocaleList)}\"\n      >\n      </dds-locale-modal-composite>\n    `;\n  }\n\n  renderLightDOM() {\n    const {\n      buttonLabel,\n      clearSelectionLabel,\n      disableLocaleButton,\n      langDisplay,\n      langList,\n      languageSelectorLabel,\n      selectedLanguage,\n      size,\n      links,\n      legalLinks,\n      adjunctLinks,\n      _handleClickLocaleButton: handleClickLocaleButton,\n    } = this;\n    return html`\n      <dds-footer\n        size=\"${ifNonNull(size)}\"\n        ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n      >\n        <dds-footer-logo></dds-footer-logo>\n        <dds-footer-nav\n          ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n        >\n          ${links?.map(\n            ({ title: groupTitle, links: groupLinks }) => html`\n              <dds-footer-nav-group title-text=\"${ifNonNull(groupTitle)}\">\n                ${groupLinks?.map(\n                  ({ title, url }) => html`\n                    <dds-footer-nav-item href=\"${ifNonNull(url)}\"\n                      >${title}</dds-footer-nav-item\n                    >\n                  `\n                )}\n              </dds-footer-nav-group>\n            `\n          )}\n        </dds-footer-nav>\n        ${size !== FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n          ? html`\n              <dds-locale-button\n                buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                size=\"${size}\"\n                @click=\"${handleClickLocaleButton}\"\n                >${langDisplay}</dds-locale-button\n              >\n            `\n          : ``}\n        ${size !== FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n          ? html`\n              <dds-language-selector-desktop\n                trigger-content=\"${languageSelectorLabel}\"\n                label-text=\"${languageSelectorLabel}\"\n                value=\"${selectedLanguage}\"\n                clear-selection-label=\"${clearSelectionLabel}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-combo-box-item\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-combo-box-item\n                    >\n                  `\n                )}\n              </dds-language-selector-desktop>\n              <dds-language-selector-mobile\n                value=\"${selectedLanguage}\"\n                placeholder=\"${selectedLanguage}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-select-item\n                      label=\"${ifNonNull(language.text)}\"\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-select-item\n                    >\n                  `\n                )}\n              </dds-language-selector-mobile>\n            `\n          : ``}\n        <dds-legal-nav size=\"${ifNonNull(size)}\">\n          ${legalLinks?.map(\n            ({ title, url, titleEnglish }) => html`\n              <dds-legal-nav-item\n                autoid=\"${ifNonNull(titleEnglish)}\"\n                href=\"${ifNonNull(url)}\"\n                >${title}</dds-legal-nav-item\n              >\n            `\n          )}\n          ${size !== FOOTER_SIZE.MICRO\n            ? adjunctLinks?.map(\n                ({ title, url, titleEnglish }) => html`\n                  <dds-legal-nav-item\n                    autoid=\"${ifNonNull(titleEnglish)}\"\n                    href=\"${ifNonNull(url)}\"\n                    slot=\"adjunct-links\"\n                  >\n                    ${title}\n                  </dds-legal-nav-item>\n                `\n              )\n            : ``}\n          <dds-legal-nav-cookie-preferences-placeholder></dds-legal-nav-cookie-preferences-placeholder>\n          ${size === FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n            ? html`\n                <dds-locale-button\n                  buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  @click=\"${handleClickLocaleButton}\"\n                  >${langDisplay}</dds-locale-button\n                >\n              `\n            : ``}\n          ${size === FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n            ? html`\n                <dds-language-selector-desktop\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  trigger-content=\"${languageSelectorLabel}\"\n                  label-text=\"${languageSelectorLabel}\"\n                  value=\"${selectedLanguage}\"\n                  clear-selection-label=\"${clearSelectionLabel}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-combo-box-item\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-combo-box-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-desktop>\n                <dds-language-selector-mobile\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  value=\"${selectedLanguage}\"\n                  placeholder=\"${selectedLanguage}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-select-item\n                        label=\"${ifNonNull(language.text)}\"\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-select-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-mobile>\n              `\n            : ``}\n        </dds-legal-nav>\n      </dds-footer>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${ddsPrefix}-expressive-modal-closed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFooterComposite;\n"],"mappings":"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"}
+{"version":3,"file":"footer-composite.js","names":["html","property","customElement","LitElement","ifNonNull","HostListener","HostListenerMixin","LocaleAPI","ddsSettings","HybridRenderMixin","ModalRenderMixin","globalInit","FOOTER_SIZE","stablePrefix","ddsPrefix","DDSFooterComposite","openLocaleModal","event","modalRenderRoot","contains","target","attribute","Intl","Collator","type","Boolean","reflect","response","getLangDisplay","language","_setLanguage","_loadTranslation","then","res","langDisplay","changedProperties","has","catch","collatorCountryName","localeList","_loadLocaleList","loadLocaleList","buttonLabel","clearSelectionLabel","disableLocaleButton","langList","languageSelectorLabel","selectedLanguage","size","links","legalLinks","adjunctLinks","_handleClickLocaleButton","handleClickLocaleButton","map","title","groupTitle","groupLinks","url","MICRO","text","id","titleEnglish"],"sources":["components/footer/footer-composite.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport LocaleAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { FOOTER_SIZE } from './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport '../locale-modal/locale-modal-composite';\nimport './footer-logo';\nimport './footer-nav';\nimport './footer-nav-group';\nimport './footer-nav-item';\nimport './locale-button';\nimport './legal-nav';\nimport './legal-nav-item';\nimport './legal-nav-cookie-preferences-placeholder';\nimport './language-selector-desktop';\nimport './language-selector-mobile';\nimport '@carbon/web-components/es/components/combo-box/combo-box-item.js';\nimport '@carbon/web-components/es/components/select/select-item.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres footer from inks data.\n *\n * @element dds-footer-composite\n */\n@customElement(`${ddsPrefix}-footer-composite`)\nclass DDSFooterComposite extends ModalRenderMixin(\n  HybridRenderMixin(HostListenerMixin(LitElement))\n) {\n  /**\n   * Handles `click` event on the locale button.\n   */\n  private _handleClickLocaleButton = () => {\n    this.openLocaleModal = true;\n  };\n\n  /**\n   * Handles `dds-expressive-modal-closed` event on the locale modal.\n   */\n  @HostListener('document:eventCloseModal')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleCloseModal = (event: CustomEvent) => {\n    if ((this.modalRenderRoot as Element).contains(event.target as Node)) {\n      this.openLocaleModal = false;\n    }\n  };\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The aria-label to use for the locale-button\n   */\n  @property()\n  buttonLabel?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: { id: string; text: string }[];\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The legal nav links.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The adjunct links.\n   */\n  @property({ attribute: false })\n  adjunctLinks: BasicLink[] = [];\n\n  /**\n   * The footer links.\n   */\n  @property({ attribute: false })\n  links: BasicLinkSet[] = [];\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the locale modal.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size.\n   */\n  @property({ reflect: true })\n  size?: FOOTER_SIZE;\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    globalInit();\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadTranslation?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('language')) {\n      const { language } = this;\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadTranslation?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  /**\n   * @returns The locale modal.\n   */\n  renderModal() {\n    const {\n      collatorCountryName,\n      langDisplay,\n      language,\n      localeList,\n      openLocaleModal,\n      _loadLocaleList: loadLocaleList,\n    } = this;\n    return html`\n      <dds-locale-modal-composite\n        lang-display=\"${ifNonNull(langDisplay)}\"\n        language=\"${ifNonNull(language)}\"\n        ?open=\"${openLocaleModal}\"\n        .collatorCountryName=\"${ifNonNull(collatorCountryName)}\"\n        .localeList=\"${ifNonNull(localeList)}\"\n        ._loadLocaleList=\"${ifNonNull(loadLocaleList)}\"\n      >\n      </dds-locale-modal-composite>\n    `;\n  }\n\n  renderLightDOM() {\n    const {\n      buttonLabel,\n      clearSelectionLabel,\n      disableLocaleButton,\n      langDisplay,\n      langList,\n      languageSelectorLabel,\n      selectedLanguage,\n      size,\n      links,\n      legalLinks,\n      adjunctLinks,\n      _handleClickLocaleButton: handleClickLocaleButton,\n    } = this;\n    return html`\n      <dds-footer\n        size=\"${ifNonNull(size)}\"\n        ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n      >\n        <dds-footer-logo></dds-footer-logo>\n        <dds-footer-nav\n          ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\"\n        >\n          ${links?.map(\n            ({ title: groupTitle, links: groupLinks }) => html`\n              <dds-footer-nav-group title-text=\"${ifNonNull(groupTitle)}\">\n                ${groupLinks?.map(\n                  ({ title, url }) => html`\n                    <dds-footer-nav-item href=\"${ifNonNull(url)}\"\n                      >${title}</dds-footer-nav-item\n                    >\n                  `\n                )}\n              </dds-footer-nav-group>\n            `\n          )}\n        </dds-footer-nav>\n        ${size !== FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n          ? html`\n              <dds-locale-button\n                buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                size=\"${size}\"\n                @click=\"${handleClickLocaleButton}\"\n                >${langDisplay}</dds-locale-button\n              >\n            `\n          : ``}\n        ${size !== FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n          ? html`\n              <dds-language-selector-desktop\n                trigger-content=\"${languageSelectorLabel}\"\n                label-text=\"${languageSelectorLabel}\"\n                value=\"${selectedLanguage}\"\n                clear-selection-label=\"${clearSelectionLabel}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-combo-box-item\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-combo-box-item\n                    >\n                  `\n                )}\n              </dds-language-selector-desktop>\n              <dds-language-selector-mobile\n                value=\"${selectedLanguage}\"\n                placeholder=\"${selectedLanguage}\"\n              >\n                ${langList?.map(\n                  (language) => html`\n                    <bx-select-item\n                      label=\"${ifNonNull(language.text)}\"\n                      value=\"${ifNonNull(language.text)}\"\n                      lang=\"${ifNonNull(language.id)}\"\n                      >${ifNonNull(language.text)}</bx-select-item\n                    >\n                  `\n                )}\n              </dds-language-selector-mobile>\n            `\n          : ``}\n        <dds-legal-nav size=\"${ifNonNull(size)}\">\n          ${legalLinks?.map(\n            ({ title, url, titleEnglish }) => html`\n              <dds-legal-nav-item\n                autoid=\"${ifNonNull(titleEnglish)}\"\n                href=\"${ifNonNull(url)}\"\n                >${title}</dds-legal-nav-item\n              >\n            `\n          )}\n          ${size !== FOOTER_SIZE.MICRO\n            ? adjunctLinks?.map(\n                ({ title, url, titleEnglish }) => html`\n                  <dds-legal-nav-item\n                    autoid=\"${ifNonNull(titleEnglish)}\"\n                    href=\"${ifNonNull(url)}\"\n                    slot=\"adjunct-links\"\n                  >\n                    ${title}\n                  </dds-legal-nav-item>\n                `\n              )\n            : ``}\n          <dds-legal-nav-cookie-preferences-placeholder></dds-legal-nav-cookie-preferences-placeholder>\n          ${size === FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n            ? html`\n                <dds-locale-button\n                  buttonLabel=\"${ifNonNull(buttonLabel)}\"\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  @click=\"${handleClickLocaleButton}\"\n                  >${langDisplay}</dds-locale-button\n                >\n              `\n            : ``}\n          ${size === FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n            ? html`\n                <dds-language-selector-desktop\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  trigger-content=\"${languageSelectorLabel}\"\n                  label-text=\"${languageSelectorLabel}\"\n                  value=\"${selectedLanguage}\"\n                  clear-selection-label=\"${clearSelectionLabel}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-combo-box-item\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-combo-box-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-desktop>\n                <dds-language-selector-mobile\n                  size=\"${size}\"\n                  slot=\"locale\"\n                  value=\"${selectedLanguage}\"\n                  placeholder=\"${selectedLanguage}\"\n                >\n                  ${langList?.map(\n                    (language) => html`\n                      <bx-select-item\n                        label=\"${ifNonNull(language.text)}\"\n                        value=\"${ifNonNull(language.text)}\"\n                        lang=\"${ifNonNull(language.id)}\"\n                        >${ifNonNull(language.text)}</bx-select-item\n                      >\n                    `\n                  )}\n                </dds-language-selector-mobile>\n              `\n            : ``}\n        </dds-legal-nav>\n      </dds-footer>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${ddsPrefix}-expressive-modal-closed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFooterComposite;\n"],"mappings":"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"}

package/es/components/footer/footer-logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/footer-logo.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAsC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAY7E;;;;GAIG;AACH,cACM,aAAc,SAAQ,kBAA2C;IACrE;;OAEG;IAEH,IAAI,SAA0B;IAE9B;;OAEG;IAEH,IAAI,SAAW;IAEf,gBAAgB;IAShB,MAAM;IAmBN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"footer-logo.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, svg, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport IBM8BarLogoH65White from '@carbon/ibmdotcom-styles/icons/svg/IBM-8bar-logo--h65-white.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The IBM logo UI in footer.\n *\n * @element dds-footer-logo\n */\n@customElement(`${ddsPrefix}-footer-logo`)\nclass DDSFooterLogo extends StableSelectorMixin(FocusMixin(LitElement)) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = 'https://www.ibm.com/';\n\n  /**\n   * The shadow slot this logo UI should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { href } = this;\n    return html`\n      <a\n        class=\"${prefix}--footer-logo__link\"\n        aria-label=\"IBM logo\"\n        href=\"${ifNonNull(href)}\"\n      >\n        ${IBM8BarLogoH65White({\n          class: `${prefix}--footer-logo__logo`,\n          role: 'img',\n          'aria-labelledby': 'footer-logo',\n          children: svg`<title id=\"footer-logo\">IBM Logo</title>`,\n        })}\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-logo`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterLogo;\n"]}
+{"version":3,"sources":["components/footer/footer-logo.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAsC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAY7E;;;;GAIG;AACH,cACM,aAAc,SAAQ,kBAA2C;IACrE;;OAEG;IAEH,IAAI,SAA0B;IAE9B;;OAEG;IAEH,IAAI,SAAW;IAEf,gBAAgB;IAShB,MAAM;IAmBN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"footer-logo.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, svg, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport IBM8BarLogoH65White from '@carbon/ibmdotcom-styles/icons/svg/IBM-8bar-logo--h65-white.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The IBM logo UI in footer.\n *\n * @element dds-footer-logo\n */\n@customElement(`${ddsPrefix}-footer-logo`)\nclass DDSFooterLogo extends StableSelectorMixin(FocusMixin(LitElement)) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = 'https://www.ibm.com/';\n\n  /**\n   * The shadow slot this logo UI should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { href } = this;\n    return html`\n      <a\n        class=\"${prefix}--footer-logo__link\"\n        aria-label=\"IBM logo\"\n        href=\"${ifNonNull(href)}\"\n      >\n        ${IBM8BarLogoH65White({\n          class: `${prefix}--footer-logo__logo`,\n          role: 'img',\n          'aria-labelledby': 'footer-logo',\n          children: svg`<title id=\"footer-logo\">IBM Logo</title>`,\n        })}\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-logo`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterLogo;\n"]}

package/es/components/footer/footer-logo.js

@@ -13,8 +13,8 @@ let _ = t => t,
 
 import { html, svg, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import IBM8BarLogoH65White from "../../icons/IBM-8bar-logo--h65-white.js";
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";

package/es/components/footer/footer-logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-logo.js","names":["html","svg","property","customElement","LitElement","settings","FocusMixin","ifNonNull","IBM8BarLogoH65White","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFooterLogo","reflect","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","href","class","role","children"],"sources":["components/footer/footer-logo.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, svg, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport IBM8BarLogoH65White from '@carbon/ibmdotcom-styles/icons/svg/IBM-8bar-logo--h65-white.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The IBM logo UI in footer.\n *\n * @element dds-footer-logo\n */\n@customElement(`${ddsPrefix}-footer-logo`)\nclass DDSFooterLogo extends StableSelectorMixin(FocusMixin(LitElement)) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = 'https://www.ibm.com/';\n\n  /**\n   * The shadow slot this logo UI should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { href } = this;\n    return html`\n      <a\n        class=\"${prefix}--footer-logo__link\"\n        aria-label=\"IBM logo\"\n        href=\"${ifNonNull(href)}\"\n      >\n        ${IBM8BarLogoH65White({\n          class: `${prefix}--footer-logo__logo`,\n          role: 'img',\n          'aria-labelledby': 'footer-logo',\n          children: svg`<title id=\"footer-logo\">IBM Logo</title>`,\n        })}\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-logo`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterLogo;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC5E,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,UAAU,MAAM,0DAA0D;AACjF,OAAOC,SAAS,MAAM,oEAAoE;AAC1F,OAAOC,mBAAmB,MAAM,yCAAiE;AACjG,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGP,QAAQ;AAC3B,MAAM;EAAEQ,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,aAAa,cADlBZ,aAAa,CAAE,GAAEW,SAAU,cAAa,CAAC;EAA1C,MACMC,aAAa,8BAAqD;IAAA;MAAA;MAAA;IAAA;EA8CxE;EAAC;IAAA,GA9CKA,aAAa;IAAA;MAAA;MAAA,aAIhBb,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJ,sBAAsB;MAAA;IAAA;MAAA;MAAA,aAK5BA,QAAQ,CAAC;QAAEc,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,OAAO;MAAA;IAAA;MAAA;MAAA;MAAA;MAVd;AACF;AACA;;MAIE;AACF;AACA;;MAIE,4BAAmB;QAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,UAAC,eAAe,CAACC,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,yCAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAA;MAAA;MAAA,OAED,kBAAS;QACP,MAAM;UAAEC;QAAK,CAAC,GAAG,IAAI;QACrB,OAAOxB,IAAI,cAAC;AAChB;AACA,iBAAe,CAAS;AACxB;AACA,gBAAc,CAAkB;AAChC;AACA,UAAQ,CAKG;AACX;AACA;AACA,KAAI,GAZaY,MAAM,EAEPL,SAAS,CAACiB,IAAI,CAAC,EAErBhB,mBAAmB,CAAC;UACpBiB,KAAK,EAAG,GAAEb,MAAO,qBAAoB;UACrCc,IAAI,EAAE,KAAK;UACX,iBAAiB,EAAE,aAAa;UAChCC,QAAQ,EAAE1B,GAAG,gBAAC,0CAAwC;QACxD,CAAC,CAAC;MAIR;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEa,SAAU,eAAc;MACpC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CID,mBAAmB,CAACJ,UAAU,CAACF,UAAU,CAAC,CAAC;AAgDvE,eAAeW,aAAa"}
+{"version":3,"file":"footer-logo.js","names":["html","svg","property","customElement","LitElement","settings","FocusMixin","ifNonNull","IBM8BarLogoH65White","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFooterLogo","reflect","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","href","class","role","children"],"sources":["components/footer/footer-logo.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, svg, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport IBM8BarLogoH65White from '@carbon/ibmdotcom-styles/icons/svg/IBM-8bar-logo--h65-white.svg';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * The IBM logo UI in footer.\n *\n * @element dds-footer-logo\n */\n@customElement(`${ddsPrefix}-footer-logo`)\nclass DDSFooterLogo extends StableSelectorMixin(FocusMixin(LitElement)) {\n  /**\n   * Link `href`.\n   */\n  @property()\n  href = 'https://www.ibm.com/';\n\n  /**\n   * The shadow slot this logo UI should be in.\n   */\n  @property({ reflect: true })\n  slot = 'brand';\n\n  createRenderRoot() {\n    return this.attachShadow({\n      mode: 'open',\n      delegatesFocus:\n        Number((/Safari\\/(\\d+)/.exec(navigator.userAgent) ?? ['', 0])[1]) <=\n        537,\n    });\n  }\n\n  render() {\n    const { href } = this;\n    return html`\n      <a\n        class=\"${prefix}--footer-logo__link\"\n        aria-label=\"IBM logo\"\n        href=\"${ifNonNull(href)}\"\n      >\n        ${IBM8BarLogoH65White({\n          class: `${prefix}--footer-logo__logo`,\n          role: 'img',\n          'aria-labelledby': 'footer-logo',\n          children: svg`<title id=\"footer-logo\">IBM Logo</title>`,\n        })}\n        <slot></slot>\n      </a>\n    `;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-logo`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterLogo;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC5E,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,UAAU,MAAM,mDAAmD;AAC1E,OAAOC,SAAS,MAAM,6DAA6D;AACnF,OAAOC,mBAAmB,MAAM,yCAAiE;AACjG,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGP,QAAQ;AAC3B,MAAM;EAAEQ,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMM,aAAa,cADlBZ,aAAa,CAAE,GAAEW,SAAU,cAAa,CAAC;EAA1C,MACMC,aAAa,8BAAqD;IAAA;MAAA;MAAA;IAAA;EA8CxE;EAAC;IAAA,GA9CKA,aAAa;IAAA;MAAA;MAAA,aAIhBb,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJ,sBAAsB;MAAA;IAAA;MAAA;MAAA,aAK5BA,QAAQ,CAAC;QAAEc,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,OAAO;MAAA;IAAA;MAAA;MAAA;MAAA;MAVd;AACF;AACA;;MAIE;AACF;AACA;;MAIE,4BAAmB;QAAA;QACjB,OAAO,IAAI,CAACC,YAAY,CAAC;UACvBC,IAAI,EAAE,MAAM;UACZC,cAAc,EACZC,MAAM,CAAC,UAAC,eAAe,CAACC,IAAI,CAACC,SAAS,CAACC,SAAS,CAAC,yCAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IACjE;QACJ,CAAC,CAAC;MACJ;IAAC;MAAA;MAAA;MAAA,OAED,kBAAS;QACP,MAAM;UAAEC;QAAK,CAAC,GAAG,IAAI;QACrB,OAAOxB,IAAI,cAAC;AAChB;AACA,iBAAe,CAAS;AACxB;AACA,gBAAc,CAAkB;AAChC;AACA,UAAQ,CAKG;AACX;AACA;AACA,KAAI,GAZaY,MAAM,EAEPL,SAAS,CAACiB,IAAI,CAAC,EAErBhB,mBAAmB,CAAC;UACpBiB,KAAK,EAAG,GAAEb,MAAO,qBAAoB;UACrCc,IAAI,EAAE,KAAK;UACX,iBAAiB,EAAE,aAAa;UAChCC,QAAQ,EAAE1B,GAAG,gBAAC,0CAAwC;QACxD,CAAC,CAAC;MAIR;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEa,SAAU,eAAc;MACpC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CID,mBAAmB,CAACJ,UAAU,CAACF,UAAU,CAAC,CAAC;AAgDvE,eAAeW,aAAa"}

package/es/components/footer/footer-nav-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/footer-nav-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAW/E;;;;;GAKG;AACH,cACM,iBAAkB,SAAQ,sBAA+B;IAC7D;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAuB;IAEjD;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAS;IAErC;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAiBlC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;;;OAIG;IACH,OAAO,CAAC,uBAAuB,CAE7B;IAEF;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,SAAS,SAAM;IAEf,iBAAiB;IAqBjB,oBAAoB;IAMpB,MAAM;IAyCN;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"footer-nav-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ChevronRight16 from '@carbon/carbon-web-components/es/icons/chevron--right/16.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport Handle from '../../globals/internal/handle';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav group.\n *\n * @element dds-footer-nav-group\n * @slot title - The title content.\n */\n@customElement(`${ddsPrefix}-footer-nav-group`)\nclass DDSFooterNavGroup extends StableSelectorMixin(LitElement) {\n  /**\n   * The handle for observing match of the media query for making the accordion item stick expanded.\n   */\n  private _hChangeMediaQuery: Handle | null = null;\n\n  /**\n   * `true` to make the accordion item stick expanded.\n   */\n  @state()\n  private _shouldStickExpanded = false;\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 { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof DDSFooterNavGroup;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.open = open;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handles the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles the `keydown` event on the expando button.\n   *\n   * @param event The event.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * Handles `change` event on the media query list for making the accordion item stick expanded.\n   *\n   * @param event The event.\n   */\n  private _handleChangeMediaQuery = (event: MediaQueryListEvent) => {\n    this._shouldStickExpanded = event.matches;\n  };\n\n  /**\n   * `true` if the check box should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n    const { mediaStickExpanded } = this.constructor as typeof DDSFooterNavGroup;\n    const mediaQueryList =\n      this.ownerDocument!.defaultView!.matchMedia(mediaStickExpanded);\n    this._shouldStickExpanded = mediaQueryList.matches;\n    const { _handleChangeMediaQuery: handleChangeMediaQuery } = this;\n    mediaQueryList.addListener(handleChangeMediaQuery);\n    this._hChangeMediaQuery = {\n      release() {\n        mediaQueryList.removeListener(handleChangeMediaQuery);\n      },\n    } as Handle;\n  }\n\n  disconnectedCallback() {\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n  }\n\n  render() {\n    const {\n      titleText,\n      open,\n      _shouldStickExpanded: shouldStickExpanded,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const heading = shouldStickExpanded\n      ? html`\n          <h2 class=\"${prefix}--footer-nav-group__title\">\n            <slot name=\"title\">${titleText}</slot>\n          </h2>\n        `\n      : html`\n          <button\n            type=\"button\"\n            class=\"${prefix}--accordion__heading\"\n            aria-controls=\"content\"\n            aria-expanded=\"${String(Boolean(open))}\"\n            @click=\"${handleClickExpando}\"\n            @keydown=\"${handleKeydownExpando}\"\n          >\n            ${ChevronRight16({\n              class: `${prefix}--accordion__arrow`,\n            })}\n            <div class=\"${prefix}--accordion__title\">\n              <slot name=\"title\">${titleText}</slot>\n            </div>\n          </button>\n        `;\n    return html`\n      ${heading}\n      <div id=\"content\" class=\"${prefix}--accordion__content\">\n        <ul>\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  /**\n   * The media query to make the accordion item stick expaned.\n   */\n  static get mediaStickExpanded() {\n    return '(min-width: 42rem)';\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 `${ddsPrefix}-footer-nav-group-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 `${ddsPrefix}-footer-nav-group-toggled`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-nav-group`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavGroup;\n"]}
+{"version":3,"sources":["components/footer/footer-nav-group.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAwC,UAAU,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAW/E;;;;;GAKG;AACH,cACM,iBAAkB,SAAQ,sBAA+B;IAC7D;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAuB;IAEjD;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAS;IAErC;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAiBlC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;;;OAIG;IACH,OAAO,CAAC,uBAAuB,CAE7B;IAEF;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,SAAS,SAAM;IAEf,iBAAiB;IAqBjB,oBAAoB;IAMpB,MAAM;IAyCN;;OAEG;IACH,MAAM,KAAK,kBAAkB,WAE5B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC","file":"footer-nav-group.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ChevronRight16 from '@carbon/web-components/es/icons/chevron--right/16.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport Handle from '../../globals/internal/handle';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav group.\n *\n * @element dds-footer-nav-group\n * @slot title - The title content.\n */\n@customElement(`${ddsPrefix}-footer-nav-group`)\nclass DDSFooterNavGroup extends StableSelectorMixin(LitElement) {\n  /**\n   * The handle for observing match of the media query for making the accordion item stick expanded.\n   */\n  private _hChangeMediaQuery: Handle | null = null;\n\n  /**\n   * `true` to make the accordion item stick expanded.\n   */\n  @state()\n  private _shouldStickExpanded = false;\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 { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof DDSFooterNavGroup;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.open = open;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handles the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles the `keydown` event on the expando button.\n   *\n   * @param event The event.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * Handles `change` event on the media query list for making the accordion item stick expanded.\n   *\n   * @param event The event.\n   */\n  private _handleChangeMediaQuery = (event: MediaQueryListEvent) => {\n    this._shouldStickExpanded = event.matches;\n  };\n\n  /**\n   * `true` if the check box should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n    const { mediaStickExpanded } = this.constructor as typeof DDSFooterNavGroup;\n    const mediaQueryList =\n      this.ownerDocument!.defaultView!.matchMedia(mediaStickExpanded);\n    this._shouldStickExpanded = mediaQueryList.matches;\n    const { _handleChangeMediaQuery: handleChangeMediaQuery } = this;\n    mediaQueryList.addListener(handleChangeMediaQuery);\n    this._hChangeMediaQuery = {\n      release() {\n        mediaQueryList.removeListener(handleChangeMediaQuery);\n      },\n    } as Handle;\n  }\n\n  disconnectedCallback() {\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n  }\n\n  render() {\n    const {\n      titleText,\n      open,\n      _shouldStickExpanded: shouldStickExpanded,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const heading = shouldStickExpanded\n      ? html`\n          <h2 class=\"${prefix}--footer-nav-group__title\">\n            <slot name=\"title\">${titleText}</slot>\n          </h2>\n        `\n      : html`\n          <button\n            type=\"button\"\n            class=\"${prefix}--accordion__heading\"\n            aria-controls=\"content\"\n            aria-expanded=\"${String(Boolean(open))}\"\n            @click=\"${handleClickExpando}\"\n            @keydown=\"${handleKeydownExpando}\"\n          >\n            ${ChevronRight16({\n              class: `${prefix}--accordion__arrow`,\n            })}\n            <div class=\"${prefix}--accordion__title\">\n              <slot name=\"title\">${titleText}</slot>\n            </div>\n          </button>\n        `;\n    return html`\n      ${heading}\n      <div id=\"content\" class=\"${prefix}--accordion__content\">\n        <ul>\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  /**\n   * The media query to make the accordion item stick expaned.\n   */\n  static get mediaStickExpanded() {\n    return '(min-width: 42rem)';\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 `${ddsPrefix}-footer-nav-group-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 `${ddsPrefix}-footer-nav-group-toggled`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-nav-group`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavGroup;\n"]}

package/es/components/footer/footer-nav-group.js

@@ -16,7 +16,7 @@ let _ = t => t,
 
 import { html, property, state, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ChevronRight16 from '@carbon/carbon-web-components/es/icons/chevron--right/16.js';
+import ChevronRight16 from '@carbon/web-components/es/icons/chevron--right/16.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import styles from "././footer.css.js";

package/es/components/footer/footer-nav-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-nav-group.js","names":["html","property","state","customElement","LitElement","settings","ChevronRight16","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFooterNavGroup","open","eventBeforeToggle","eventToggle","constructor","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","_handleUserInitiatedToggle","key","event","_shouldStickExpanded","matches","type","Boolean","reflect","attribute","hasAttribute","setAttribute","_hChangeMediaQuery","release","mediaStickExpanded","mediaQueryList","ownerDocument","defaultView","matchMedia","_handleChangeMediaQuery","handleChangeMediaQuery","addListener","removeListener","titleText","shouldStickExpanded","_handleClickExpando","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","heading","String","class"],"sources":["components/footer/footer-nav-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ChevronRight16 from '@carbon/carbon-web-components/es/icons/chevron--right/16.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport Handle from '../../globals/internal/handle';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav group.\n *\n * @element dds-footer-nav-group\n * @slot title - The title content.\n */\n@customElement(`${ddsPrefix}-footer-nav-group`)\nclass DDSFooterNavGroup extends StableSelectorMixin(LitElement) {\n  /**\n   * The handle for observing match of the media query for making the accordion item stick expanded.\n   */\n  private _hChangeMediaQuery: Handle | null = null;\n\n  /**\n   * `true` to make the accordion item stick expanded.\n   */\n  @state()\n  private _shouldStickExpanded = false;\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 { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof DDSFooterNavGroup;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.open = open;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handles the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles the `keydown` event on the expando button.\n   *\n   * @param event The event.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * Handles `change` event on the media query list for making the accordion item stick expanded.\n   *\n   * @param event The event.\n   */\n  private _handleChangeMediaQuery = (event: MediaQueryListEvent) => {\n    this._shouldStickExpanded = event.matches;\n  };\n\n  /**\n   * `true` if the check box should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n    const { mediaStickExpanded } = this.constructor as typeof DDSFooterNavGroup;\n    const mediaQueryList =\n      this.ownerDocument!.defaultView!.matchMedia(mediaStickExpanded);\n    this._shouldStickExpanded = mediaQueryList.matches;\n    const { _handleChangeMediaQuery: handleChangeMediaQuery } = this;\n    mediaQueryList.addListener(handleChangeMediaQuery);\n    this._hChangeMediaQuery = {\n      release() {\n        mediaQueryList.removeListener(handleChangeMediaQuery);\n      },\n    } as Handle;\n  }\n\n  disconnectedCallback() {\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n  }\n\n  render() {\n    const {\n      titleText,\n      open,\n      _shouldStickExpanded: shouldStickExpanded,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const heading = shouldStickExpanded\n      ? html`\n          <h2 class=\"${prefix}--footer-nav-group__title\">\n            <slot name=\"title\">${titleText}</slot>\n          </h2>\n        `\n      : html`\n          <button\n            type=\"button\"\n            class=\"${prefix}--accordion__heading\"\n            aria-controls=\"content\"\n            aria-expanded=\"${String(Boolean(open))}\"\n            @click=\"${handleClickExpando}\"\n            @keydown=\"${handleKeydownExpando}\"\n          >\n            ${ChevronRight16({\n              class: `${prefix}--accordion__arrow`,\n            })}\n            <div class=\"${prefix}--accordion__title\">\n              <slot name=\"title\">${titleText}</slot>\n            </div>\n          </button>\n        `;\n    return html`\n      ${heading}\n      <div id=\"content\" class=\"${prefix}--accordion__content\">\n        <ul>\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  /**\n   * The media query to make the accordion item stick expaned.\n   */\n  static get mediaStickExpanded() {\n    return '(min-width: 42rem)';\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 `${ddsPrefix}-footer-nav-group-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 `${ddsPrefix}-footer-nav-group-toggled`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-nav-group`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavGroup;\n"],"mappings":"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"}
+{"version":3,"file":"footer-nav-group.js","names":["html","property","state","customElement","LitElement","settings","ChevronRight16","ddsSettings","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSFooterNavGroup","open","eventBeforeToggle","eventToggle","constructor","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","_handleUserInitiatedToggle","key","event","_shouldStickExpanded","matches","type","Boolean","reflect","attribute","hasAttribute","setAttribute","_hChangeMediaQuery","release","mediaStickExpanded","mediaQueryList","ownerDocument","defaultView","matchMedia","_handleChangeMediaQuery","handleChangeMediaQuery","addListener","removeListener","titleText","shouldStickExpanded","_handleClickExpando","handleClickExpando","_handleKeydownExpando","handleKeydownExpando","heading","String","class"],"sources":["components/footer/footer-nav-group.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, state, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ChevronRight16 from '@carbon/web-components/es/icons/chevron--right/16.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport Handle from '../../globals/internal/handle';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav group.\n *\n * @element dds-footer-nav-group\n * @slot title - The title content.\n */\n@customElement(`${ddsPrefix}-footer-nav-group`)\nclass DDSFooterNavGroup extends StableSelectorMixin(LitElement) {\n  /**\n   * The handle for observing match of the media query for making the accordion item stick expanded.\n   */\n  private _hChangeMediaQuery: Handle | null = null;\n\n  /**\n   * `true` to make the accordion item stick expanded.\n   */\n  @state()\n  private _shouldStickExpanded = false;\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 { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof DDSFooterNavGroup;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n      this.open = open;\n      this.dispatchEvent(new CustomEvent(eventToggle, init));\n    }\n  }\n\n  /**\n   * Handles the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handles the `keydown` event on the expando button.\n   *\n   * @param event The event.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\n\n  /**\n   * Handles `change` event on the media query list for making the accordion item stick expanded.\n   *\n   * @param event The event.\n   */\n  private _handleChangeMediaQuery = (event: MediaQueryListEvent) => {\n    this._shouldStickExpanded = event.matches;\n  };\n\n  /**\n   * `true` if the check box should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n    const { mediaStickExpanded } = this.constructor as typeof DDSFooterNavGroup;\n    const mediaQueryList =\n      this.ownerDocument!.defaultView!.matchMedia(mediaStickExpanded);\n    this._shouldStickExpanded = mediaQueryList.matches;\n    const { _handleChangeMediaQuery: handleChangeMediaQuery } = this;\n    mediaQueryList.addListener(handleChangeMediaQuery);\n    this._hChangeMediaQuery = {\n      release() {\n        mediaQueryList.removeListener(handleChangeMediaQuery);\n      },\n    } as Handle;\n  }\n\n  disconnectedCallback() {\n    if (this._hChangeMediaQuery) {\n      this._hChangeMediaQuery = this._hChangeMediaQuery.release();\n    }\n  }\n\n  render() {\n    const {\n      titleText,\n      open,\n      _shouldStickExpanded: shouldStickExpanded,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const heading = shouldStickExpanded\n      ? html`\n          <h2 class=\"${prefix}--footer-nav-group__title\">\n            <slot name=\"title\">${titleText}</slot>\n          </h2>\n        `\n      : html`\n          <button\n            type=\"button\"\n            class=\"${prefix}--accordion__heading\"\n            aria-controls=\"content\"\n            aria-expanded=\"${String(Boolean(open))}\"\n            @click=\"${handleClickExpando}\"\n            @keydown=\"${handleKeydownExpando}\"\n          >\n            ${ChevronRight16({\n              class: `${prefix}--accordion__arrow`,\n            })}\n            <div class=\"${prefix}--accordion__title\">\n              <slot name=\"title\">${titleText}</slot>\n            </div>\n          </button>\n        `;\n    return html`\n      ${heading}\n      <div id=\"content\" class=\"${prefix}--accordion__content\">\n        <ul>\n          <slot></slot>\n        </ul>\n      </div>\n    `;\n  }\n\n  /**\n   * The media query to make the accordion item stick expaned.\n   */\n  static get mediaStickExpanded() {\n    return '(min-width: 42rem)';\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 `${ddsPrefix}-footer-nav-group-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 `${ddsPrefix}-footer-nav-group-toggled`;\n  }\n\n  static get stableSelector() {\n    return `${ddsPrefix}--footer-nav-group`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavGroup;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AAC9E,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,cAAc,MAAM,sDAAsD;AACjF,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AAEtE,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;AAC3B,MAAM;EAAEM,YAAY,EAAEC;AAAU,CAAC,GAAGL,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AACA;AALA,IAOMM,iBAAiB,cADtBV,aAAa,CAAE,GAAES,SAAU,mBAAkB,CAAC;EAA/C,MACMC,iBAAiB,8BAAyC;IAAA;MAAA;MAAA;IAAA;EAwKhE;EAAC;IAAA,GAxKKA,iBAAiB;IAAA;MAAA;MAAA;MAAA;QAAA,OAIuB,IAAI;MAAA;IAAA;MAAA;MAAA,aAK/CX,KAAK,EAAE;MAAA;MAAA;QAAA,OACuB,KAAK;MAAA;IAAA;MAAA;MAAA;MAAA;MATpC;AACF;AACA;;MAGE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;MACE,oCAAmCY,IAAI,GAAG,CAAC,IAAI,CAACA,IAAI,EAAE;QACpD,MAAM;UAAEC,iBAAiB;UAAEC;QAAY,CAAC,GAAG,IAAI,CAC5CC,WAAuC;QAC1C,MAAMC,IAAI,GAAG;UACXC,OAAO,EAAE,IAAI;UACbC,UAAU,EAAE,IAAI;UAChBC,QAAQ,EAAE,IAAI;UACdC,MAAM,EAAE;YACNR;UACF;QACF,CAAC;QACD,IAAI,IAAI,CAACS,aAAa,CAAC,IAAIC,WAAW,CAACT,iBAAiB,EAAEG,IAAI,CAAC,CAAC,EAAE;UAChE,IAAI,CAACJ,IAAI,GAAGA,IAAI;UAChB,IAAI,CAACS,aAAa,CAAC,IAAIC,WAAW,CAACR,WAAW,EAAEE,IAAI,CAAC,CAAC;QACxD;MACF;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA,OAGA,+BAA8B;QAC5B,IAAI,CAACO,0BAA0B,EAAE;MACnC;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAA;MAAA;MAAA;QAAA,OAKgC,CAAC;UAAEC;QAAmB,CAAC,KAAK;UAC1D,IAAI,IAAI,CAACZ,IAAI,KAAKY,GAAG,KAAK,KAAK,IAAIA,GAAG,KAAK,QAAQ,CAAC,EAAE;YACpD,IAAI,CAACD,0BAA0B,CAAC,KAAK,CAAC;UACxC;QACF,CAAC;MAAA;IAAA;MAAA;MAAA;MAAA;QAAA,OAOkCE,KAA0B,IAAK;UAChE,IAAI,CAACC,oBAAoB,GAAGD,KAAK,CAACE,OAAO;QAC3C,CAAC;MAAA;IAAA;MAAA;MAAA,aAKA5B,QAAQ,CAAC;QAAE6B,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAA;MAAA,aAKX/B,QAAQ,CAAC;QAAEgC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAA;MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA;MAnBd;AACF;AACA;AACA;AACA;MAKE;AACF;AACA;MAIE;AACF;AACA;MAIE,6BAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACA,qBA7EEtB,iBAAiB;QA8EnB,IAAI,IAAI,CAACuB,kBAAkB,EAAE;UAC3B,IAAI,CAACA,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACC,OAAO,EAAE;QAC7D;QACA,MAAM;UAAEC;QAAmB,CAAC,GAAG,IAAI,CAACrB,WAAuC;QAC3E,MAAMsB,cAAc,GAClB,IAAI,CAACC,aAAa,CAAEC,WAAW,CAAEC,UAAU,CAACJ,kBAAkB,CAAC;QACjE,IAAI,CAACV,oBAAoB,GAAGW,cAAc,CAACV,OAAO;QAClD,MAAM;UAAEc,uBAAuB,EAAEC;QAAuB,CAAC,GAAG,IAAI;QAChEL,cAAc,CAACM,WAAW,CAACD,sBAAsB,CAAC;QAClD,IAAI,CAACR,kBAAkB,GAAG;UACxBC,OAAO,GAAG;YACRE,cAAc,CAACO,cAAc,CAACF,sBAAsB,CAAC;UACvD;QACF,CAAW;MACb;IAAC;MAAA;MAAA;MAAA,OAED,gCAAuB;QACrB,IAAI,IAAI,CAACR,kBAAkB,EAAE;UAC3B,IAAI,CAACA,kBAAkB,GAAG,IAAI,CAACA,kBAAkB,CAACC,OAAO,EAAE;QAC7D;MACF;IAAC;MAAA;MAAA;MAAA,OAED,kBAAS;QACP,MAAM;UACJU,SAAS;UACTjC,IAAI;UACJc,oBAAoB,EAAEoB,mBAAmB;UACzCC,mBAAmB,EAAEC,kBAAkB;UACvCC,qBAAqB,EAAEC;QACzB,CAAC,GAAG,IAAI;QACR,MAAMC,OAAO,GAAGL,mBAAmB,GAC/BhD,IAAI,cAAC;AACb,uBAAqB,CAAS;AAC9B,iCAA+B,CAAY;AAC3C;AACA,SAAQ,GAHeU,MAAM,EACIqC,SAAS,IAGlC/C,IAAI,gBAAC;AACb;AACA;AACA,qBAAmB,CAAS;AAC5B;AACA,6BAA2B,CAAwB;AACnD,sBAAoB,CAAqB;AACzC,wBAAsB,CAAuB;AAC7C;AACA,cAAY,CAEG;AACf,0BAAwB,CAAS;AACjC,mCAAiC,CAAY;AAC7C;AACA;AACA,SAAQ,GAbaU,MAAM,EAEE4C,MAAM,CAACvB,OAAO,CAACjB,IAAI,CAAC,CAAC,EAC5BoC,kBAAkB,EAChBE,oBAAoB,EAE9B9C,cAAc,CAAC;UACfiD,KAAK,EAAG,GAAE7C,MAAO;QACnB,CAAC,CAAC,EACYA,MAAM,EACGqC,SAAS,CAGnC;QACL,OAAO/C,IAAI,gBAAC;AAChB,QAAM,CAAU;AAChB,iCAA+B,CAAS;AACxC;AACA;AACA;AACA;AACA,KAAI,GANIqD,OAAO,EACkB3C,MAAM;MAMrC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,8BAAgC;QAC9B,OAAO,oBAAoB;MAC7B;;MAEA;AACF;AACA;AACA;IAHE;MAAA;MAAA;MAAA;MAAA,OAIA,6BAA+B;QAC7B,OAAQ,GAAEE,SAAU,gCAA+B;MACrD;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,uBAAyB;QACvB,OAAQ,GAAEA,SAAU,2BAA0B;MAChD;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEA,SAAU,oBAAmB;MACzC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAvKQD,mBAAmB,CAACJ,UAAU,CAAC;AA0K/D,eAAeS,iBAAiB"}

package/es/components/footer/footer-nav-item.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 /**
  * Footer nav item.
  *

package/es/components/footer/footer-nav-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/footer-nav-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,0DAA0D,CAAC;AAQ9E;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,MAAM;IACnC,SAAS,CAAC,YAAY;IAKtB;;OAEG;IAEH,SAAS,SAAM;IAEf,iBAAiB;IAOjB,OAAO;IAOP,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"footer-nav-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/carbon-web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav item.\n *\n * @element dds-footer-nav-item\n */\n@customElement(`${ddsPrefix}-footer-nav-item`)\nclass DDSFooterNavItem extends BXLink {\n  protected _renderInner() {\n    const { titleText } = this;\n    return html` <slot>${titleText}</slot> `;\n  }\n\n  /**\n   * The title.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated() {\n    const { _linkNode: linkNode } = this;\n    if (linkNode) {\n      linkNode.classList.add(`${prefix}--footer__link`);\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavItem;\n"]}
+{"version":3,"sources":["components/footer/footer-nav-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAQvE;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,MAAM;IACnC,SAAS,CAAC,YAAY;IAKtB;;OAEG;IAEH,SAAS,SAAM;IAEf,iBAAiB;IAOjB,OAAO;IAOP,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC","file":"footer-nav-item.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav item.\n *\n * @element dds-footer-nav-item\n */\n@customElement(`${ddsPrefix}-footer-nav-item`)\nclass DDSFooterNavItem extends BXLink {\n  protected _renderInner() {\n    const { titleText } = this;\n    return html` <slot>${titleText}</slot> `;\n  }\n\n  /**\n   * The title.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated() {\n    const { _linkNode: linkNode } = this;\n    if (linkNode) {\n      linkNode.classList.add(`${prefix}--footer__link`);\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavItem;\n"]}

package/es/components/footer/footer-nav-item.js

@@ -13,7 +13,7 @@ let _ = t => t,
  */
 
 import { html, property, customElement } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././footer.css.js";

package/es/components/footer/footer-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer-nav-item.js","names":["html","property","customElement","BXLink","settings","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSFooterNavItem","titleText","attribute","hasAttribute","setAttribute","_linkNode","linkNode","classList","add"],"sources":["components/footer/footer-nav-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/carbon-web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav item.\n *\n * @element dds-footer-nav-item\n */\n@customElement(`${ddsPrefix}-footer-nav-item`)\nclass DDSFooterNavItem extends BXLink {\n  protected _renderInner() {\n    const { titleText } = this;\n    return html` <slot>${titleText}</slot> `;\n  }\n\n  /**\n   * The title.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated() {\n    const { _linkNode: linkNode } = this;\n    if (linkNode) {\n      linkNode.classList.add(`${prefix}--footer__link`);\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,MAAM,MAAM,0DAA0D;AAC7E,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGH,QAAQ;AAC3B,MAAM;EAAEI,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,gBAAgB,cADrBR,aAAa,CAAE,GAAEO,SAAU,kBAAiB,CAAC;EAA9C,MACMC,gBAAgB,iBAAgB;IAAA;MAAA;MAAA;IAAA;EA2BtC;EAAC;IAAA,GA3BKA,gBAAgB;IAAA;MAAA;MAAA;MAAA,OACpB,wBAAyB;QACvB,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOX,IAAI,cAAC,UAAO,CAAY,UAAQ,GAAlBW,SAAS;MAChC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA,aAGCV,QAAQ,CAAC;QAAEW,SAAS,EAAE;MAAa,CAAC,CAAC;MAAA;MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA,OAEd,6BAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACA,qBAhBEJ,gBAAgB;MAiBpB;IAAC;MAAA;MAAA;MAAA,OAED,mBAAU;QACR,MAAM;UAAEK,SAAS,EAAEC;QAAS,CAAC,GAAG,IAAI;QACpC,IAAIA,QAAQ,EAAE;UACZA,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAE,GAAEX,MAAO,gBAAe,CAAC;QACnD;MACF;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeD,MAAM;MAAA;IAAA;EAAA;AAAA,GA1BOH,MAAM;AA6BrC,eAAeO,gBAAgB"}
+{"version":3,"file":"footer-nav-item.js","names":["html","property","customElement","BXLink","settings","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSFooterNavItem","titleText","attribute","hasAttribute","setAttribute","_linkNode","linkNode","classList","add"],"sources":["components/footer/footer-nav-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\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, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Footer nav item.\n *\n * @element dds-footer-nav-item\n */\n@customElement(`${ddsPrefix}-footer-nav-item`)\nclass DDSFooterNavItem extends BXLink {\n  protected _renderInner() {\n    const { titleText } = this;\n    return html` <slot>${titleText}</slot> `;\n  }\n\n  /**\n   * The title.\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n  }\n\n  updated() {\n    const { _linkNode: linkNode } = this;\n    if (linkNode) {\n      linkNode.classList.add(`${prefix}--footer__link`);\n    }\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSFooterNavItem;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,MAAM,MAAM,mDAAmD;AACtE,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGH,QAAQ;AAC3B,MAAM;EAAEI,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,gBAAgB,cADrBR,aAAa,CAAE,GAAEO,SAAU,kBAAiB,CAAC;EAA9C,MACMC,gBAAgB,iBAAgB;IAAA;MAAA;MAAA;IAAA;EA2BtC;EAAC;IAAA,GA3BKA,gBAAgB;IAAA;MAAA;MAAA;MAAA,OACpB,wBAAyB;QACvB,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOX,IAAI,cAAC,UAAO,CAAY,UAAQ,GAAlBW,SAAS;MAChC;;MAEA;AACF;AACA;IAFE;MAAA;MAAA,aAGCV,QAAQ,CAAC;QAAEW,SAAS,EAAE;MAAa,CAAC,CAAC;MAAA;MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAA;MAAA;MAAA,OAEd,6BAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC;QACvC;QACA,qBAhBEJ,gBAAgB;MAiBpB;IAAC;MAAA;MAAA;MAAA,OAED,mBAAU;QACR,MAAM;UAAEK,SAAS,EAAEC;QAAS,CAAC,GAAG,IAAI;QACpC,IAAIA,QAAQ,EAAE;UACZA,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAE,GAAEX,MAAO,gBAAe,CAAC;QACnD;MACF;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeD,MAAM;MAAA;IAAA;EAAA;AAAA,GA1BOH,MAAM;AA6BrC,eAAeO,gBAAgB"}