npm - @carbon/ibmdotcom-web-components - Versions diffs - 1.26.0-rc.1 → 1.26.0-rc.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (788) hide show

package/es/components/footer/language-selector-desktop.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/footer/language-selector-desktop.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAmJH,eAAe,0BAA0B,CAAC","file":"language-selector-desktop.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 { property, customElement, query, state } from 'lit-element';\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 BXComboBoxItem from '@carbon/~~carbon-~~web-components/es/components/combo-box/combo-box-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { LANGUAGE_SELECTOR_STYLE_SCHEME } from './defs';\nimport DDSComboBox, { DROPDOWN_SIZE } from './combo-box';\nimport styles from './footer.scss';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - desktop.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-desktop\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-desktop`)\nclass DDSLanguageSelectorDesktop extends HostListenerMixin(DDSComboBox) {\n /\n Property that saves the last valid language to use on reset cases.\n /\n @state()\n private _lastValidLang?: string;\n\n /\n The `<input>` for filtering.\n /\n @query('input')\n private _filterInputNode!: HTMLInputElement;\n\n /\n Reverts input value to last chosen valid language.\n \n @param event the event\n /\n @HostListener('document:click')\n protected _handleClickOutside = (event: MouseEvent) => {\n if (!this.contains(event.target as Node)) {\n this._filterInputValue = this._lastValidLang as string;\n this._filterInputNode.value = this._lastValidLang as string;\n this.open = false;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n };\n\n /\n Handles `input` event on the `<input>` for filtering.\n * Highlights and scrolls into the view the matched item.\n /\n protected _handleInput() {\n const items = this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n );\n const index = !this._filterInputNode.value\n ? -1\n : findIndex(items, this._testItemWithQueryText, this);\n forEach(items, (item, i) => {\n if (i === index) item.scrollIntoView();\n (item as BXComboBoxItem).highlighted = i === index;\n });\n const { _filterInputNode: filterInput } = this;\n this._filterInputValue = !filterInput ? '' : filterInput.value;\n this.open = true;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n\n /\n Handles user-initiated clearing the `<input>` for filtering.\n * Also saves the current valid language.\n /\n protected _handleUserInitiatedClearInput() {\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n ),\n (item) => {\n (item as BXComboBoxItem).highlighted = false;\n (item as BXComboBoxItem).selected = false;\n }\n );\n this._lastValidLang = this._filterInputValue;\n this._filterInputValue = '';\n this._filterInputNode.focus();\n this.open = false;\n this.requestUpdate();\n }\n\n /\n Updates the input and last valid language to the selected item text.\n \n @param item that was selected\n /\n protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n if (item && !this._selectionShouldChange(item)) {\n // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n // Use case:\n // 1. Select the 2nd item in combo box drop down\n // 2. Type some text in the `<input>`\n // 3. Re-select the 2nd item in combo box drop down,\n // the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n // even if there is no change in the selected value\n this._filterInputValue = item.textContent \|\| '';\n this.open = false;\n this.requestUpdate();\n }\n this._lastValidLang = item?.textContent as string;\n (item as BXComboBoxItem).selected = true;\n super._handleUserInitiatedSelectItem(item);\n }\n\n /\n Property that specifies the ComboBox to have size xl\n \n @internal\n /\n @property()\n size = DROPDOWN_SIZE.EXTRA_LARGE;\n\n /\n Size property to apply different styles.\n /\n @property({ attribute: 'style-scheme' })\n styleScheme = LANGUAGE_SELECTOR_STYLE_SCHEME.REGULAR;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n // @ts-ignore\n updated(changedProperties) {\n super.updated();\n if (changedProperties.has('value')) {\n this._lastValidLang = this.value;\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorDesktop;\n"]}
1	+ {"version":3,"sources":["components/footer/language-selector-desktop.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAmJH,eAAe,0BAA0B,CAAC","file":"language-selector-desktop.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 { property, customElement, query, state } from 'lit-element';\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 BXComboBoxItem from '@carbon/web-components/es/components/combo-box/combo-box-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { LANGUAGE_SELECTOR_STYLE_SCHEME } from './defs';\nimport DDSComboBox, { DROPDOWN_SIZE } from './combo-box';\nimport styles from './footer.scss';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - desktop.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-desktop\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-desktop`)\nclass DDSLanguageSelectorDesktop extends HostListenerMixin(DDSComboBox) {\n /\n Property that saves the last valid language to use on reset cases.\n /\n @state()\n private _lastValidLang?: string;\n\n /\n The `<input>` for filtering.\n /\n @query('input')\n private _filterInputNode!: HTMLInputElement;\n\n /\n Reverts input value to last chosen valid language.\n \n @param event the event\n /\n @HostListener('document:click')\n protected _handleClickOutside = (event: MouseEvent) => {\n if (!this.contains(event.target as Node)) {\n this._filterInputValue = this._lastValidLang as string;\n this._filterInputNode.value = this._lastValidLang as string;\n this.open = false;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n };\n\n /\n Handles `input` event on the `<input>` for filtering.\n * Highlights and scrolls into the view the matched item.\n /\n protected _handleInput() {\n const items = this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n );\n const index = !this._filterInputNode.value\n ? -1\n : findIndex(items, this._testItemWithQueryText, this);\n forEach(items, (item, i) => {\n if (i === index) item.scrollIntoView();\n (item as BXComboBoxItem).highlighted = i === index;\n });\n const { _filterInputNode: filterInput } = this;\n this._filterInputValue = !filterInput ? '' : filterInput.value;\n this.open = true;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n\n /\n Handles user-initiated clearing the `<input>` for filtering.\n * Also saves the current valid language.\n /\n protected _handleUserInitiatedClearInput() {\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n ),\n (item) => {\n (item as BXComboBoxItem).highlighted = false;\n (item as BXComboBoxItem).selected = false;\n }\n );\n this._lastValidLang = this._filterInputValue;\n this._filterInputValue = '';\n this._filterInputNode.focus();\n this.open = false;\n this.requestUpdate();\n }\n\n /\n Updates the input and last valid language to the selected item text.\n \n @param item that was selected\n /\n protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n if (item && !this._selectionShouldChange(item)) {\n // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n // Use case:\n // 1. Select the 2nd item in combo box drop down\n // 2. Type some text in the `<input>`\n // 3. Re-select the 2nd item in combo box drop down,\n // the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n // even if there is no change in the selected value\n this._filterInputValue = item.textContent \|\| '';\n this.open = false;\n this.requestUpdate();\n }\n this._lastValidLang = item?.textContent as string;\n (item as BXComboBoxItem).selected = true;\n super._handleUserInitiatedSelectItem(item);\n }\n\n /\n Property that specifies the ComboBox to have size xl\n \n @internal\n /\n @property()\n size = DROPDOWN_SIZE.EXTRA_LARGE;\n\n /\n Size property to apply different styles.\n /\n @property({ attribute: 'style-scheme' })\n styleScheme = LANGUAGE_SELECTOR_STYLE_SCHEME.REGULAR;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n // @ts-ignore\n updated(changedProperties) {\n super.updated();\n if (changedProperties.has('value')) {\n this._lastValidLang = this.value;\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorDesktop;\n"]}

package/es/components/footer/language-selector-desktop.js CHANGED Viewed

@@ -11,8 +11,8 @@ import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
  */
 import { property, customElement, query, state } from 'lit-element';
-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 HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import { LANGUAGE_SELECTOR_STYLE_SCHEME } from "./defs.js";
 import DDSComboBox, { DROPDOWN_SIZE } from "./combo-box.js";

package/es/components/footer/language-selector-desktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"language-selector-desktop.js","names":["property","customElement","query","state","HostListener","HostListenerMixin","ddsSettings","LANGUAGE_SELECTOR_STYLE_SCHEME","DDSComboBox","DROPDOWN_SIZE","styles","findIndex","forEach","stablePrefix","ddsPrefix","DDSLanguageSelectorDesktop","event","contains","target","_filterInputValue","_lastValidLang","_filterInputNode","value","open","requestUpdate","items","querySelectorAll","constructor","selectorItem","index","_testItemWithQueryText","item","i","scrollIntoView","highlighted","filterInput","selected","focus","_selectionShouldChange","textContent","EXTRA_LARGE","attribute","REGULAR","reflect","changedProperties","has"],"sources":["components/footer/language-selector-desktop.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 { property, customElement, query, state } from 'lit-element';\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 BXComboBoxItem from '@carbon/~~carbon-~~web-components/es/components/combo-box/combo-box-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { LANGUAGE_SELECTOR_STYLE_SCHEME } from './defs';\nimport DDSComboBox, { DROPDOWN_SIZE } from './combo-box';\nimport styles from './footer.scss';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - desktop.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-desktop\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-desktop`)\nclass DDSLanguageSelectorDesktop extends HostListenerMixin(DDSComboBox) {\n /\n Property that saves the last valid language to use on reset cases.\n /\n @state()\n private _lastValidLang?: string;\n\n /\n The `<input>` for filtering.\n /\n @query('input')\n private _filterInputNode!: HTMLInputElement;\n\n /\n Reverts input value to last chosen valid language.\n \n @param event the event\n /\n @HostListener('document:click')\n protected _handleClickOutside = (event: MouseEvent) => {\n if (!this.contains(event.target as Node)) {\n this._filterInputValue = this._lastValidLang as string;\n this._filterInputNode.value = this._lastValidLang as string;\n this.open = false;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n };\n\n /\n Handles `input` event on the `<input>` for filtering.\n * Highlights and scrolls into the view the matched item.\n /\n protected _handleInput() {\n const items = this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n );\n const index = !this._filterInputNode.value\n ? -1\n : findIndex(items, this._testItemWithQueryText, this);\n forEach(items, (item, i) => {\n if (i === index) item.scrollIntoView();\n (item as BXComboBoxItem).highlighted = i === index;\n });\n const { _filterInputNode: filterInput } = this;\n this._filterInputValue = !filterInput ? '' : filterInput.value;\n this.open = true;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n\n /\n Handles user-initiated clearing the `<input>` for filtering.\n * Also saves the current valid language.\n /\n protected _handleUserInitiatedClearInput() {\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n ),\n (item) => {\n (item as BXComboBoxItem).highlighted = false;\n (item as BXComboBoxItem).selected = false;\n }\n );\n this._lastValidLang = this._filterInputValue;\n this._filterInputValue = '';\n this._filterInputNode.focus();\n this.open = false;\n this.requestUpdate();\n }\n\n /\n Updates the input and last valid language to the selected item text.\n \n @param item that was selected\n /\n protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n if (item && !this._selectionShouldChange(item)) {\n // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n // Use case:\n // 1. Select the 2nd item in combo box drop down\n // 2. Type some text in the `<input>`\n // 3. Re-select the 2nd item in combo box drop down,\n // the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n // even if there is no change in the selected value\n this._filterInputValue = item.textContent \|\| '';\n this.open = false;\n this.requestUpdate();\n }\n this._lastValidLang = item?.textContent as string;\n (item as BXComboBoxItem).selected = true;\n super._handleUserInitiatedSelectItem(item);\n }\n\n /\n Property that specifies the ComboBox to have size xl\n \n @internal\n /\n @property()\n size = DROPDOWN_SIZE.EXTRA_LARGE;\n\n /\n Size property to apply different styles.\n /\n @property({ attribute: 'style-scheme' })\n styleScheme = LANGUAGE_SELECTOR_STYLE_SCHEME.REGULAR;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n // @ts-ignore\n updated(changedProperties) {\n super.updated();\n if (changedProperties.has('value')) {\n this._lastValidLang = this.value;\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorDesktop;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,KAAK,QAAQ,aAAa;AACnE,OAAOC,YAAY,MAAM~~,sEAAsE~~;~~AAC/F~~,OAAOC,iBAAiB,MAAM,~~kEAAkE~~;~~AAEhG~~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"}
1	+ {"version":3,"file":"language-selector-desktop.js","names":["property","customElement","query","state","HostListener","HostListenerMixin","ddsSettings","LANGUAGE_SELECTOR_STYLE_SCHEME","DDSComboBox","DROPDOWN_SIZE","styles","findIndex","forEach","stablePrefix","ddsPrefix","DDSLanguageSelectorDesktop","event","contains","target","_filterInputValue","_lastValidLang","_filterInputNode","value","open","requestUpdate","items","querySelectorAll","constructor","selectorItem","index","_testItemWithQueryText","item","i","scrollIntoView","highlighted","filterInput","selected","focus","_selectionShouldChange","textContent","EXTRA_LARGE","attribute","REGULAR","reflect","changedProperties","has"],"sources":["components/footer/language-selector-desktop.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 { property, customElement, query, state } from 'lit-element';\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 BXComboBoxItem from '@carbon/web-components/es/components/combo-box/combo-box-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { LANGUAGE_SELECTOR_STYLE_SCHEME } from './defs';\nimport DDSComboBox, { DROPDOWN_SIZE } from './combo-box';\nimport styles from './footer.scss';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - desktop.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-desktop\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-desktop`)\nclass DDSLanguageSelectorDesktop extends HostListenerMixin(DDSComboBox) {\n /\n Property that saves the last valid language to use on reset cases.\n /\n @state()\n private _lastValidLang?: string;\n\n /\n The `<input>` for filtering.\n /\n @query('input')\n private _filterInputNode!: HTMLInputElement;\n\n /\n Reverts input value to last chosen valid language.\n \n @param event the event\n /\n @HostListener('document:click')\n protected _handleClickOutside = (event: MouseEvent) => {\n if (!this.contains(event.target as Node)) {\n this._filterInputValue = this._lastValidLang as string;\n this._filterInputNode.value = this._lastValidLang as string;\n this.open = false;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n };\n\n /\n Handles `input` event on the `<input>` for filtering.\n * Highlights and scrolls into the view the matched item.\n /\n protected _handleInput() {\n const items = this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n );\n const index = !this._filterInputNode.value\n ? -1\n : findIndex(items, this._testItemWithQueryText, this);\n forEach(items, (item, i) => {\n if (i === index) item.scrollIntoView();\n (item as BXComboBoxItem).highlighted = i === index;\n });\n const { _filterInputNode: filterInput } = this;\n this._filterInputValue = !filterInput ? '' : filterInput.value;\n this.open = true;\n this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n }\n\n /\n Handles user-initiated clearing the `<input>` for filtering.\n * Also saves the current valid language.\n /\n protected _handleUserInitiatedClearInput() {\n forEach(\n this.querySelectorAll(\n (this.constructor as typeof DDSComboBox).selectorItem\n ),\n (item) => {\n (item as BXComboBoxItem).highlighted = false;\n (item as BXComboBoxItem).selected = false;\n }\n );\n this._lastValidLang = this._filterInputValue;\n this._filterInputValue = '';\n this._filterInputNode.focus();\n this.open = false;\n this.requestUpdate();\n }\n\n /\n Updates the input and last valid language to the selected item text.\n \n @param item that was selected\n /\n protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n if (item && !this._selectionShouldChange(item)) {\n // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n // Use case:\n // 1. Select the 2nd item in combo box drop down\n // 2. Type some text in the `<input>`\n // 3. Re-select the 2nd item in combo box drop down,\n // the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n // even if there is no change in the selected value\n this._filterInputValue = item.textContent \|\| '';\n this.open = false;\n this.requestUpdate();\n }\n this._lastValidLang = item?.textContent as string;\n (item as BXComboBoxItem).selected = true;\n super._handleUserInitiatedSelectItem(item);\n }\n\n /\n Property that specifies the ComboBox to have size xl\n \n @internal\n /\n @property()\n size = DROPDOWN_SIZE.EXTRA_LARGE;\n\n /\n Size property to apply different styles.\n /\n @property({ attribute: 'style-scheme' })\n styleScheme = LANGUAGE_SELECTOR_STYLE_SCHEME.REGULAR;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n // @ts-ignore\n updated(changedProperties) {\n super.updated();\n if (changedProperties.has('value')) {\n this._lastValidLang = this.value;\n }\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorDesktop;\n"],"mappings":"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"}

package/es/components/footer/language-selector-mobile.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/footer/language-selector-mobile.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAoCH,eAAe,yBAAyB,CAAC","file":"language-selector-mobile.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 { property, customElement } from 'lit-element';\nimport BXSelect from '@carbon/~~carbon-~~web-components/es/components/select/select.js';\nimport { INPUT_SIZE } from '@carbon/~~carbon-~~web-components/es/components/input/input.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - mobile version.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-mobile\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-mobile`)\nclass DDSLanguageSelectorMobile extends BXSelect {\n /\n Property that specifies the Select to have size xl\n \n @internal\n /\n @property()\n size = INPUT_SIZE.EXTRA_LARGE;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorMobile;\n"]}
1	+ {"version":3,"sources":["components/footer/language-selector-mobile.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAoCH,eAAe,yBAAyB,CAAC","file":"language-selector-mobile.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 { property, customElement } from 'lit-element';\nimport BXSelect from '@carbon/web-components/es/components/select/select.js';\nimport { INPUT_SIZE } from '@carbon/web-components/es/components/input/input.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - mobile version.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-mobile\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-mobile`)\nclass DDSLanguageSelectorMobile extends BXSelect {\n /\n Property that specifies the Select to have size xl\n \n @internal\n /\n @property()\n size = INPUT_SIZE.EXTRA_LARGE;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorMobile;\n"]}

package/es/components/footer/language-selector-mobile.js CHANGED Viewed

@@ -9,8 +9,8 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { property, customElement } from 'lit-element';
-import BXSelect from '@carbon/carbon-web-components/es/components/select/select.js';
-import { INPUT_SIZE } from '@carbon/carbon-web-components/es/components/input/input.js';
+import BXSelect from '@carbon/web-components/es/components/select/select.js';
+import { INPUT_SIZE } from '@carbon/web-components/es/components/input/input.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././footer.css.js";
 const {

package/es/components/footer/language-selector-mobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"language-selector-mobile.js","names":["property","customElement","BXSelect","INPUT_SIZE","ddsSettings","styles","stablePrefix","ddsPrefix","DDSLanguageSelectorMobile","EXTRA_LARGE","reflect"],"sources":["components/footer/language-selector-mobile.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 { property, customElement } from 'lit-element';\nimport BXSelect from '@carbon/~~carbon-~~web-components/es/components/select/select.js';\nimport { INPUT_SIZE } from '@carbon/~~carbon-~~web-components/es/components/input/input.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - mobile version.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-mobile\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-mobile`)\nclass DDSLanguageSelectorMobile extends BXSelect {\n /\n Property that specifies the Select to have size xl\n \n @internal\n /\n @property()\n size = INPUT_SIZE.EXTRA_LARGE;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorMobile;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,QAAQ,MAAM,~~8DAA8D~~;~~AACnF~~,SAASC,UAAU,QAAQ,~~4DAA4D~~;~~AACvF~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMI,yBAAyB,cAD9BP,aAAa,CAAE,GAAEM,SAAU,2BAA0B,CAAC;EAAvD,MACMC,yBAAyB,mBAAkB;IAAA;MAAA;MAAA;IAAA;EAgBjD;EAAC;IAAA,GAhBKA,yBAAyB;IAAA;MAAA;MAAA,aAM5BR,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJG,UAAU,CAACM,WAAW;MAAA;IAAA;MAAA;MAAA,aAK5BT,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,mBAAmB;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OAEVL,MAAM;MAAA;IAAA;EAAA;AAAA,GAfgBH,QAAQ;AAkBhD,eAAeM,yBAAyB"}
1	+ {"version":3,"file":"language-selector-mobile.js","names":["property","customElement","BXSelect","INPUT_SIZE","ddsSettings","styles","stablePrefix","ddsPrefix","DDSLanguageSelectorMobile","EXTRA_LARGE","reflect"],"sources":["components/footer/language-selector-mobile.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 { property, customElement } from 'lit-element';\nimport BXSelect from '@carbon/web-components/es/components/select/select.js';\nimport { INPUT_SIZE } from '@carbon/web-components/es/components/input/input.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './footer.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Language selector component - mobile version.\n * The API for language selection is still subject to change.\n \n @element dds-language-selector-mobile\n * @internal\n /\n@customElement(`${ddsPrefix}-language-selector-mobile`)\nclass DDSLanguageSelectorMobile extends BXSelect {\n /\n Property that specifies the Select to have size xl\n \n @internal\n /\n @property()\n size = INPUT_SIZE.EXTRA_LARGE;\n\n /\n The shadow slot this language-selector should be in.\n */\n @property({ reflect: true })\n slot = 'language-selector';\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLanguageSelectorMobile;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AACrD,OAAOC,QAAQ,MAAM,uDAAuD;AAC5E,SAASC,UAAU,QAAQ,qDAAqD;AAChF,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGH,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMI,yBAAyB,cAD9BP,aAAa,CAAE,GAAEM,SAAU,2BAA0B,CAAC;EAAvD,MACMC,yBAAyB,mBAAkB;IAAA;MAAA;MAAA;IAAA;EAgBjD;EAAC;IAAA,GAhBKA,yBAAyB;IAAA;MAAA;MAAA,aAM5BR,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJG,UAAU,CAACM,WAAW;MAAA;IAAA;MAAA;MAAA,aAK5BT,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,mBAAmB;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OAEVL,MAAM;MAAA;IAAA;EAAA;AAAA,GAfgBH,QAAQ;AAkBhD,eAAeM,yBAAyB"}

package/es/components/footer/locale-button.d.ts CHANGED Viewed

@@ -341,7 +341,9 @@ declare const DDSLocaleButton_base: {
     readonly offsetWidth: number;
     outerText: string;
     spellcheck: boolean;
-    title: string;
+    title: string; /**
+     * Button label for accessibility.
+     */
     translate: boolean;
     attachInternals(): ElementInternals;
     click(): void;

package/es/components/footer/locale-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/footer/locale-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOvC;;;;GAIG;AACH,cACM,eAAgB,SAAQ,oBAA2C;IACvE;;OAEG;IAEH,WAAW,SAA4B;IAEvC;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,IAAI,SAAmB;IAEvB,gBAAgB;IAShB,MAAM;IAcN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"locale-button.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 EarthFilled16 from '@carbon/~~carbon-~~web-components/es/icons/earth--filled/16.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { FOOTER_SIZE } from './footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale button.\n \n @element dds-locale-button\n /\n@customElement(`${ddsPrefix}-locale-button`)\nclass DDSLocaleButton extends StableSelectorMixin(FocusMixin(LitElement)) {\n /\n Button label for accessibility.\n /\n @property()\n buttonLabel = 'Select geographic area';\n\n /\n Size property to apply different styles.\n /\n @property()\n size = FOOTER_SIZE.REGULAR;\n\n /\n The shadow slot this locale button should be in.\n */\n @property({ reflect: true })\n slot = 'locale-button';\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 { buttonLabel } = this;\n return html`\n <button\n id=\"button\"\n class=\"${prefix}--btn ${prefix}--btn--tertiary ${prefix}--locale-btn\"\n aria-label=\"${ifNonNull(buttonLabel)}\"\n >\n <slot></slot>\n ${EarthFilled16()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleButton;\n"]}
1	+ {"version":3,"sources":["components/footer/locale-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAcrC;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AATL;;;;GAIG;AACH,cACM,eAAgB,SAAQ,oBAA2C;IACvE;;OAEG;IAEH,WAAW,SAA4B;IAEvC;;OAEG;IAEH,IAAI,cAAuB;IAE3B;;OAEG;IAEH,IAAI,SAAmB;IAEvB,gBAAgB;IAShB,MAAM;IAcN,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"locale-button.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 EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { FOOTER_SIZE } from './footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale button.\n \n @element dds-locale-button\n /\n@customElement(`${ddsPrefix}-locale-button`)\nclass DDSLocaleButton extends StableSelectorMixin(FocusMixin(LitElement)) {\n /\n Button label for accessibility.\n /\n @property()\n buttonLabel = 'Select geographic area';\n\n /\n Size property to apply different styles.\n /\n @property()\n size = FOOTER_SIZE.REGULAR;\n\n /\n The shadow slot this locale button should be in.\n */\n @property({ reflect: true })\n slot = 'locale-button';\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 { buttonLabel } = this;\n return html`\n <button\n id=\"button\"\n class=\"${prefix}--btn ${prefix}--btn--tertiary ${prefix}--locale-btn\"\n aria-label=\"${ifNonNull(buttonLabel)}\"\n >\n <slot></slot>\n ${EarthFilled16()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleButton;\n"]}

package/es/components/footer/locale-button.js CHANGED Viewed

@@ -11,9 +11,9 @@ let _ = t => t,
  */
 import { html, property, customElement, LitElement } from 'lit-element';
-import EarthFilled16 from '@carbon/carbon-web-components/es/icons/earth--filled/16.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 EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.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 settings from 'carbon-components/es/globals/js/settings.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import { FOOTER_SIZE } from "./footer.js";

package/es/components/footer/locale-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"locale-button.js","names":["html","property","customElement","LitElement","EarthFilled16","FocusMixin","ifNonNull","settings","ddsSettings","FOOTER_SIZE","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSLocaleButton","REGULAR","reflect","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","buttonLabel"],"sources":["components/footer/locale-button.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 EarthFilled16 from '@carbon/~~carbon-~~web-components/es/icons/earth--filled/16.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { FOOTER_SIZE } from './footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale button.\n \n @element dds-locale-button\n /\n@customElement(`${ddsPrefix}-locale-button`)\nclass DDSLocaleButton extends StableSelectorMixin(FocusMixin(LitElement)) {\n /\n Button label for accessibility.\n /\n @property()\n buttonLabel = 'Select geographic area';\n\n /\n Size property to apply different styles.\n /\n @property()\n size = FOOTER_SIZE.REGULAR;\n\n /\n The shadow slot this locale button should be in.\n */\n @property({ reflect: true })\n slot = 'locale-button';\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 { buttonLabel } = this;\n return html`\n <button\n id=\"button\"\n class=\"${prefix}--btn ${prefix}--btn--tertiary ${prefix}--locale-btn\"\n aria-label=\"${ifNonNull(buttonLabel)}\"\n >\n <slot></slot>\n ${EarthFilled16()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,aAAa,MAAM,~~4DAA4D~~;~~AACtF~~,OAAOC,UAAU,MAAM,~~0DAA0D~~;~~AACjF~~,OAAOC,SAAS,MAAM,~~oEAAoE~~;~~AAC1F~~,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,SAASC,WAAW,QAAQ,aAAU;AACtC,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;AAC3B,MAAM;EAAEM,YAAY,EAAEC;AAAU,CAAC,GAAGN,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMO,eAAe,cADpBb,aAAa,CAAE,GAAEY,SAAU,gBAAe,CAAC;EAA5C,MACMC,eAAe,8BAAqD;IAAA;MAAA;MAAA;IAAA;EA+C1E;EAAC;IAAA,GA/CKA,eAAe;IAAA;MAAA;MAAA,aAIlBd,QAAQ,EAAE;MAAA;MAAA;QAAA,OACG,wBAAwB;MAAA;IAAA;MAAA;MAAA,aAKrCA,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJQ,WAAW,CAACO,OAAO;MAAA;IAAA;MAAA;MAAA,aAKzBf,QAAQ,CAAC;QAAEgB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,eAAe;MAAA;IAAA;MAAA;MAAA;MAAA;MAhBtB;AACF;AACA;;MAIE;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;QAAY,CAAC,GAAG,IAAI;QAC5B,OAAOzB,IAAI,cAAC;AAChB;AACA;AACA,iBAAe,CAAS,SAAM,CAAS,mBAAgB,CAAS;AAChE,sBAAoB,CAAyB;AAC7C;AACA;AACA,UAAQ,CAAkB;AAC1B;AACA,KAAI,GANaY,MAAM,EAASA,MAAM,EAAmBA,MAAM,EACzCN,SAAS,CAACmB,WAAW,CAAC,EAGlCrB,aAAa,EAAE;MAGvB;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEU,SAAU,cAAa;MACnC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GA9CMD,mBAAmB,CAACL,UAAU,CAACF,UAAU,CAAC,CAAC;AAiDzE,eAAeY,eAAe"}
1	+ {"version":3,"file":"locale-button.js","names":["html","property","customElement","LitElement","EarthFilled16","FocusMixin","ifNonNull","settings","ddsSettings","FOOTER_SIZE","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSLocaleButton","REGULAR","reflect","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","buttonLabel"],"sources":["components/footer/locale-button.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 EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { FOOTER_SIZE } from './footer';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './footer.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale button.\n \n @element dds-locale-button\n /\n@customElement(`${ddsPrefix}-locale-button`)\nclass DDSLocaleButton extends StableSelectorMixin(FocusMixin(LitElement)) {\n /\n Button label for accessibility.\n /\n @property()\n buttonLabel = 'Select geographic area';\n\n /\n Size property to apply different styles.\n /\n @property()\n size = FOOTER_SIZE.REGULAR;\n\n /\n The shadow slot this locale button should be in.\n */\n @property({ reflect: true })\n slot = 'locale-button';\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 { buttonLabel } = this;\n return html`\n <button\n id=\"button\"\n class=\"${prefix}--btn ${prefix}--btn--tertiary ${prefix}--locale-btn\"\n aria-label=\"${ifNonNull(buttonLabel)}\"\n >\n <slot></slot>\n ${EarthFilled16()}\n </button>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-btn`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,UAAU,QAAQ,aAAa;AACvE,OAAOC,aAAa,MAAM,qDAAqD;AAC/E,OAAOC,UAAU,MAAM,mDAAmD;AAC1E,OAAOC,SAAS,MAAM,6DAA6D;AACnF,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,SAASC,WAAW,QAAQ,aAAU;AACtC,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,mBAAe;AAElC,MAAM;EAAEC;AAAO,CAAC,GAAGL,QAAQ;AAC3B,MAAM;EAAEM,YAAY,EAAEC;AAAU,CAAC,GAAGN,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMO,eAAe,cADpBb,aAAa,CAAE,GAAEY,SAAU,gBAAe,CAAC;EAA5C,MACMC,eAAe,8BAAqD;IAAA;MAAA;MAAA;IAAA;EA+C1E;EAAC;IAAA,GA/CKA,eAAe;IAAA;MAAA;MAAA,aAIlBd,QAAQ,EAAE;MAAA;MAAA;QAAA,OACG,wBAAwB;MAAA;IAAA;MAAA;MAAA,aAKrCA,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJQ,WAAW,CAACO,OAAO;MAAA;IAAA;MAAA;MAAA,aAKzBf,QAAQ,CAAC;QAAEgB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,eAAe;MAAA;IAAA;MAAA;MAAA;MAAA;MAhBtB;AACF;AACA;;MAIE;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;QAAY,CAAC,GAAG,IAAI;QAC5B,OAAOzB,IAAI,cAAC;AAChB;AACA;AACA,iBAAe,CAAS,SAAM,CAAS,mBAAgB,CAAS;AAChE,sBAAoB,CAAyB;AAC7C;AACA;AACA,UAAQ,CAAkB;AAC1B;AACA,KAAI,GANaY,MAAM,EAASA,MAAM,EAAmBA,MAAM,EACzCN,SAAS,CAACmB,WAAW,CAAC,EAGlCrB,aAAa,EAAE;MAGvB;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEU,SAAU,cAAa;MACnC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GA9CMD,mBAAmB,CAACL,UAAU,CAACF,UAAU,CAAC,CAAC;AAiDzE,eAAeY,eAAe"}

package/es/components/image/image.d.ts CHANGED Viewed

@@ -677,7 +677,11 @@ declare const DDSImage_base: {
     readonly localName: string;
     readonly namespaceURI: string | null;
     onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-    onfullscreenerror: ((this: Element, ev: Event) => any) | null;
+    onfullscreenerror: ((this: Element, ev: Event) => any) | null; /**
+     * `true` handles re-opening after model is closed
+     *
+     * @private
+     */
     outerHTML: string;
     readonly ownerDocument: Document;
     readonly part: DOMTokenList;

package/es/components/image/image.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/image/image.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAS,MAAM,aAAa,CAAC;AAM/E,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAW1B;;;;;;GAMG;AACH,cACM,QAAS,SAAQ,aAEtB;IACC;;OAEG;IAEH,OAAO,CAAC,OAAO,CAAqB;IAEpC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoBzB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY,CAAuB;IAE3C;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAM;IAGb,iCAAiC,SAAmC;IAEpE;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,UAAS;IAEb,gBAAgB;IAShB,iBAAiB;IAWjB,oBAAoB;IAOpB,WAAW;IAqCX,WAAW;IAkBX,MAAM;IAgCN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,QAAQ,CAAC","file":"image.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, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/~~carbon-~~web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/~~carbon-~~web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/~~carbon-~~web-components/es/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\"\n />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"]}
1	+ {"version":3,"sources":["components/image/image.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAS,MAAM,aAAa,CAAC;AAM/E,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mEAmDxB;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5CL;;;;;;GAMG;AACH,cACM,QAAS,SAAQ,aAEtB;IACC;;OAEG;IAEH,OAAO,CAAC,OAAO,CAAqB;IAEpC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAoBzB;;;;OAIG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAEvB;IAEF;;OAEG;IACH,OAAO,CAAC,YAAY,CAAuB;IAE3C;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAM;IAGb,iCAAiC,SAAmC;IAEpE;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,UAAS;IAEb,gBAAgB;IAShB,iBAAiB;IAWjB,oBAAoB;IAOpB,WAAW;IAqCX,WAAW;IAkBX,MAAM;IAgCN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,QAAQ,CAAC","file":"image.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, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\"\n />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"]}

package/es/components/image/image.js CHANGED Viewed

@@ -22,13 +22,13 @@ import { html, property, customElement, LitElement, state } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map.js';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import "../expressive-modal/expressive-modal.js";
 import "../expressive-modal/expressive-modal-close-button.js";
 import "../lightbox-media-viewer/lightbox-image-viewer.js";
 import "../button/button.js";
-import ZoomIn20 from '@carbon/carbon-web-components/es/icons/zoom--in/20.js';
+import ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././image.css.js";
 import ModalRenderMixin from "../../globals/mixins/modal-render.js";

package/es/components/image/image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image.js","names":["html","property","customElement","LitElement","state","classMap","settings","on","ifNonNull","FocusMixin","ZoomIn20","ddsSettings","styles","ModalRenderMixin","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSImage","target","selectorItem","constructor","_images","assignedNodes","reduce","acc","node","tagName","push","filter","nodeType","Node","ELEMENT_NODE","matches","open","attribute","type","Boolean","reflect","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","modalRenderRoot","createModalRenderRoot","_hCloseModal","eventCloseModal","_handleCloseModal","release","alt","border","defaultSrc","images","_handleSlotChange","handleSlotChange","imgClasses","map","image","getAttribute","copy","heading","lightbox","undefined","launchLightboxButtonAssistiveText","_handleClick","handleClick","renderImage"],"sources":["components/image/image.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, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/carbon-web-components/es/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\"\n />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"],"mappings":"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"}
1	+ {"version":3,"file":"image.js","names":["html","property","customElement","LitElement","state","classMap","settings","on","ifNonNull","FocusMixin","ZoomIn20","ddsSettings","styles","ModalRenderMixin","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSImage","target","selectorItem","constructor","_images","assignedNodes","reduce","acc","node","tagName","push","filter","nodeType","Node","ELEMENT_NODE","matches","open","attribute","type","Boolean","reflect","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","modalRenderRoot","createModalRenderRoot","_hCloseModal","eventCloseModal","_handleCloseModal","release","alt","border","defaultSrc","images","_handleSlotChange","handleSlotChange","imgClasses","map","image","getAttribute","copy","heading","lightbox","undefined","launchLightboxButtonAssistiveText","_handleClick","handleClick","renderImage"],"sources":["components/image/image.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, state } from 'lit-element';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image.\n \n @element dds-image\n * @slot long-description - The long description content.\n * @slot icon - The icon content.\n /\n@customElement(`${ddsPrefix}-image`)\nclass DDSImage extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n The image data, harvested from `<dds-image-item>`.\n /\n @state()\n private _images: HTMLElement[] = [];\n\n /\n Handles `slotchange` event.\n /\n private _handleSlotChange({ target }: Event) {\n const { selectorItem } = this.constructor as typeof DDSImage;\n this._images = (target as HTMLSlotElement)\n .assignedNodes()\n // Supports `<dds-image><slot></slot></dds-image>` rendered in shadow DOM\n .reduce((acc, node) => {\n if ((node as Element).tagName === 'SLOT') {\n acc.push(...(node as HTMLSlotElement).assignedNodes());\n } else {\n acc.push(node);\n }\n return acc;\n }, [] as Node[])\n .filter(\n (node) =>\n node.nodeType === Node.ELEMENT_NODE &&\n (node as Element).matches(selectorItem)\n ) as HTMLElement[];\n }\n\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The alternate text.\n /\n @property()\n alt = '';\n\n /\n The image source.\n /\n @property({ attribute: 'default-src' })\n defaultSrc = '';\n\n /\n Whether or not to apply a border around the image.\n /\n @property({ type: Boolean, reflect: true })\n border = false;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The heading.\n /\n @property()\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property()\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImage).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n renderImage() {\n const {\n alt,\n border,\n defaultSrc,\n _images: images,\n _handleSlotChange: handleSlotChange,\n } = this;\n const imgClasses = classMap({\n [`${prefix}--image__img`]: true,\n [`${prefix}--image__img--border`]: border,\n });\n\n return html`\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n <picture>\n ${images.map(\n (image) =>\n html`<source media=\"${image.getAttribute(\n 'media'\n )}\" srcset=\"${image.getAttribute('srcset')}\"></source>`\n )}\n <img\n class=\"${imgClasses}\"\n src=\"${defaultSrc}\"\n alt=\"${alt}\"\n aria-describedby=\"image-caption long-description\"\n loading=\"lazy\"\n />\n </picture>\n <div id=\"long-description\" class=\"${prefix}--image__longdescription\">\n <slot name=\"long-description\"></slot>\n </div>\n <slot name=\"icon\"></slot>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n render() {\n const {\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n ${this.renderImage()}\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html` ${this.renderImage()} `}\n ${heading\n ? html`\n <p id=\"image-caption\" class=\"${prefix}--image__caption\">\n ${heading}\n </p>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n /\n A selector that will return image items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-image-item`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSImage;\n"],"mappings":"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"}

package/es/components/image-with-caption/image-with-caption.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/image-with-caption/image-with-caption.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;;AAmL1B,wBAKE","file":"image-with-caption.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/~~carbon-~~web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/~~carbon-~~web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/~~carbon-~~web-components/es/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"]}
1	+ {"version":3,"sources":["components/image-with-caption/image-with-caption.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAOH,OAAO,sCAAsC,CAAC;AAC9C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;;AAmL1B,wBAKE","file":"image-with-caption.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"]}

package/es/components/image-with-caption/image-with-caption.js CHANGED Viewed

@@ -18,14 +18,14 @@ let _ = t => t,
 import { html, property, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
 import on from 'carbon-components/es/globals/js/misc/on.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';
 import "../expressive-modal/expressive-modal.js";
 import "../expressive-modal/expressive-modal-close-button.js";
 import "../image/image.js";
 import "../lightbox-media-viewer/lightbox-image-viewer.js";
 import "../button/button.js";
-import ZoomIn20 from '@carbon/carbon-web-components/es/icons/zoom--in/20.js';
+import ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';
 import deprecate from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate.js";
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import styles from "././image-with-caption.css.js";

package/es/components/image-with-caption/image-with-caption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"image-with-caption.js","names":["html","property","customElement","LitElement","settings","on","ifNonNull","FocusMixin","ZoomIn20","deprecate","ddsSettings","styles","ModalRenderMixin","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSImageWithCaption","open","type","Boolean","reflect","attribute","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","modalRenderRoot","createModalRenderRoot","_hCloseModal","constructor","eventCloseModal","_handleCloseModal","release","alt","defaultSrc","heading","launchLightboxButtonAssistiveText","lightbox","_handleClick","handleClick","copy","undefined"],"sources":["components/image-with-caption/image-with-caption.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/carbon-web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/carbon-web-components/es/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"],"mappings":"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"}
1	+ {"version":3,"file":"image-with-caption.js","names":["html","property","customElement","LitElement","settings","on","ifNonNull","FocusMixin","ZoomIn20","deprecate","ddsSettings","styles","ModalRenderMixin","StableSelectorMixin","prefix","stablePrefix","ddsPrefix","DDSImageWithCaption","open","type","Boolean","reflect","attribute","attachShadow","mode","delegatesFocus","Number","exec","navigator","userAgent","modalRenderRoot","createModalRenderRoot","_hCloseModal","constructor","eventCloseModal","_handleCloseModal","release","alt","defaultSrc","heading","launchLightboxButtonAssistiveText","lightbox","_handleClick","handleClick","copy","undefined"],"sources":["components/image-with-caption/image-with-caption.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport on from 'carbon-components/es/globals/js/misc/on.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport FocusMixin from '@carbon/web-components/es/globals/mixins/focus.js';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport '../image/image';\nimport '../lightbox-media-viewer/lightbox-image-viewer';\nimport '../button/button';\nimport ZoomIn20 from '@carbon/web-components/es/icons/zoom--in/20.js';\nimport deprecate from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/deprecate/deprecate';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './image-with-caption.scss';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Image With Caption\n \n @element dds-image-with-caption\n /\n\n@customElement(`${ddsPrefix}-image-with-caption`)\nclass DDSImageWithCaption extends StableSelectorMixin(\n ModalRenderMixin(FocusMixin(LitElement))\n) {\n /\n `true` handles re-opening after model is closed\n \n @private\n /\n private _handleClick() {\n this.open = true;\n }\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n this.open = false;\n };\n\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n The lightbox.\n /\n @property({ type: Boolean, reflect: true })\n lightbox = false;\n\n /\n The image source.\n /\n @property({ reflect: true, attribute: 'default-src' })\n defaultSrc = '';\n\n /\n The alt text.\n /\n @property({ reflect: true })\n alt = '';\n\n /\n The heading.\n /\n @property({ reflect: true })\n heading = '';\n\n @property({ attribute: 'launch-lightbox-button-assistive-text' })\n launchLightboxButtonAssistiveText = 'launch light box media viewer';\n\n /\n The description.\n /\n @property({ reflect: true })\n copy = '';\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\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 connectedCallback() {\n super.connectedCallback();\n this.modalRenderRoot = this.createModalRenderRoot(); // Creates modal render root up-front to hook the event listener\n // Manually hooks the event listeners on the modal render root to make the event names configurable\n this._hCloseModal = on(\n this.modalRenderRoot,\n (this.constructor as typeof DDSImageWithCaption).eventCloseModal,\n this._handleCloseModal as EventListener\n );\n }\n\n disconnectedCallback() {\n if (this._hCloseModal) {\n this._hCloseModal = this._hCloseModal.release();\n }\n super.disconnectedCallback();\n }\n\n render() {\n const {\n alt,\n defaultSrc,\n heading,\n launchLightboxButtonAssistiveText,\n lightbox,\n _handleClick: handleClick,\n } = this;\n return html`\n ${lightbox\n ? html`\n <button\n class=\"${prefix}--image-with-caption__image\"\n aria-label=\"${ifNonNull(launchLightboxButtonAssistiveText)}\"\n @click=\"${handleClick}\"\n >\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n <div class=\"${prefix}--image-with-caption__zoom-button\">\n ${ZoomIn20()}\n </div>\n </button>\n `\n : html`\n <dds-image\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n ><slot></slot\n ></dds-image>\n `}\n <p class=\"${prefix}--image__caption\">${heading}</p>\n `;\n }\n\n renderModal() {\n const { alt, copy, defaultSrc, heading, lightbox, open } = this;\n return !lightbox\n ? undefined\n : html`\n <dds-expressive-modal ?open=\"${open}\" expressive-size=\"full-width\">\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-image-viewer\n alt=\"${ifNonNull(alt)}\"\n default-src=\"${ifNonNull(defaultSrc)}\"\n description=\"${ifNonNull(copy)}\"\n title=\"${ifNonNull(heading)}\"\n >\n </dds-lightbox-image-viewer>\n </dds-expressive-modal>\n `;\n }\n\n /\n The name of the custom event fired after the modal is closed upon a user gesture.\n /\n static get eventCloseModal() {\n return `${ddsPrefix}-expressive-modal-closed`;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--image-with-caption`;\n }\n\n static styles = styles;\n}\n\nexport default deprecate(\n / @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\n DDSImageWithCaption,\n 'The dds-image-with-caption component has been merged with the dds-image component ' +\n 'See dds-image documentation for more information.'\n);\n"],"mappings":"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"}

package/es/components/leadspace/breadcrumb-item.d.ts CHANGED Viewed

@@ -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 BXBreadcrumbItem from '@carbon/carbon-web-components/es/components/breadcrumb/breadcrumb-item.js';
+import BXBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item.js';
 declare const DDSBreadcrumbItem_base: {
     new (...args: any[]): {
         linkNode: any;

package/es/components/leadspace/breadcrumb-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/leadspace/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,gBAAgB,MAAM,~~2EAA2E~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAOzG~~;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,sBAAqC;IAEnE,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,iBAAiB,CAAC","file":"breadcrumb-item.d.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 { customElement } from 'lit-element';\nimport BXBreadcrumbItem from '@carbon/~~carbon-~~web-components/es/components/breadcrumb/breadcrumb-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb item.\n \n @element dds-breadcrumb-item\n /\n@customElement(`${ddsPrefix}-breadcrumb-item`)\nclass DDSBreadcrumbItem extends StableSelectorMixin(BXBreadcrumbItem) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbItem;\n"]}
1	+ {"version":3,"sources":["components/leadspace/breadcrumb-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,gBAAgB,MAAM,oEAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOlG;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,sBAAqC;IAEnE,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,iBAAiB,CAAC","file":"breadcrumb-item.d.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 { customElement } from 'lit-element';\nimport BXBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb item.\n \n @element dds-breadcrumb-item\n /\n@customElement(`${ddsPrefix}-breadcrumb-item`)\nclass DDSBreadcrumbItem extends StableSelectorMixin(BXBreadcrumbItem) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbItem;\n"]}

package/es/components/leadspace/breadcrumb-item.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { customElement } from 'lit-element';
-import BXBreadcrumbItem from '@carbon/carbon-web-components/es/components/breadcrumb/breadcrumb-item.js';
+import BXBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import styles from "././leadspace.css.js";

package/es/components/leadspace/breadcrumb-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-item.js","names":["customElement","BXBreadcrumbItem","ddsSettings","StableSelectorMixin","styles","stablePrefix","ddsPrefix","DDSBreadcrumbItem"],"sources":["components/leadspace/breadcrumb-item.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 { customElement } from 'lit-element';\nimport BXBreadcrumbItem from '@carbon/~~carbon-~~web-components/es/components/breadcrumb/breadcrumb-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb item.\n \n @element dds-breadcrumb-item\n /\n@customElement(`${ddsPrefix}-breadcrumb-item`)\nclass DDSBreadcrumbItem extends StableSelectorMixin(BXBreadcrumbItem) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbItem;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,gBAAgB,MAAM,~~2EAA2E~~;~~AACxG~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,sBAAkB;AAErC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,iBAAiB,cADtBP,aAAa,CAAE,GAAEM,SAAU,kBAAiB,CAAC;EAA9C,MACMC,iBAAiB,8BAA+C;IAAA;MAAA;MAAA;IAAA;EAGtE;EAAC;IAAA,GAHKA,iBAAiB;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OAELH,MAAM;MAAA;IAAA;EAAA;AAAA,GAFQD,mBAAmB,CAACF,gBAAgB,CAAC,GAKrE;AACA,eAAeM,iBAAiB"}
1	+ {"version":3,"file":"breadcrumb-item.js","names":["customElement","BXBreadcrumbItem","ddsSettings","StableSelectorMixin","styles","stablePrefix","ddsPrefix","DDSBreadcrumbItem"],"sources":["components/leadspace/breadcrumb-item.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 { customElement } from 'lit-element';\nimport BXBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb item.\n \n @element dds-breadcrumb-item\n /\n@customElement(`${ddsPrefix}-breadcrumb-item`)\nclass DDSBreadcrumbItem extends StableSelectorMixin(BXBreadcrumbItem) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbItem;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,gBAAgB,MAAM,oEAAoE;AACjG,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,sBAAkB;AAErC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,iBAAiB,cADtBP,aAAa,CAAE,GAAEM,SAAU,kBAAiB,CAAC;EAA9C,MACMC,iBAAiB,8BAA+C;IAAA;MAAA;MAAA;IAAA;EAGtE;EAAC;IAAA,GAHKA,iBAAiB;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OAELH,MAAM;MAAA;IAAA;EAAA;AAAA,GAFQD,mBAAmB,CAACF,gBAAgB,CAAC,GAKrE;AACA,eAAeM,iBAAiB"}

package/es/components/leadspace/breadcrumb-link.d.ts CHANGED Viewed

@@ -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 BXBreadcrumbLink from '@carbon/carbon-web-components/es/components/breadcrumb/breadcrumb-link.js';
+import BXBreadcrumbLink from '@carbon/web-components/es/components/breadcrumb/breadcrumb-link.js';
 declare const DDSBreadcrumbLink_base: {
     new (...args: any[]): {
         linkNode: any;

package/es/components/leadspace/breadcrumb-link.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/leadspace/breadcrumb-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,gBAAgB,MAAM,~~2EAA2E~~,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAOzG~~;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,sBAAqC;IAEnE,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,iBAAiB,CAAC","file":"breadcrumb-link.d.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 { customElement } from 'lit-element';\nimport BXBreadcrumbLink from '@carbon/~~carbon-~~web-components/es/components/breadcrumb/breadcrumb-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb link.\n \n @element dds-breadcrumb-link\n /\n@customElement(`${ddsPrefix}-breadcrumb-link`)\nclass DDSBreadcrumbLink extends StableSelectorMixin(BXBreadcrumbLink) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbLink;\n"]}
1	+ {"version":3,"sources":["components/leadspace/breadcrumb-link.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,gBAAgB,MAAM,oEAAoE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOlG;;;;GAIG;AACH,cACM,iBAAkB,SAAQ,sBAAqC;IAEnE,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,iBAAiB,CAAC","file":"breadcrumb-link.d.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 { customElement } from 'lit-element';\nimport BXBreadcrumbLink from '@carbon/web-components/es/components/breadcrumb/breadcrumb-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb link.\n \n @element dds-breadcrumb-link\n /\n@customElement(`${ddsPrefix}-breadcrumb-link`)\nclass DDSBreadcrumbLink extends StableSelectorMixin(BXBreadcrumbLink) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbLink;\n"]}

package/es/components/leadspace/breadcrumb-link.js CHANGED Viewed

@@ -9,7 +9,7 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
  */
 import { customElement } from 'lit-element';
-import BXBreadcrumbLink from '@carbon/carbon-web-components/es/components/breadcrumb/breadcrumb-link.js';
+import BXBreadcrumbLink from '@carbon/web-components/es/components/breadcrumb/breadcrumb-link.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import StableSelectorMixin from "../../globals/mixins/stable-selector.js";
 import styles from "././leadspace.css.js";

package/es/components/leadspace/breadcrumb-link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-link.js","names":["customElement","BXBreadcrumbLink","ddsSettings","StableSelectorMixin","styles","stablePrefix","ddsPrefix","DDSBreadcrumbLink"],"sources":["components/leadspace/breadcrumb-link.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 { customElement } from 'lit-element';\nimport BXBreadcrumbLink from '@carbon/~~carbon-~~web-components/es/components/breadcrumb/breadcrumb-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb link.\n \n @element dds-breadcrumb-link\n /\n@customElement(`${ddsPrefix}-breadcrumb-link`)\nclass DDSBreadcrumbLink extends StableSelectorMixin(BXBreadcrumbLink) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbLink;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,gBAAgB,MAAM,~~2EAA2E~~;~~AACxG~~,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,sBAAkB;AAErC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,iBAAiB,cADtBP,aAAa,CAAE,GAAEM,SAAU,kBAAiB,CAAC;EAA9C,MACMC,iBAAiB,8BAA+C;IAAA;MAAA;MAAA;IAAA;EAGtE;EAAC;IAAA,GAHKA,iBAAiB;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OAELH,MAAM;MAAA;IAAA;EAAA;AAAA,GAFQD,mBAAmB,CAACF,gBAAgB,CAAC,GAKrE;AACA,eAAeM,iBAAiB"}
1	+ {"version":3,"file":"breadcrumb-link.js","names":["customElement","BXBreadcrumbLink","ddsSettings","StableSelectorMixin","styles","stablePrefix","ddsPrefix","DDSBreadcrumbLink"],"sources":["components/leadspace/breadcrumb-link.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 { customElement } from 'lit-element';\nimport BXBreadcrumbLink from '@carbon/web-components/es/components/breadcrumb/breadcrumb-link.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './leadspace.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Breadcrumb link.\n \n @element dds-breadcrumb-link\n /\n@customElement(`${ddsPrefix}-breadcrumb-link`)\nclass DDSBreadcrumbLink extends StableSelectorMixin(BXBreadcrumbLink) {\n // `styles` here is a `CSSResult` generated by custom WebPack loader\n static styles = styles;\n}\n\n/ @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSBreadcrumbLink;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAAQ,aAAa;AAC3C,OAAOC,gBAAgB,MAAM,oEAAoE;AACjG,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,sBAAkB;AAErC,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,iBAAiB,cADtBP,aAAa,CAAE,GAAEM,SAAU,kBAAiB,CAAC;EAA9C,MACMC,iBAAiB,8BAA+C;IAAA;MAAA;MAAA;IAAA;EAGtE;EAAC;IAAA,GAHKA,iBAAiB;IAAA;MAAA;MAAA;MAAA;MAAA;QAAA,OAELH,MAAM;MAAA;IAAA;EAAA;AAAA,GAFQD,mBAAmB,CAACF,gBAAgB,CAAC,GAKrE;AACA,eAAeM,iBAAiB"}