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/lightbox-media-viewer/lightbox-video-player-composite.js CHANGED Viewed

@@ -15,8 +15,8 @@ let _2 = t => t,
 import { html, property, customElement } from 'lit-element';
 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 HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import ModalRenderMixin from "../../globals/mixins/modal-render.js";
 import DDSVideoPlayerComposite from "../video-player/video-player-composite.js";

package/es/components/lightbox-media-viewer/lightbox-video-player-composite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lightbox-video-player-composite.js","names":["html","property","customElement","on","ifNonNull","HostListener","ddsSettings","ModalRenderMixin","DDSVideoPlayerComposite","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","stablePrefix","ddsPrefix","DDSLightboxVideoPlayerComposite","iFrame","_videoPlayer","querySelector","open","contentWindow","document","removeAttribute","setAttribute","error","console","log","selectorEmbeddedVideoContainer","constructor","elems","Array","prototype","slice","call","querySelectorAll","forEach","element","toggleAttribute","dataset","videoId","embeddedVideos","currentEmbeddedVideo","sendNotification","_handleAriaAndHiddenState","_","event","contentState","playingMode","requestedVideoId","name","customVideoDescription","detail","videoCtaLightBox","VIDEO","LIGHTBOX","customVideoName","selectorVideoPlayer","modalRenderRoot","type","Boolean","reflect","attribute","createModalRenderRoot","_hCloseModal","eventCloseModal","_handleCloseModal","release","changedProperties","has","_activateEmbeddedVideo","_loadVideoData","_embedMedia","formatCaption","formatDuration","hideCaption","mediaData","currentVideoData","description","duration","videoName","videoDescription"],"sources":["components/lightbox-media-viewer/lightbox-video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement } from 'lit-element';\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 HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport DDSVideoPlayerComposite from '../video-player/video-player-composite';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from '../video-player/video-player';\nimport './lightbox-video-player';\nimport styles from './lightbox-video-player-composite.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders lightbox media viewer for video from its metadata, etc.\n \n @element dds-lightbox-video-player-composite\n /\n@customElement(`${ddsPrefix}-lightbox-video-player-composite`)\nclass DDSLightboxVideoPlayerComposite extends ModalRenderMixin(\n DDSVideoPlayerComposite\n) {\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n Handles aria state depending on the modal's state.\n /\n private _handleAriaAndHiddenState = () => {\n const iFrame = this._videoPlayer?.querySelector('iframe');\n\n // Handles edge case where screen reader still reads video title within iFrame\n try {\n if (this.open) {\n iFrame?.contentWindow?.document\n .querySelector('.topBarContainer')\n ?.removeAttribute('aria-hidden');\n } else {\n iFrame?.contentWindow?.document\n .querySelector('.topBarContainer')\n ?.setAttribute('aria-hidden', 'true');\n }\n } catch (error) {\n // eslint-disable-next-line no-console\n console.log('Failed to access element in iframe');\n throw error;\n }\n\n const { selectorEmbeddedVideoContainer } = this\n .constructor as typeof DDSLightboxVideoPlayerComposite;\n\n const elems = Array.prototype.slice.call(\n document\n .querySelector('dds-lightbox-video-player')\n ?.querySelectorAll(selectorEmbeddedVideoContainer)\n );\n\n elems.forEach((element) => {\n element.toggleAttribute(\n 'hidden',\n (element as HTMLElement).dataset.videoId !== this.videoId\n );\n });\n };\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n const { embeddedVideos = {}, videoId } = this;\n const { [videoId]: currentEmbeddedVideo } = embeddedVideos;\n if (currentEmbeddedVideo) {\n currentEmbeddedVideo.sendNotification('doStop');\n }\n this.open = false;\n this._handleAriaAndHiddenState();\n };\n\n // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n protected _handleContentStateChange(_: CustomEvent) {}\n\n @HostListener('document:eventContentStateChange')\n protected _handleContentStateChangeDocument = (event: CustomEvent) => {\n const {\n contentState,\n playingMode,\n videoId: requestedVideoId,\n name,\n customVideoDescription,\n } = event.detail;\n if (this.videoCtaLightBox === false) {\n this.videoId = requestedVideoId;\n const { videoId } = this;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n videoId === requestedVideoId &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.LIGHTBOX\n ) {\n this.customVideoName = name;\n this.open = true;\n this.customVideoDescription = customVideoDescription;\n }\n }\n };\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSLightboxVideoPlayerComposite;\n return (this.modalRenderRoot as Element)?.querySelector?.(\n selectorVideoPlayer\n );\n }\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n \n /\n @property({ attribute: 'custom-video-name' })\n customVideoName?: string;\n\n /\n \n /\n @property({ attribute: 'custom-video-description' })\n customVideoDescription?: string;\n\n /\n `true` if the modal is rendered for video cta component.\n /\n @property({ type: Boolean, attribute: 'video-cta-lightbox' })\n videoCtaLightBox = false;\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 DDSLightboxVideoPlayerComposite)\n .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 updated(changedProperties) {\n if (changedProperties.has('open') \|\| changedProperties.has('videoId')) {\n const { open, videoId } = this;\n this._activateEmbeddedVideo(!open ? '' : videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (open) {\n this._embedMedia?.(videoId, false);\n this._handleAriaAndHiddenState();\n }\n }\n }\n }\n\n renderLightDOM() {\n // In this class we render that in modal instead of in light DOM.\n // Overriding `.renderLightDOM()` here\n // to prevent the parent `<dds-video-player-composite>` from rendering `<dds-video-player>` in light DOM.\n return html``;\n }\n\n renderModal() {\n const {\n formatCaption,\n formatDuration,\n customVideoName,\n hideCaption,\n open,\n mediaData = {},\n videoId,\n customVideoDescription,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { description, duration, name } = currentVideoData;\n const videoName = customVideoName \|\| name;\n const videoDescription = customVideoDescription \|\| description;\n return html`\n <dds-expressive-modal\n ?open=\"${open}\"\n expressive-size=\"full-width\"\n mode=\"lightbox\"\n >\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-video-player\n description=\"${ifNonNull(videoDescription)}\"\n duration=\"${ifNonNull(duration)}\"\n name=\"${ifNonNull(videoName)}\"\n ?hide-caption=\"${hideCaption}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n >\n </dds-lightbox-video-player>\n </dds-expressive-modal>\n `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-lightbox-video-player`;\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 selecting the container DOM elements for embedding video.\n /\n static get selectorEmbeddedVideoContainer() {\n return '[data-video-id]';\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 DDSLightboxVideoPlayerComposite;\n"],"mappings":"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"}
1	+ {"version":3,"file":"lightbox-video-player-composite.js","names":["html","property","customElement","on","ifNonNull","HostListener","ddsSettings","ModalRenderMixin","DDSVideoPlayerComposite","VIDEO_PLAYER_CONTENT_STATE","VIDEO_PLAYER_PLAYING_MODE","styles","stablePrefix","ddsPrefix","DDSLightboxVideoPlayerComposite","iFrame","_videoPlayer","querySelector","open","contentWindow","document","removeAttribute","setAttribute","error","console","log","selectorEmbeddedVideoContainer","constructor","elems","Array","prototype","slice","call","querySelectorAll","forEach","element","toggleAttribute","dataset","videoId","embeddedVideos","currentEmbeddedVideo","sendNotification","_handleAriaAndHiddenState","_","event","contentState","playingMode","requestedVideoId","name","customVideoDescription","detail","videoCtaLightBox","VIDEO","LIGHTBOX","customVideoName","selectorVideoPlayer","modalRenderRoot","type","Boolean","reflect","attribute","createModalRenderRoot","_hCloseModal","eventCloseModal","_handleCloseModal","release","changedProperties","has","_activateEmbeddedVideo","_loadVideoData","_embedMedia","formatCaption","formatDuration","hideCaption","mediaData","currentVideoData","description","duration","videoName","videoDescription"],"sources":["components/lightbox-media-viewer/lightbox-video-player-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement } from 'lit-element';\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 HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { MediaData } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/kalturaPlayerAPI.d';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport Handle from '../../globals/internal/handle';\nimport DDSVideoPlayerComposite from '../video-player/video-player-composite';\nimport '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-close-button';\nimport {\n VIDEO_PLAYER_CONTENT_STATE,\n VIDEO_PLAYER_PLAYING_MODE,\n} from '../video-player/video-player';\nimport './lightbox-video-player';\nimport styles from './lightbox-video-player-composite.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Component that renders lightbox media viewer for video from its metadata, etc.\n \n @element dds-lightbox-video-player-composite\n /\n@customElement(`${ddsPrefix}-lightbox-video-player-composite`)\nclass DDSLightboxVideoPlayerComposite extends ModalRenderMixin(\n DDSVideoPlayerComposite\n) {\n /\n The handle for the listener of `${ddsPrefix}-expressive-modal-closed` event.\n /\n private _hCloseModal: Handle \| null = null;\n\n /\n Handles aria state depending on the modal's state.\n /\n private _handleAriaAndHiddenState = () => {\n const iFrame = this._videoPlayer?.querySelector('iframe');\n\n // Handles edge case where screen reader still reads video title within iFrame\n try {\n if (this.open) {\n iFrame?.contentWindow?.document\n .querySelector('.topBarContainer')\n ?.removeAttribute('aria-hidden');\n } else {\n iFrame?.contentWindow?.document\n .querySelector('.topBarContainer')\n ?.setAttribute('aria-hidden', 'true');\n }\n } catch (error) {\n // eslint-disable-next-line no-console\n console.log('Failed to access element in iframe');\n throw error;\n }\n\n const { selectorEmbeddedVideoContainer } = this\n .constructor as typeof DDSLightboxVideoPlayerComposite;\n\n const elems = Array.prototype.slice.call(\n document\n .querySelector('dds-lightbox-video-player')\n ?.querySelectorAll(selectorEmbeddedVideoContainer)\n );\n\n elems.forEach((element) => {\n element.toggleAttribute(\n 'hidden',\n (element as HTMLElement).dataset.videoId !== this.videoId\n );\n });\n };\n\n /\n The handler of `${ddsPrefix}-expressive-modal-closed` event from `<dds-expressive-modal>`.\n /\n private _handleCloseModal = () => {\n const { embeddedVideos = {}, videoId } = this;\n const { [videoId]: currentEmbeddedVideo } = embeddedVideos;\n if (currentEmbeddedVideo) {\n currentEmbeddedVideo.sendNotification('doStop');\n }\n this.open = false;\n this._handleAriaAndHiddenState();\n };\n\n // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n protected _handleContentStateChange(_: CustomEvent) {}\n\n @HostListener('document:eventContentStateChange')\n protected _handleContentStateChangeDocument = (event: CustomEvent) => {\n const {\n contentState,\n playingMode,\n videoId: requestedVideoId,\n name,\n customVideoDescription,\n } = event.detail;\n if (this.videoCtaLightBox === false) {\n this.videoId = requestedVideoId;\n const { videoId } = this;\n if (\n contentState === VIDEO_PLAYER_CONTENT_STATE.VIDEO &&\n videoId === requestedVideoId &&\n playingMode === VIDEO_PLAYER_PLAYING_MODE.LIGHTBOX\n ) {\n this.customVideoName = name;\n this.open = true;\n this.customVideoDescription = customVideoDescription;\n }\n }\n };\n\n /\n The video player.\n /\n protected get _videoPlayer() {\n const { selectorVideoPlayer } = this\n .constructor as typeof DDSLightboxVideoPlayerComposite;\n return (this.modalRenderRoot as Element)?.querySelector?.(\n selectorVideoPlayer\n );\n }\n\n /\n `true` if the modal should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = false;\n\n /\n \n /\n @property({ attribute: 'custom-video-name' })\n customVideoName?: string;\n\n /\n \n /\n @property({ attribute: 'custom-video-description' })\n customVideoDescription?: string;\n\n /\n `true` if the modal is rendered for video cta component.\n /\n @property({ type: Boolean, attribute: 'video-cta-lightbox' })\n videoCtaLightBox = false;\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 DDSLightboxVideoPlayerComposite)\n .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 updated(changedProperties) {\n if (changedProperties.has('open') \|\| changedProperties.has('videoId')) {\n const { open, videoId } = this;\n this._activateEmbeddedVideo(!open ? '' : videoId);\n if (videoId) {\n this._loadVideoData?.(videoId);\n if (open) {\n this._embedMedia?.(videoId, false);\n this._handleAriaAndHiddenState();\n }\n }\n }\n }\n\n renderLightDOM() {\n // In this class we render that in modal instead of in light DOM.\n // Overriding `.renderLightDOM()` here\n // to prevent the parent `<dds-video-player-composite>` from rendering `<dds-video-player>` in light DOM.\n return html``;\n }\n\n renderModal() {\n const {\n formatCaption,\n formatDuration,\n customVideoName,\n hideCaption,\n open,\n mediaData = {},\n videoId,\n customVideoDescription,\n } = this;\n const { [videoId]: currentVideoData = {} as MediaData } = mediaData;\n const { description, duration, name } = currentVideoData;\n const videoName = customVideoName \|\| name;\n const videoDescription = customVideoDescription \|\| description;\n return html`\n <dds-expressive-modal\n ?open=\"${open}\"\n expressive-size=\"full-width\"\n mode=\"lightbox\"\n >\n <dds-expressive-modal-close-button></dds-expressive-modal-close-button>\n <dds-lightbox-video-player\n description=\"${ifNonNull(videoDescription)}\"\n duration=\"${ifNonNull(duration)}\"\n name=\"${ifNonNull(videoName)}\"\n ?hide-caption=\"${hideCaption}\"\n .formatCaption=\"${ifNonNull(formatCaption)}\"\n .formatDuration=\"${ifNonNull(formatDuration)}\"\n >\n </dds-lightbox-video-player>\n </dds-expressive-modal>\n `;\n }\n\n /\n A selector selecting the video player component.\n /\n static get selectorVideoPlayer() {\n return `${ddsPrefix}-lightbox-video-player`;\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 selecting the container DOM elements for embedding video.\n /\n static get selectorEmbeddedVideoContainer() {\n return '[data-video-id]';\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 DDSLightboxVideoPlayerComposite;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,EAAE,MAAM,4CAA4C;AAC3D,OAAOC,SAAS,MAAM,6DAA6D;AACnF,OAAOC,YAAY,MAAM,+DAA+D;AACxF,OAAOC,WAAW,MAAM,kFAA+E;AAEvG,OAAOC,gBAAgB,MAAM,sCAAmC;AAEhE,OAAOC,uBAAuB,MAAM,2CAAwC;AAC5E,OAAO,yCAAsC;AAC7C,OAAO,sDAAmD;AAC1D,SACEC,0BAA0B,EAC1BC,yBAAyB,QACpB,iCAA8B;AACrC,OAAO,4BAAyB;AAChC,OAAOC,MAAM,MAAM,4CAAwC;AAE3D,MAAM;EAAEC,YAAY,EAAEC;AAAU,CAAC,GAAGP,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMQ,+BAA+B,cADpCZ,aAAa,CAAE,GAAEW,SAAU,kCAAiC,CAAC;EAA9D,MACMC,+BAA+B,2BAEnC;IAAA;MAAA;MAAA;IAAA;EA0NF;EAAC;IAAA,GA5NKA,+BAA+B;IAAA;MAAA;MAAA;MAAA;QAAA,OAMG,IAAI;MAAA;IAAA;MAAA;MAAA;MAAA;QAAA,OAKN,MAAM;UAAA;UACxC,MAAMC,MAAM,yBAAG,IAAI,CAACC,YAAY,uDAAjB,mBAAmBC,aAAa,CAAC,QAAQ,CAAC;;UAEzD;UACA,IAAI;YACF,IAAI,IAAI,CAACC,IAAI,EAAE;cAAA;cACbH,MAAM,aAANA,MAAM,gDAANA,MAAM,CAAEI,aAAa,oFAArB,sBAAuBC,QAAQ,CAC5BH,aAAa,CAAC,kBAAkB,CAAC,2DADpC,uBAEII,eAAe,CAAC,aAAa,CAAC;YACpC,CAAC,MAAM;cAAA;cACLN,MAAM,aAANA,MAAM,iDAANA,MAAM,CAAEI,aAAa,qFAArB,uBAAuBC,QAAQ,CAC5BH,aAAa,CAAC,kBAAkB,CAAC,2DADpC,uBAEIK,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;YACzC;UACF,CAAC,CAAC,OAAOC,KAAK,EAAE;YACd;YACAC,OAAO,CAACC,GAAG,CAAC,oCAAoC,CAAC;YACjD,MAAMF,KAAK;UACb;UAEA,MAAM;YAAEG;UAA+B,CAAC,GAAG,IAAI,CAC5CC,WAAqD;UAExD,MAAMC,KAAK,GAAGC,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,0BACtCZ,QAAQ,CACLH,aAAa,CAAC,2BAA2B,CAAC,0DAD7C,sBAEIgB,gBAAgB,CAACP,8BAA8B,CAAC,CACrD;UAEDE,KAAK,CAACM,OAAO,CAAEC,OAAO,IAAK;YACzBA,OAAO,CAACC,eAAe,CACrB,QAAQ,EACPD,OAAO,CAAiBE,OAAO,CAACC,OAAO,KAAK,IAAI,CAACA,OAAO,CAC1D;UACH,CAAC,CAAC;QACJ,CAAC;MAAA;IAAA;MAAA;MAAA;MAAA;QAAA,OAK2B,MAAM;UAChC,MAAM;YAAEC,cAAc,GAAG,CAAC,CAAC;YAAED;UAAQ,CAAC,GAAG,IAAI;UAC7C,MAAM;YAAE,CAACA,OAAO,GAAGE;UAAqB,CAAC,GAAGD,cAAc;UAC1D,IAAIC,oBAAoB,EAAE;YACxBA,oBAAoB,CAACC,gBAAgB,CAAC,QAAQ,CAAC;UACjD;UACA,IAAI,CAACvB,IAAI,GAAG,KAAK;UACjB,IAAI,CAACwB,yBAAyB,EAAE;QAClC,CAAC;MAAA;IAAA;MAAA;MAAA;MAAA;MAxDD;AACF;AACA;;MAGE;AACF;AACA;;MAsCE;AACF;AACA;;MAWE;MACA,mCAAoCC,CAAc,EAAE,CAAC;IAAC;MAAA;MAAA,aAErDtC,YAAY,CAAC,kCAAkC,CAAC;MAAA;MAAA;QAAA,OACFuC,KAAkB,IAAK;UACpE,MAAM;YACJC,YAAY;YACZC,WAAW;YACXR,OAAO,EAAES,gBAAgB;YACzBC,IAAI;YACJC;UACF,CAAC,GAAGL,KAAK,CAACM,MAAM;UAChB,IAAI,IAAI,CAACC,gBAAgB,KAAK,KAAK,EAAE;YACnC,IAAI,CAACb,OAAO,GAAGS,gBAAgB;YAC/B,MAAM;cAAET;YAAQ,CAAC,GAAG,IAAI;YACxB,IACEO,YAAY,KAAKpC,0BAA0B,CAAC2C,KAAK,IACjDd,OAAO,KAAKS,gBAAgB,IAC5BD,WAAW,KAAKpC,yBAAyB,CAAC2C,QAAQ,EAClD;cACA,IAAI,CAACC,eAAe,GAAGN,IAAI;cAC3B,IAAI,CAAC9B,IAAI,GAAG,IAAI;cAChB,IAAI,CAAC+B,sBAAsB,GAAGA,sBAAsB;YACtD;UACF;QACF,CAAC;MAAA;IAAA;MAAA;MAAA;MAAA;MAED;AACF;AACA;MACE,wBAA6B;QAAA;QAC3B,MAAM;UAAEM;QAAoB,CAAC,GAAG,IAAI,CACjC5B,WAAqD;QACxD,gCAAQ,IAAI,CAAC6B,eAAe,oFAArB,sBAAmCvC,aAAa,2DAAhD,mDACLsC,mBAAmB,CACpB;MACH;;MAEA;AACF;AACA;IAFE;MAAA;MAAA,aAGCtD,QAAQ,CAAC;QAAEwD,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAA;MAAA,aAKX1D,QAAQ,CAAC;QAAE2D,SAAS,EAAE;MAAoB,CAAC,CAAC;MAAA;MAAA;IAAA;MAAA;MAAA,aAM5C3D,QAAQ,CAAC;QAAE2D,SAAS,EAAE;MAA2B,CAAC,CAAC;MAAA;MAAA;IAAA;MAAA;MAAA,aAMnD3D,QAAQ,CAAC;QAAEwD,IAAI,EAAEC,OAAO;QAAEE,SAAS,EAAE;MAAqB,CAAC,CAAC;MAAA;MAAA;QAAA,OAC1C,KAAK;MAAA;IAAA;MAAA;MAAA;MAAA;MAhBxB;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,6BAAoB;QAClB,qBA5HE9C,+BAA+B;QA6HjC,IAAI,CAAC0C,eAAe,GAAG,IAAI,CAACK,qBAAqB,EAAE,CAAC,CAAC;QACrD;QACA,IAAI,CAACC,YAAY,GAAG3D,EAAE,CACpB,IAAI,CAACqD,eAAe,EACnB,IAAI,CAAC7B,WAAW,CACdoC,eAAe,EAClB,IAAI,CAACC,iBAAiB,CACvB;MACH;IAAC;MAAA;MAAA;MAAA,OAED,gCAAuB;QACrB,IAAI,IAAI,CAACF,YAAY,EAAE;UACrB,IAAI,CAACA,YAAY,GAAG,IAAI,CAACA,YAAY,CAACG,OAAO,EAAE;QACjD;QACA,qBA3IEnD,+BAA+B;MA4InC;IAAC;MAAA;MAAA;MAAA,OAED,iBAAQoD,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,IAAID,iBAAiB,CAACC,GAAG,CAAC,SAAS,CAAC,EAAE;UACrE,MAAM;YAAEjD,IAAI;YAAEoB;UAAQ,CAAC,GAAG,IAAI;UAC9B,IAAI,CAAC8B,sBAAsB,CAAC,CAAClD,IAAI,GAAG,EAAE,GAAGoB,OAAO,CAAC;UACjD,IAAIA,OAAO,EAAE;YAAA;YACX,4BAAI,CAAC+B,cAAc,yDAAnB,8BAAI,EAAkB/B,OAAO,CAAC;YAC9B,IAAIpB,IAAI,EAAE;cAAA;cACR,yBAAI,CAACoD,WAAW,sDAAhB,2BAAI,EAAehC,OAAO,EAAE,KAAK,CAAC;cAClC,IAAI,CAACI,yBAAyB,EAAE;YAClC;UACF;QACF;MACF;IAAC;MAAA;MAAA;MAAA,OAED,0BAAiB;QACf;QACA;QACA;QACA,OAAO1C,IAAI,eAAC;MACd;IAAC;MAAA;MAAA;MAAA,OAED,uBAAc;QACZ,MAAM;UACJuE,aAAa;UACbC,cAAc;UACdlB,eAAe;UACfmB,WAAW;UACXvD,IAAI;UACJwD,SAAS,GAAG,CAAC,CAAC;UACdpC,OAAO;UACPW;QACF,CAAC,GAAG,IAAI;QACR,MAAM;UAAE,CAACX,OAAO,GAAGqC,gBAAgB,GAAG,CAAC;QAAe,CAAC,GAAGD,SAAS;QACnE,MAAM;UAAEE,WAAW;UAAEC,QAAQ;UAAE7B;QAAK,CAAC,GAAG2B,gBAAgB;QACxD,MAAMG,SAAS,GAAGxB,eAAe,IAAIN,IAAI;QACzC,MAAM+B,gBAAgB,GAAG9B,sBAAsB,IAAI2B,WAAW;QAC9D,OAAO5E,IAAI,iBAAC;AAChB;AACA,iBAAe,CAAO;AACtB;AACA;AACA;AACA;AACA;AACA,yBAAuB,CAA8B;AACrD,sBAAoB,CAAsB;AAC1C,kBAAgB,CAAuB;AACvC,2BAAyB,CAAc;AACvC,4BAA0B,CAA2B;AACrD,6BAA2B,CAA4B;AACvD;AACA;AACA;AACA,KAAI,GAfakB,IAAI,EAMId,SAAS,CAAC2E,gBAAgB,CAAC,EAC9B3E,SAAS,CAACyE,QAAQ,CAAC,EACvBzE,SAAS,CAAC0E,SAAS,CAAC,EACXL,WAAW,EACVrE,SAAS,CAACmE,aAAa,CAAC,EACvBnE,SAAS,CAACoE,cAAc,CAAC;MAKpD;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,+BAAiC;QAC/B,OAAQ,GAAE3D,SAAU,wBAAuB;MAC7C;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,2BAA6B;QAC3B,OAAQ,GAAEA,SAAU,0BAAyB;MAC/C;;MAEA;AACF;AACA;IAFE;MAAA;MAAA;MAAA;MAAA,OAGA,0CAA4C;QAC1C,OAAO,iBAAiB;MAC1B;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeF,MAAM;MAAA;IAAA;EAAA;AAAA,GA3NsBJ,gBAAgB,CAC5DC,uBAAuB,CACxB,GA4ND;AACA,eAAeM,+BAA+B"}

package/es/components/link-with-icon/link-with-icon.d.ts CHANGED Viewed

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { TemplateResult } from 'lit-element';
-import BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 import { ICON_PLACEMENT } from '../../globals/defs';
 export { ICON_PLACEMENT };
 declare const DDSLinkWithIcon_base: {

package/es/components/link-with-icon/link-with-icon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/link-with-icon/link-with-icon.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,cAAc,EAAY,MAAM,aAAa,CAAC;AAC5E,OAAO,MAEN,MAAM,~~0DAA0D~~,CAAC;~~AAGlE~~,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpD,OAAO,EAAE,cAAc,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK1B;;;;;;GAMG;AACH,cACM,eAAgB,SAAQ,oBAA2B;IACvD;;OAEG;IAEH,aAAa,iBAAwB;IAErC;;OAEG;IAEH,UAAU,UAAQ;IAUlB;;OAEG;IAEH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAI1D;;OAEG;IAEH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAIvD,SAAS,CAAC,YAAY;IAItB,OAAO;IAmBP,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,eAAe,CAAC","file":"link-with-icon.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, customElement, TemplateResult, property } from 'lit-element';\nimport BXLink, {\n LINK_SIZE,\n} from '@carbon/~~carbon-~~web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { ICON_PLACEMENT } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './link-with-icon.scss';\n\nexport { ICON_PLACEMENT };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Link with icon.\n \n @element dds-link-with-icon\n * @slot icon - The icon.\n * @slot icon-left - The CTA icon to place at the left.\n /\n@customElement(`${ddsPrefix}-link-with-icon`)\nclass DDSLinkWithIcon extends StableSelectorMixin(BXLink) {\n /\n Icon placement(right (default) \| left)\n /\n @property({ attribute: 'icon-placement', reflect: true })\n iconPlacement = ICON_PLACEMENT.RIGHT;\n\n /\n Positions the icon inline with text when `true`\n /\n @property({ type: Boolean })\n iconInline = true;\n\n /\n Property that specifies the link to use size large\n \n @internal\n /\n @property()\n size = LINK_SIZE.LARGE;\n\n /\n @returns The main content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderContent(): TemplateResult \| string \| void {\n return html` <span><slot></slot></span> `;\n }\n\n /\n @returns The icon content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderIcon(): TemplateResult \| string \| void {\n return html` <slot name=\"icon\"></slot> `;\n }\n\n protected _renderInner() {\n return html` ${this._renderContent()}${this._renderIcon()} `;\n }\n\n updated() {\n const { iconInline, iconPlacement, _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--link-with-icon`);\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.LEFT}`,\n iconPlacement === ICON_PLACEMENT.LEFT\n );\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.RIGHT}`,\n iconPlacement === ICON_PLACEMENT.RIGHT\n );\n\n if (iconInline && iconPlacement === ICON_PLACEMENT.RIGHT) {\n linkNode.classList.add(`${prefix}--link-with-icon--inline-icon`);\n }\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--link-with-icon`;\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 DDSLinkWithIcon;\n"]}
1	+ {"version":3,"sources":["components/link-with-icon/link-with-icon.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAuB,cAAc,EAAY,MAAM,aAAa,CAAC;AAC5E,OAAO,MAEN,MAAM,mDAAmD,CAAC;AAG3D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpD,OAAO,EAAE,cAAc,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK1B;;;;;;GAMG;AACH,cACM,eAAgB,SAAQ,oBAA2B;IACvD;;OAEG;IAEH,aAAa,iBAAwB;IAErC;;OAEG;IAEH,UAAU,UAAQ;IAUlB;;OAEG;IAEH,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAI1D;;OAEG;IAEH,SAAS,CAAC,WAAW,IAAI,cAAc,GAAG,MAAM,GAAG,IAAI;IAIvD,SAAS,CAAC,YAAY;IAItB,OAAO;IAmBP,MAAM,KAAK,cAAc,WAExB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,eAAe,CAAC","file":"link-with-icon.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, customElement, TemplateResult, property } from 'lit-element';\nimport BXLink, {\n LINK_SIZE,\n} from '@carbon/web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { ICON_PLACEMENT } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './link-with-icon.scss';\n\nexport { ICON_PLACEMENT };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Link with icon.\n \n @element dds-link-with-icon\n * @slot icon - The icon.\n * @slot icon-left - The CTA icon to place at the left.\n /\n@customElement(`${ddsPrefix}-link-with-icon`)\nclass DDSLinkWithIcon extends StableSelectorMixin(BXLink) {\n /\n Icon placement(right (default) \| left)\n /\n @property({ attribute: 'icon-placement', reflect: true })\n iconPlacement = ICON_PLACEMENT.RIGHT;\n\n /\n Positions the icon inline with text when `true`\n /\n @property({ type: Boolean })\n iconInline = true;\n\n /\n Property that specifies the link to use size large\n \n @internal\n /\n @property()\n size = LINK_SIZE.LARGE;\n\n /\n @returns The main content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderContent(): TemplateResult \| string \| void {\n return html` <span><slot></slot></span> `;\n }\n\n /\n @returns The icon content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderIcon(): TemplateResult \| string \| void {\n return html` <slot name=\"icon\"></slot> `;\n }\n\n protected _renderInner() {\n return html` ${this._renderContent()}${this._renderIcon()} `;\n }\n\n updated() {\n const { iconInline, iconPlacement, _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--link-with-icon`);\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.LEFT}`,\n iconPlacement === ICON_PLACEMENT.LEFT\n );\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.RIGHT}`,\n iconPlacement === ICON_PLACEMENT.RIGHT\n );\n\n if (iconInline && iconPlacement === ICON_PLACEMENT.RIGHT) {\n linkNode.classList.add(`${prefix}--link-with-icon--inline-icon`);\n }\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--link-with-icon`;\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 DDSLinkWithIcon;\n"]}

package/es/components/link-with-icon/link-with-icon.js CHANGED Viewed

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

package/es/components/link-with-icon/link-with-icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link-with-icon.js","names":["html","customElement","property","BXLink","LINK_SIZE","settings","ddsSettings","ICON_PLACEMENT","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSLinkWithIcon","attribute","reflect","RIGHT","type","Boolean","LARGE","_renderContent","_renderIcon","iconInline","iconPlacement","_linkNode","linkNode","classList","add","toggle","LEFT"],"sources":["components/link-with-icon/link-with-icon.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, customElement, TemplateResult, property } from 'lit-element';\nimport BXLink, {\n LINK_SIZE,\n} from '@carbon/~~carbon-~~web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { ICON_PLACEMENT } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './link-with-icon.scss';\n\nexport { ICON_PLACEMENT };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Link with icon.\n \n @element dds-link-with-icon\n * @slot icon - The icon.\n * @slot icon-left - The CTA icon to place at the left.\n /\n@customElement(`${ddsPrefix}-link-with-icon`)\nclass DDSLinkWithIcon extends StableSelectorMixin(BXLink) {\n /\n Icon placement(right (default) \| left)\n /\n @property({ attribute: 'icon-placement', reflect: true })\n iconPlacement = ICON_PLACEMENT.RIGHT;\n\n /\n Positions the icon inline with text when `true`\n /\n @property({ type: Boolean })\n iconInline = true;\n\n /\n Property that specifies the link to use size large\n \n @internal\n /\n @property()\n size = LINK_SIZE.LARGE;\n\n /\n @returns The main content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderContent(): TemplateResult \| string \| void {\n return html` <span><slot></slot></span> `;\n }\n\n /\n @returns The icon content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderIcon(): TemplateResult \| string \| void {\n return html` <slot name=\"icon\"></slot> `;\n }\n\n protected _renderInner() {\n return html` ${this._renderContent()}${this._renderIcon()} `;\n }\n\n updated() {\n const { iconInline, iconPlacement, _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--link-with-icon`);\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.LEFT}`,\n iconPlacement === ICON_PLACEMENT.LEFT\n );\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.RIGHT}`,\n iconPlacement === ICON_PLACEMENT.RIGHT\n );\n\n if (iconInline && iconPlacement === ICON_PLACEMENT.RIGHT) {\n linkNode.classList.add(`${prefix}--link-with-icon--inline-icon`);\n }\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--link-with-icon`;\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 DDSLinkWithIcon;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,aAAa,EAAkBC,QAAQ,QAAQ,aAAa;AAC3E,OAAOC,MAAM,IACXC,SAAS,QACJ,~~0DAA0D~~;~~AACjE~~,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,SAASC,cAAc,QAAQ,uBAAoB;AACnD,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,SAASF,cAAc;AAEvB,MAAM;EAAEG;AAAO,CAAC,GAAGL,QAAQ;AAC3B,MAAM;EAAEM,YAAY,EAAEC;AAAU,CAAC,GAAGN,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMO,eAAe,cADpBZ,aAAa,CAAE,GAAEW,SAAU,iBAAgB,CAAC;EAA7C,MACMC,eAAe,8BAAqC;IAAA;MAAA;MAAA;IAAA;EAiE1D;EAAC;IAAA,GAjEKA,eAAe;IAAA;MAAA;MAAA,aAIlBX,QAAQ,CAAC;QAAEY,SAAS,EAAE,gBAAgB;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACzCR,cAAc,CAACS,KAAK;MAAA;IAAA;MAAA;MAAA,aAKnCd,QAAQ,CAAC;QAAEe,IAAI,EAAEC;MAAQ,CAAC,CAAC;MAAA;MAAA;QAAA,OACf,IAAI;MAAA;IAAA;MAAA;MAAA,aAOhBhB,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJE,SAAS,CAACe,KAAK;MAAA;IAAA;MAAA;MAAA;MAAA;MAlBtB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;MACE;MACA,0BAA2D;QACzD,OAAOnB,IAAI,cAAC,8BAA4B;MAC1C;;MAEA;AACF;AACA;MACE;IAAA;MAAA;MAAA;MAAA,OACA,uBAAwD;QACtD,OAAOA,IAAI,gBAAC,6BAA2B;MACzC;IAAC;MAAA;MAAA;MAAA,OAED,wBAAyB;QACvB,OAAOA,IAAI,gBAAC,IAAC,CAAwB,IAAqB,GAAC,GAA5C,IAAI,CAACoB,cAAc,EAAE,EAAG,IAAI,CAACC,WAAW,EAAE;MAC3D;IAAC;MAAA;MAAA;MAAA,OAED,mBAAU;QACR,MAAM;UAAEC,UAAU;UAAEC,aAAa;UAAEC,SAAS,EAAEC;QAAS,CAAC,GAAG,IAAI;QAC/D,IAAIA,QAAQ,EAAE;UACZA,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAE,GAAEjB,MAAO,kBAAiB,CAAC;UACnDe,QAAQ,CAACC,SAAS,CAACE,MAAM,CACtB,GAAElB,MAAO,0BAAyBH,cAAc,CAACsB,IAAK,EAAC,EACxDN,aAAa,KAAKhB,cAAc,CAACsB,IAAI,CACtC;UACDJ,QAAQ,CAACC,SAAS,CAACE,MAAM,CACtB,GAAElB,MAAO,0BAAyBH,cAAc,CAACS,KAAM,EAAC,EACzDO,aAAa,KAAKhB,cAAc,CAACS,KAAK,CACvC;UAED,IAAIM,UAAU,IAAIC,aAAa,KAAKhB,cAAc,CAACS,KAAK,EAAE;YACxDS,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAE,GAAEjB,MAAO,+BAA8B,CAAC;UAClE;QACF;MACF;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEE,SAAU,kBAAiB;MACvC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAhEMD,mBAAmB,CAACL,MAAM,CAAC,GAmEzD;AACA,eAAeU,eAAe"}
1	+ {"version":3,"file":"link-with-icon.js","names":["html","customElement","property","BXLink","LINK_SIZE","settings","ddsSettings","ICON_PLACEMENT","StableSelectorMixin","styles","prefix","stablePrefix","ddsPrefix","DDSLinkWithIcon","attribute","reflect","RIGHT","type","Boolean","LARGE","_renderContent","_renderIcon","iconInline","iconPlacement","_linkNode","linkNode","classList","add","toggle","LEFT"],"sources":["components/link-with-icon/link-with-icon.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, customElement, TemplateResult, property } from 'lit-element';\nimport BXLink, {\n LINK_SIZE,\n} from '@carbon/web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { ICON_PLACEMENT } from '../../globals/defs';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\nimport styles from './link-with-icon.scss';\n\nexport { ICON_PLACEMENT };\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Link with icon.\n \n @element dds-link-with-icon\n * @slot icon - The icon.\n * @slot icon-left - The CTA icon to place at the left.\n /\n@customElement(`${ddsPrefix}-link-with-icon`)\nclass DDSLinkWithIcon extends StableSelectorMixin(BXLink) {\n /\n Icon placement(right (default) \| left)\n /\n @property({ attribute: 'icon-placement', reflect: true })\n iconPlacement = ICON_PLACEMENT.RIGHT;\n\n /\n Positions the icon inline with text when `true`\n /\n @property({ type: Boolean })\n iconInline = true;\n\n /\n Property that specifies the link to use size large\n \n @internal\n /\n @property()\n size = LINK_SIZE.LARGE;\n\n /\n @returns The main content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderContent(): TemplateResult \| string \| void {\n return html` <span><slot></slot></span> `;\n }\n\n /\n @returns The icon content.\n /\n // eslint-disable-next-line class-methods-use-this\n protected _renderIcon(): TemplateResult \| string \| void {\n return html` <slot name=\"icon\"></slot> `;\n }\n\n protected _renderInner() {\n return html` ${this._renderContent()}${this._renderIcon()} `;\n }\n\n updated() {\n const { iconInline, iconPlacement, _linkNode: linkNode } = this;\n if (linkNode) {\n linkNode.classList.add(`${prefix}--link-with-icon`);\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.LEFT}`,\n iconPlacement === ICON_PLACEMENT.LEFT\n );\n linkNode.classList.toggle(\n `${prefix}--link-with-icon__icon-${ICON_PLACEMENT.RIGHT}`,\n iconPlacement === ICON_PLACEMENT.RIGHT\n );\n\n if (iconInline && iconPlacement === ICON_PLACEMENT.RIGHT) {\n linkNode.classList.add(`${prefix}--link-with-icon--inline-icon`);\n }\n }\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--link-with-icon`;\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 DDSLinkWithIcon;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,aAAa,EAAkBC,QAAQ,QAAQ,aAAa;AAC3E,OAAOC,MAAM,IACXC,SAAS,QACJ,mDAAmD;AAC1D,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,SAASC,cAAc,QAAQ,uBAAoB;AACnD,OAAOC,mBAAmB,MAAM,yCAAsC;AACtE,OAAOC,MAAM,MAAM,2BAAuB;AAE1C,SAASF,cAAc;AAEvB,MAAM;EAAEG;AAAO,CAAC,GAAGL,QAAQ;AAC3B,MAAM;EAAEM,YAAY,EAAEC;AAAU,CAAC,GAAGN,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA;AANA,IAQMO,eAAe,cADpBZ,aAAa,CAAE,GAAEW,SAAU,iBAAgB,CAAC;EAA7C,MACMC,eAAe,8BAAqC;IAAA;MAAA;MAAA;IAAA;EAiE1D;EAAC;IAAA,GAjEKA,eAAe;IAAA;MAAA;MAAA,aAIlBX,QAAQ,CAAC;QAAEY,SAAS,EAAE,gBAAgB;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACzCR,cAAc,CAACS,KAAK;MAAA;IAAA;MAAA;MAAA,aAKnCd,QAAQ,CAAC;QAAEe,IAAI,EAAEC;MAAQ,CAAC,CAAC;MAAA;MAAA;QAAA,OACf,IAAI;MAAA;IAAA;MAAA;MAAA,aAOhBhB,QAAQ,EAAE;MAAA;MAAA;QAAA,OACJE,SAAS,CAACe,KAAK;MAAA;IAAA;MAAA;MAAA;MAAA;MAlBtB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;MACE;MACA,0BAA2D;QACzD,OAAOnB,IAAI,cAAC,8BAA4B;MAC1C;;MAEA;AACF;AACA;MACE;IAAA;MAAA;MAAA;MAAA,OACA,uBAAwD;QACtD,OAAOA,IAAI,gBAAC,6BAA2B;MACzC;IAAC;MAAA;MAAA;MAAA,OAED,wBAAyB;QACvB,OAAOA,IAAI,gBAAC,IAAC,CAAwB,IAAqB,GAAC,GAA5C,IAAI,CAACoB,cAAc,EAAE,EAAG,IAAI,CAACC,WAAW,EAAE;MAC3D;IAAC;MAAA;MAAA;MAAA,OAED,mBAAU;QACR,MAAM;UAAEC,UAAU;UAAEC,aAAa;UAAEC,SAAS,EAAEC;QAAS,CAAC,GAAG,IAAI;QAC/D,IAAIA,QAAQ,EAAE;UACZA,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAE,GAAEjB,MAAO,kBAAiB,CAAC;UACnDe,QAAQ,CAACC,SAAS,CAACE,MAAM,CACtB,GAAElB,MAAO,0BAAyBH,cAAc,CAACsB,IAAK,EAAC,EACxDN,aAAa,KAAKhB,cAAc,CAACsB,IAAI,CACtC;UACDJ,QAAQ,CAACC,SAAS,CAACE,MAAM,CACtB,GAAElB,MAAO,0BAAyBH,cAAc,CAACS,KAAM,EAAC,EACzDO,aAAa,KAAKhB,cAAc,CAACS,KAAK,CACvC;UAED,IAAIM,UAAU,IAAIC,aAAa,KAAKhB,cAAc,CAACS,KAAK,EAAE;YACxDS,QAAQ,CAACC,SAAS,CAACC,GAAG,CAAE,GAAEjB,MAAO,+BAA8B,CAAC;UAClE;QACF;MACF;IAAC;MAAA;MAAA;MAAA;MAAA,OAED,0BAA4B;QAC1B,OAAQ,GAAEE,SAAU,kBAAiB;MACvC;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeH,MAAM;MAAA;IAAA;EAAA;AAAA,GAhEMD,mBAAmB,CAACL,MAAM,CAAC,GAmEzD;AACA,eAAeU,eAAe"}

package/es/components/locale-modal/locale-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 BXLink from '@carbon/carbon-web-components/es/components/link/link.js';
+import BXLink from '@carbon/web-components/es/components/link/link.js';
 /**
  * Locale item.
  *

package/es/components/locale-modal/locale-item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/locale-modal/locale-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,~~0DAA0D~~,CAAC;~~AAQ9E~~;;;;GAIG;AACH,cACM,aAAc,SAAQ,MAAM;IAChC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,IAAI,SAAc;IAElB;;OAEG;IACH,YAAY;IAQZ,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"locale-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/~~carbon-~~web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './locale-modal.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale item.\n \n @element dds-locale-item\n /\n@customElement(`${ddsPrefix}-locale-item`)\nclass DDSLocaleItem extends BXLink {\n /\n The country.\n /\n @property({ reflect: true })\n country = '';\n\n /\n The language.\n /\n @property({ reflect: true })\n language = '';\n\n /\n The locale ID.\n /\n @property({ reflect: true })\n locale = '';\n\n /\n The region the country is in.\n /\n @property({ reflect: true })\n region = '';\n\n /\n Element's role for assistive technologies\n /\n @property({ reflect: true })\n role = 'listitem';\n\n /\n @returns The inner content.\n */\n _renderInner() {\n const { country, language } = this;\n return html`\n <div class=\"${prefix}--locale-modal__locales__name\">${country}</div>\n <div class=\"${prefix}--locale-modal__locales__name\">${language}</div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSLocaleItem;\n"]}
1	+ {"version":3,"sources":["components/locale-modal/locale-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,MAAM,MAAM,mDAAmD,CAAC;AAQvE;;;;GAIG;AACH,cACM,aAAc,SAAQ,MAAM;IAChC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,IAAI,SAAc;IAElB;;OAEG;IACH,YAAY;IAQZ,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC","file":"locale-item.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './locale-modal.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale item.\n \n @element dds-locale-item\n /\n@customElement(`${ddsPrefix}-locale-item`)\nclass DDSLocaleItem extends BXLink {\n /\n The country.\n /\n @property({ reflect: true })\n country = '';\n\n /\n The language.\n /\n @property({ reflect: true })\n language = '';\n\n /\n The locale ID.\n /\n @property({ reflect: true })\n locale = '';\n\n /\n The region the country is in.\n /\n @property({ reflect: true })\n region = '';\n\n /\n Element's role for assistive technologies\n /\n @property({ reflect: true })\n role = 'listitem';\n\n /\n @returns The inner content.\n */\n _renderInner() {\n const { country, language } = this;\n return html`\n <div class=\"${prefix}--locale-modal__locales__name\">${country}</div>\n <div class=\"${prefix}--locale-modal__locales__name\">${language}</div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSLocaleItem;\n"]}

package/es/components/locale-modal/locale-item.js CHANGED Viewed

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

package/es/components/locale-modal/locale-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"locale-item.js","names":["html","property","customElement","BXLink","settings","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSLocaleItem","reflect","country","language"],"sources":["components/locale-modal/locale-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/~~carbon-~~web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './locale-modal.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale item.\n \n @element dds-locale-item\n /\n@customElement(`${ddsPrefix}-locale-item`)\nclass DDSLocaleItem extends BXLink {\n /\n The country.\n /\n @property({ reflect: true })\n country = '';\n\n /\n The language.\n /\n @property({ reflect: true })\n language = '';\n\n /\n The locale ID.\n /\n @property({ reflect: true })\n locale = '';\n\n /\n The region the country is in.\n /\n @property({ reflect: true })\n region = '';\n\n /\n Element's role for assistive technologies\n /\n @property({ reflect: true })\n role = 'listitem';\n\n /\n @returns The inner content.\n */\n _renderInner() {\n const { country, language } = this;\n return html`\n <div class=\"${prefix}--locale-modal__locales__name\">${country}</div>\n <div class=\"${prefix}--locale-modal__locales__name\">${language}</div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSLocaleItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,MAAM,MAAM,~~0DAA0D~~;~~AAC7E~~,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,yBAAqB;AAExC,MAAM;EAAEC;AAAO,CAAC,GAAGH,QAAQ;AAC3B,MAAM;EAAEI,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,cADlBR,aAAa,CAAE,GAAEO,SAAU,cAAa,CAAC;EAA1C,MACMC,aAAa,iBAAgB;IAAA;MAAA;MAAA;IAAA;EA2CnC;EAAC;IAAA,GA3CKA,aAAa;IAAA;MAAA;MAAA,aAIhBT,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OAClB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKXV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACjB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKZV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACnB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKVV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACnB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKVV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,UAAU;MAAA;IAAA;MAAA;MAAA;MAAA;MA5BjB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;MACE,wBAAe;QACb,MAAM;UAAEC,OAAO;UAAEC;QAAS,CAAC,GAAG,IAAI;QAClC,OAAOb,IAAI,cAAC;AAChB,oBAAkB,CAAS,kCAA+B,CAAU;AACpE,oBAAkB,CAAS,kCAA+B,CAAW;AACrE,KAAI,GAFgBO,MAAM,EAAkCK,OAAO,EAC/CL,MAAM,EAAkCM,QAAQ;MAElE;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeP,MAAM;MAAA;IAAA;EAAA;AAAA,GA1CIH,MAAM;AA6ClC,eAAeO,aAAa"}
1	+ {"version":3,"file":"locale-item.js","names":["html","property","customElement","BXLink","settings","ddsSettings","styles","prefix","stablePrefix","ddsPrefix","DDSLocaleItem","reflect","country","language"],"sources":["components/locale-modal/locale-item.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement } from 'lit-element';\nimport BXLink from '@carbon/web-components/es/components/link/link.js';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport styles from './locale-modal.scss';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale item.\n \n @element dds-locale-item\n /\n@customElement(`${ddsPrefix}-locale-item`)\nclass DDSLocaleItem extends BXLink {\n /\n The country.\n /\n @property({ reflect: true })\n country = '';\n\n /\n The language.\n /\n @property({ reflect: true })\n language = '';\n\n /\n The locale ID.\n /\n @property({ reflect: true })\n locale = '';\n\n /\n The region the country is in.\n /\n @property({ reflect: true })\n region = '';\n\n /\n Element's role for assistive technologies\n /\n @property({ reflect: true })\n role = 'listitem';\n\n /\n @returns The inner content.\n */\n _renderInner() {\n const { country, language } = this;\n return html`\n <div class=\"${prefix}--locale-modal__locales__name\">${country}</div>\n <div class=\"${prefix}--locale-modal__locales__name\">${language}</div>\n `;\n }\n\n static styles = styles;\n}\n\nexport default DDSLocaleItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,aAAa;AAC3D,OAAOC,MAAM,MAAM,mDAAmD;AACtE,OAAOC,QAAQ,MAAM,6CAA6C;AAClE,OAAOC,WAAW,MAAM,kFAA+E;AACvG,OAAOC,MAAM,MAAM,yBAAqB;AAExC,MAAM;EAAEC;AAAO,CAAC,GAAGH,QAAQ;AAC3B,MAAM;EAAEI,YAAY,EAAEC;AAAU,CAAC,GAAGJ,WAAW;;AAE/C;AACA;AACA;AACA;AACA;AAJA,IAMMK,aAAa,cADlBR,aAAa,CAAE,GAAEO,SAAU,cAAa,CAAC;EAA1C,MACMC,aAAa,iBAAgB;IAAA;MAAA;MAAA;IAAA;EA2CnC;EAAC;IAAA,GA3CKA,aAAa;IAAA;MAAA;MAAA,aAIhBT,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OAClB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKXV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACjB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKZV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACnB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKVV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACnB,EAAE;MAAA;IAAA;MAAA;MAAA,aAKVV,QAAQ,CAAC;QAAEU,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA;MAAA;QAAA,OACrB,UAAU;MAAA;IAAA;MAAA;MAAA;MAAA;MA5BjB;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;MACE,wBAAe;QACb,MAAM;UAAEC,OAAO;UAAEC;QAAS,CAAC,GAAG,IAAI;QAClC,OAAOb,IAAI,cAAC;AAChB,oBAAkB,CAAS,kCAA+B,CAAU;AACpE,oBAAkB,CAAS,kCAA+B,CAAW;AACrE,KAAI,GAFgBO,MAAM,EAAkCK,OAAO,EAC/CL,MAAM,EAAkCM,QAAQ;MAElE;IAAC;MAAA;MAAA;MAAA;MAAA;QAAA,OAEeP,MAAM;MAAA;IAAA;EAAA;AAAA,GA1CIH,MAAM;AA6ClC,eAAeO,aAAa"}

package/es/components/locale-modal/locale-modal-composite.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/locale-modal/locale-modal-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE,OAAO,EAEL,UAAU,EACX,MAAM,0EAA0E,CAAC;AAClF,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AACvB,OAAO,iBAAiB,CAAC;AACzB,OAAO,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKvB;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,4BAA6B;IACjE;;;OAGG;IACH,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,IAAI,UAAS;IAGP,cAAc;IAKpB,YAAY;IAYZ,OAAO,CAAC,iBAAiB,KAAA;IAUzB,cAAc;IA+Fd,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"locale-modal-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/~~carbon-~~web-components/es/globals/directives/if-non-null.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport {\n Country,\n LocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport './locale-modal';\nimport './regions';\nimport './region-item';\nimport './locale-search';\nimport './locale-item';\nimport styles from './locale-modal-composite.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Container component for locale modal.\n \n @element dds-locale-modal-composite\n /\n@customElement(`${ddsPrefix}-locale-modal-composite`)\nclass DDSLocaleModalComposite extends HybridRenderMixin(LitElement) {\n /\n @param countries A country list.\n * @returns Sorted version of the given country list.\n /\n private _sortCountries(countries: Country[]) {\n return countries.sort((lhs, rhs) =>\n this.collatorCountryName.compare(lhs.name, rhs.name)\n );\n }\n\n /\n The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n \n @internal\n /\n _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n /\n The placeholder for `setLanguage()` Redux action that may be mixed in.\n \n @internal\n /\n _setLanguage?: (language: string) => void;\n\n /\n The g11n collator to use for sorting contry names.\n /\n @property({ attribute: false })\n collatorCountryName = new Intl.Collator();\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n /\n The language used for query.\n /\n @property()\n language?: string;\n\n /\n The locale list.\n /\n @property({ attribute: false })\n localeList?: LocaleList;\n\n /\n `true` to open the modal.\n /\n @property({ type: Boolean })\n open = false;\n\n // eslint-disable-next-line class-methods-use-this\n async getLangDisplay() {\n const response = await LocaleAPI.getLangDisplay();\n return response;\n }\n\n firstUpdated() {\n const { language } = this;\n if (language) {\n this._setLanguage?.(language);\n }\n this._loadLocaleList?.(language);\n\n this.getLangDisplay().then((res) => {\n this.langDisplay = res;\n });\n }\n\n updated(changedProperties) {\n const { language } = this;\n if (changedProperties.has('language')) {\n if (language) {\n this._setLanguage?.(language);\n this._loadLocaleList?.(language).catch(() => {}); // The error is logged in the Redux store\n }\n }\n }\n\n renderLightDOM() {\n const { langDisplay, localeList, open } = this;\n const { localeModal, regionList } = localeList ?? {};\n const {\n availabilityText,\n headerTitle,\n modalClose,\n searchClearText,\n searchLabel,\n searchPlaceholder,\n unavailabilityText,\n } = localeModal ?? {};\n const pageLangs: { [locale: string]: string } = altlangs();\n if (\n Object.keys(pageLangs).length === 0 &&\n (regionList?.length as number) > 0\n ) {\n const messages = [\n 'Detected that `<link rel=\"alternate\">` is likely missing.',\n 'The locale search UI will yield to an empty result.',\n ];\n console.warn(messages.join(' ')); // eslint-disable-line no-console\n }\n const massagedCountryList = regionList?.reduce(\n (acc, { countryList, name: region }) => {\n this._sortCountries(countryList).forEach(\n ({ name: country, locale: localeItems }) => {\n localeItems.forEach(([locale, language]) => {\n const href = pageLangs[locale];\n if (href) {\n acc.push({\n locale,\n region,\n country,\n href,\n language,\n });\n }\n });\n }\n );\n return acc;\n },\n [] as {\n href: string;\n locale: string;\n region: string;\n country: string;\n language: string;\n }[]\n );\n\n return html`\n <dds-locale-modal\n close-button-assistive-text=\"${ifNonNull(modalClose)}\"\n header-title=\"${ifNonNull(headerTitle)}\"\n lang-display=\"${ifNonNull(langDisplay)}\"\n ?open=\"${open}\"\n >\n <dds-regions title=\"${ifNonNull(headerTitle)}\">\n ${regionList?.map(({ countryList, name }) => {\n return html`\n <dds-region-item\n ?invalid=\"${countryList.length === 0 \|\|\n massagedCountryList?.find(({ region }) => region === name) ===\n undefined}\"\n name=\"${name}\"\n ></dds-region-item>\n `;\n })}\n </dds-regions>\n <dds-locale-search\n close-button-assistive-text=\"${ifNonNull(searchClearText)}\"\n label-text=\"${ifNonNull(searchLabel)}\"\n placeholder=\"${ifNonNull(searchPlaceholder)}\"\n availability-label-text=\"${ifNonNull(availabilityText)}\"\n unavailability-label-text=\"${ifNonNull(unavailabilityText)}\"\n >\n ${massagedCountryList?.map(\n ({ country, href, language, locale, region }) => html`\n <dds-locale-item\n country=\"${country}\"\n href=\"${href}\"\n language=\"${language}\"\n locale=\"${locale}\"\n region=\"${region}\"\n >\n </dds-locale-item>\n `\n )}\n </dds-locale-search>\n </dds-locale-modal>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\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 DDSLocaleModalComposite;\n"]}
1	+ {"version":3,"sources":["components/locale-modal/locale-modal-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE,OAAO,EAEL,UAAU,EACX,MAAM,0EAA0E,CAAC;AAClF,OAAO,gBAAgB,CAAC;AACxB,OAAO,WAAW,CAAC;AACnB,OAAO,eAAe,CAAC;AACvB,OAAO,iBAAiB,CAAC;AACzB,OAAO,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKvB;;;;GAIG;AACH,cACM,uBAAwB,SAAQ,4BAA6B;IACjE;;;OAGG;IACH,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,IAAI,UAAS;IAGP,cAAc;IAKpB,YAAY;IAYZ,OAAO,CAAC,iBAAiB,KAAA;IAUzB,cAAc;IA+Fd,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAGD,eAAe,uBAAuB,CAAC","file":"locale-modal-composite.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport {\n Country,\n LocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport './locale-modal';\nimport './regions';\nimport './region-item';\nimport './locale-search';\nimport './locale-item';\nimport styles from './locale-modal-composite.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Container component for locale modal.\n \n @element dds-locale-modal-composite\n /\n@customElement(`${ddsPrefix}-locale-modal-composite`)\nclass DDSLocaleModalComposite extends HybridRenderMixin(LitElement) {\n /\n @param countries A country list.\n * @returns Sorted version of the given country list.\n /\n private _sortCountries(countries: Country[]) {\n return countries.sort((lhs, rhs) =>\n this.collatorCountryName.compare(lhs.name, rhs.name)\n );\n }\n\n /\n The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n \n @internal\n /\n _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n /\n The placeholder for `setLanguage()` Redux action that may be mixed in.\n \n @internal\n /\n _setLanguage?: (language: string) => void;\n\n /\n The g11n collator to use for sorting contry names.\n /\n @property({ attribute: false })\n collatorCountryName = new Intl.Collator();\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n /\n The language used for query.\n /\n @property()\n language?: string;\n\n /\n The locale list.\n /\n @property({ attribute: false })\n localeList?: LocaleList;\n\n /\n `true` to open the modal.\n /\n @property({ type: Boolean })\n open = false;\n\n // eslint-disable-next-line class-methods-use-this\n async getLangDisplay() {\n const response = await LocaleAPI.getLangDisplay();\n return response;\n }\n\n firstUpdated() {\n const { language } = this;\n if (language) {\n this._setLanguage?.(language);\n }\n this._loadLocaleList?.(language);\n\n this.getLangDisplay().then((res) => {\n this.langDisplay = res;\n });\n }\n\n updated(changedProperties) {\n const { language } = this;\n if (changedProperties.has('language')) {\n if (language) {\n this._setLanguage?.(language);\n this._loadLocaleList?.(language).catch(() => {}); // The error is logged in the Redux store\n }\n }\n }\n\n renderLightDOM() {\n const { langDisplay, localeList, open } = this;\n const { localeModal, regionList } = localeList ?? {};\n const {\n availabilityText,\n headerTitle,\n modalClose,\n searchClearText,\n searchLabel,\n searchPlaceholder,\n unavailabilityText,\n } = localeModal ?? {};\n const pageLangs: { [locale: string]: string } = altlangs();\n if (\n Object.keys(pageLangs).length === 0 &&\n (regionList?.length as number) > 0\n ) {\n const messages = [\n 'Detected that `<link rel=\"alternate\">` is likely missing.',\n 'The locale search UI will yield to an empty result.',\n ];\n console.warn(messages.join(' ')); // eslint-disable-line no-console\n }\n const massagedCountryList = regionList?.reduce(\n (acc, { countryList, name: region }) => {\n this._sortCountries(countryList).forEach(\n ({ name: country, locale: localeItems }) => {\n localeItems.forEach(([locale, language]) => {\n const href = pageLangs[locale];\n if (href) {\n acc.push({\n locale,\n region,\n country,\n href,\n language,\n });\n }\n });\n }\n );\n return acc;\n },\n [] as {\n href: string;\n locale: string;\n region: string;\n country: string;\n language: string;\n }[]\n );\n\n return html`\n <dds-locale-modal\n close-button-assistive-text=\"${ifNonNull(modalClose)}\"\n header-title=\"${ifNonNull(headerTitle)}\"\n lang-display=\"${ifNonNull(langDisplay)}\"\n ?open=\"${open}\"\n >\n <dds-regions title=\"${ifNonNull(headerTitle)}\">\n ${regionList?.map(({ countryList, name }) => {\n return html`\n <dds-region-item\n ?invalid=\"${countryList.length === 0 \|\|\n massagedCountryList?.find(({ region }) => region === name) ===\n undefined}\"\n name=\"${name}\"\n ></dds-region-item>\n `;\n })}\n </dds-regions>\n <dds-locale-search\n close-button-assistive-text=\"${ifNonNull(searchClearText)}\"\n label-text=\"${ifNonNull(searchLabel)}\"\n placeholder=\"${ifNonNull(searchPlaceholder)}\"\n availability-label-text=\"${ifNonNull(availabilityText)}\"\n unavailability-label-text=\"${ifNonNull(unavailabilityText)}\"\n >\n ${massagedCountryList?.map(\n ({ country, href, language, locale, region }) => html`\n <dds-locale-item\n country=\"${country}\"\n href=\"${href}\"\n language=\"${language}\"\n locale=\"${locale}\"\n region=\"${region}\"\n >\n </dds-locale-item>\n `\n )}\n </dds-locale-search>\n </dds-locale-modal>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\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 DDSLocaleModalComposite;\n"]}

package/es/components/locale-modal/locale-modal-composite.js CHANGED Viewed

@@ -14,7 +14,7 @@ let _ = t => t,
  */
 import { html, property, customElement, LitElement } from 'lit-element';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
 import LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';

package/es/components/locale-modal/locale-modal-composite.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"locale-modal-composite.js","names":["html","property","customElement","LitElement","ifNonNull","LocaleAPI","ddsSettings","altlangs","HybridRenderMixin","styles","stablePrefix","ddsPrefix","DDSLocaleModalComposite","countries","sort","lhs","rhs","collatorCountryName","compare","name","attribute","Intl","Collator","type","Boolean","response","getLangDisplay","language","_setLanguage","_loadLocaleList","then","res","langDisplay","changedProperties","has","catch","localeList","open","localeModal","regionList","availabilityText","headerTitle","modalClose","searchClearText","searchLabel","searchPlaceholder","unavailabilityText","pageLangs","Object","keys","length","messages","console","warn","join","massagedCountryList","reduce","acc","countryList","region","_sortCountries","forEach","country","locale","localeItems","href","push","map","find","undefined"],"sources":["components/locale-modal/locale-modal-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport {\n Country,\n LocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport './locale-modal';\nimport './regions';\nimport './region-item';\nimport './locale-search';\nimport './locale-item';\nimport styles from './locale-modal-composite.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Container component for locale modal.\n \n @element dds-locale-modal-composite\n /\n@customElement(`${ddsPrefix}-locale-modal-composite`)\nclass DDSLocaleModalComposite extends HybridRenderMixin(LitElement) {\n /\n @param countries A country list.\n * @returns Sorted version of the given country list.\n /\n private _sortCountries(countries: Country[]) {\n return countries.sort((lhs, rhs) =>\n this.collatorCountryName.compare(lhs.name, rhs.name)\n );\n }\n\n /\n The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n \n @internal\n /\n _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n /\n The placeholder for `setLanguage()` Redux action that may be mixed in.\n \n @internal\n /\n _setLanguage?: (language: string) => void;\n\n /\n The g11n collator to use for sorting contry names.\n /\n @property({ attribute: false })\n collatorCountryName = new Intl.Collator();\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n /\n The language used for query.\n /\n @property()\n language?: string;\n\n /\n The locale list.\n /\n @property({ attribute: false })\n localeList?: LocaleList;\n\n /\n `true` to open the modal.\n /\n @property({ type: Boolean })\n open = false;\n\n // eslint-disable-next-line class-methods-use-this\n async getLangDisplay() {\n const response = await LocaleAPI.getLangDisplay();\n return response;\n }\n\n firstUpdated() {\n const { language } = this;\n if (language) {\n this._setLanguage?.(language);\n }\n this._loadLocaleList?.(language);\n\n this.getLangDisplay().then((res) => {\n this.langDisplay = res;\n });\n }\n\n updated(changedProperties) {\n const { language } = this;\n if (changedProperties.has('language')) {\n if (language) {\n this._setLanguage?.(language);\n this._loadLocaleList?.(language).catch(() => {}); // The error is logged in the Redux store\n }\n }\n }\n\n renderLightDOM() {\n const { langDisplay, localeList, open } = this;\n const { localeModal, regionList } = localeList ?? {};\n const {\n availabilityText,\n headerTitle,\n modalClose,\n searchClearText,\n searchLabel,\n searchPlaceholder,\n unavailabilityText,\n } = localeModal ?? {};\n const pageLangs: { [locale: string]: string } = altlangs();\n if (\n Object.keys(pageLangs).length === 0 &&\n (regionList?.length as number) > 0\n ) {\n const messages = [\n 'Detected that `<link rel=\"alternate\">` is likely missing.',\n 'The locale search UI will yield to an empty result.',\n ];\n console.warn(messages.join(' ')); // eslint-disable-line no-console\n }\n const massagedCountryList = regionList?.reduce(\n (acc, { countryList, name: region }) => {\n this._sortCountries(countryList).forEach(\n ({ name: country, locale: localeItems }) => {\n localeItems.forEach(([locale, language]) => {\n const href = pageLangs[locale];\n if (href) {\n acc.push({\n locale,\n region,\n country,\n href,\n language,\n });\n }\n });\n }\n );\n return acc;\n },\n [] as {\n href: string;\n locale: string;\n region: string;\n country: string;\n language: string;\n }[]\n );\n\n return html`\n <dds-locale-modal\n close-button-assistive-text=\"${ifNonNull(modalClose)}\"\n header-title=\"${ifNonNull(headerTitle)}\"\n lang-display=\"${ifNonNull(langDisplay)}\"\n ?open=\"${open}\"\n >\n <dds-regions title=\"${ifNonNull(headerTitle)}\">\n ${regionList?.map(({ countryList, name }) => {\n return html`\n <dds-region-item\n ?invalid=\"${countryList.length === 0 \|\|\n massagedCountryList?.find(({ region }) => region === name) ===\n undefined}\"\n name=\"${name}\"\n ></dds-region-item>\n `;\n })}\n </dds-regions>\n <dds-locale-search\n close-button-assistive-text=\"${ifNonNull(searchClearText)}\"\n label-text=\"${ifNonNull(searchLabel)}\"\n placeholder=\"${ifNonNull(searchPlaceholder)}\"\n availability-label-text=\"${ifNonNull(availabilityText)}\"\n unavailability-label-text=\"${ifNonNull(unavailabilityText)}\"\n >\n ${massagedCountryList?.map(\n ({ country, href, language, locale, region }) => html`\n <dds-locale-item\n country=\"${country}\"\n href=\"${href}\"\n language=\"${language}\"\n locale=\"${locale}\"\n region=\"${region}\"\n >\n </dds-locale-item>\n `\n )}\n </dds-locale-search>\n </dds-locale-modal>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\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 DDSLocaleModalComposite;\n"],"mappings":"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"}
1	+ {"version":3,"file":"locale-modal-composite.js","names":["html","property","customElement","LitElement","ifNonNull","LocaleAPI","ddsSettings","altlangs","HybridRenderMixin","styles","stablePrefix","ddsPrefix","DDSLocaleModalComposite","countries","sort","lhs","rhs","collatorCountryName","compare","name","attribute","Intl","Collator","type","Boolean","response","getLangDisplay","language","_setLanguage","_loadLocaleList","then","res","langDisplay","changedProperties","has","catch","localeList","open","localeModal","regionList","availabilityText","headerTitle","modalClose","searchClearText","searchLabel","searchPlaceholder","unavailabilityText","pageLangs","Object","keys","length","messages","console","warn","join","massagedCountryList","reduce","acc","countryList","region","_sortCountries","forEach","country","locale","localeItems","href","push","map","find","undefined"],"sources":["components/locale-modal/locale-modal-composite.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport LocaleAPI from '@carbon/ibmdotcom-services/es/services/Locale/Locale.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport altlangs from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/altlangs/altlangs.js';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport {\n Country,\n LocaleList,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport './locale-modal';\nimport './regions';\nimport './region-item';\nimport './locale-search';\nimport './locale-item';\nimport styles from './locale-modal-composite.scss';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Container component for locale modal.\n \n @element dds-locale-modal-composite\n /\n@customElement(`${ddsPrefix}-locale-modal-composite`)\nclass DDSLocaleModalComposite extends HybridRenderMixin(LitElement) {\n /\n @param countries A country list.\n * @returns Sorted version of the given country list.\n /\n private _sortCountries(countries: Country[]) {\n return countries.sort((lhs, rhs) =>\n this.collatorCountryName.compare(lhs.name, rhs.name)\n );\n }\n\n /\n The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n \n @internal\n /\n _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n /\n The placeholder for `setLanguage()` Redux action that may be mixed in.\n \n @internal\n /\n _setLanguage?: (language: string) => void;\n\n /\n The g11n collator to use for sorting contry names.\n /\n @property({ attribute: false })\n collatorCountryName = new Intl.Collator();\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n /\n The language used for query.\n /\n @property()\n language?: string;\n\n /\n The locale list.\n /\n @property({ attribute: false })\n localeList?: LocaleList;\n\n /\n `true` to open the modal.\n /\n @property({ type: Boolean })\n open = false;\n\n // eslint-disable-next-line class-methods-use-this\n async getLangDisplay() {\n const response = await LocaleAPI.getLangDisplay();\n return response;\n }\n\n firstUpdated() {\n const { language } = this;\n if (language) {\n this._setLanguage?.(language);\n }\n this._loadLocaleList?.(language);\n\n this.getLangDisplay().then((res) => {\n this.langDisplay = res;\n });\n }\n\n updated(changedProperties) {\n const { language } = this;\n if (changedProperties.has('language')) {\n if (language) {\n this._setLanguage?.(language);\n this._loadLocaleList?.(language).catch(() => {}); // The error is logged in the Redux store\n }\n }\n }\n\n renderLightDOM() {\n const { langDisplay, localeList, open } = this;\n const { localeModal, regionList } = localeList ?? {};\n const {\n availabilityText,\n headerTitle,\n modalClose,\n searchClearText,\n searchLabel,\n searchPlaceholder,\n unavailabilityText,\n } = localeModal ?? {};\n const pageLangs: { [locale: string]: string } = altlangs();\n if (\n Object.keys(pageLangs).length === 0 &&\n (regionList?.length as number) > 0\n ) {\n const messages = [\n 'Detected that `<link rel=\"alternate\">` is likely missing.',\n 'The locale search UI will yield to an empty result.',\n ];\n console.warn(messages.join(' ')); // eslint-disable-line no-console\n }\n const massagedCountryList = regionList?.reduce(\n (acc, { countryList, name: region }) => {\n this._sortCountries(countryList).forEach(\n ({ name: country, locale: localeItems }) => {\n localeItems.forEach(([locale, language]) => {\n const href = pageLangs[locale];\n if (href) {\n acc.push({\n locale,\n region,\n country,\n href,\n language,\n });\n }\n });\n }\n );\n return acc;\n },\n [] as {\n href: string;\n locale: string;\n region: string;\n country: string;\n language: string;\n }[]\n );\n\n return html`\n <dds-locale-modal\n close-button-assistive-text=\"${ifNonNull(modalClose)}\"\n header-title=\"${ifNonNull(headerTitle)}\"\n lang-display=\"${ifNonNull(langDisplay)}\"\n ?open=\"${open}\"\n >\n <dds-regions title=\"${ifNonNull(headerTitle)}\">\n ${regionList?.map(({ countryList, name }) => {\n return html`\n <dds-region-item\n ?invalid=\"${countryList.length === 0 \|\|\n massagedCountryList?.find(({ region }) => region === name) ===\n undefined}\"\n name=\"${name}\"\n ></dds-region-item>\n `;\n })}\n </dds-regions>\n <dds-locale-search\n close-button-assistive-text=\"${ifNonNull(searchClearText)}\"\n label-text=\"${ifNonNull(searchLabel)}\"\n placeholder=\"${ifNonNull(searchPlaceholder)}\"\n availability-label-text=\"${ifNonNull(availabilityText)}\"\n unavailability-label-text=\"${ifNonNull(unavailabilityText)}\"\n >\n ${massagedCountryList?.map(\n ({ country, href, language, locale, region }) => html`\n <dds-locale-item\n country=\"${country}\"\n href=\"${href}\"\n language=\"${language}\"\n locale=\"${locale}\"\n region=\"${region}\"\n >\n </dds-locale-item>\n `\n )}\n </dds-locale-search>\n </dds-locale-modal>\n `;\n }\n\n render() {\n return html` <slot></slot> `;\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 DDSLocaleModalComposite;\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/locale-modal/locale-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,6CAA6C,CAAC;AACrD,OAAO,8CAA8C,CAAC;AACtD,OAAO,mDAAmD,CAAC;AAU3D;;;;;;GAMG;AACH,cAEM,cAAe,SAAQ,kBAAkB;IAC7C;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAS;IAEhC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAK9B;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IASlC,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAmBpC;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAuBpC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAYjC;;OAEG;IAEH,OAAO,CAAC,yBAAyB;IAIjC,SAAS,CAAC,aAAa;IAiBvB,SAAS,CAAC,WAAW;IAOrB;;OAEG;IAEH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IAEH,WAAW,SAA4B;IAEvC;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY;IAIN,OAAO,CAAC,iBAAiB,KAAA;IAuB/B;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAK9B;IAED,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAS1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"locale-modal.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, state, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowLeft20 from '@carbon/~~carbon-~~web-components/es/icons/arrow--left/20.js';\nimport EarthFilled16 from '@carbon/~~carbon-~~web-components/es/icons/earth--filled/16.js';\nimport HostListener from '@carbon/~~carbon-~~web-components/es/globals/decorators/host-listener.js';\nimport ifNonNull from '@carbon/~~carbon-~~web-components/es/globals/directives/if-non-null.js';\nimport { selectorTabbable } from '@carbon/~~carbon-~~web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSExpressiveModal from '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-header';\nimport '../expressive-modal/expressive-modal-heading';\nimport '../expressive-modal/expressive-modal-close-button';\nimport DDSLocaleSearch from './locale-search';\nimport DDSRegionItem from './region-item';\nimport styles from './locale-modal.scss';\nimport { ICON_PLACEMENT } from '../link-with-icon/link-with-icon';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale modal.\n \n @element dds-locale-modal\n * @slot regions-selector - The area for the regions selector.\n * @slot locales-selector - The area for the locales selector.\n /\n@customElement(`${ddsPrefix}-locale-modal`)\n// `BXModal` extends `HostListenerMixin`\nclass DDSLocaleModal extends DDSExpressiveModal {\n /\n The current region.\n /\n @state()\n private _currentRegion?: string;\n\n /\n Handles `click` event on the back button.\n /\n private _handleClickBackButton(e) {\n this._currentRegion = undefined;\n e.preventDefault();\n }\n\n /\n Handles `click` event on a region card.\n \n @param event The event.\n /\n private _handleClickRegionSelector(event: MouseEvent) {\n const { invalid, name } = event.target as DDSRegionItem;\n if (!invalid) {\n this._currentRegion = name;\n }\n }\n\n @HostListener('eventClose')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleAfterClose() {\n this._currentRegion = undefined;\n }\n\n /\n @returns The heading content for the region selector page.\n /\n private _renderRegionSelectorHeading() {\n const { headerTitle, langDisplay } = this;\n return html`\n ${langDisplay &&\n html`\n <p class=\"${prefix}--modal-header__label ${prefix}--type-delta\">\n ${langDisplay}${EarthFilled16({\n class: `${prefix}--locale-modal__label-globe`,\n })}\n </p>\n `}\n ${langDisplay &&\n headerTitle &&\n html`\n <p class=\"bx--modal-header__heading bx--type-beta\">${headerTitle}</p>\n `}\n `;\n }\n\n /\n @returns The heading content for the locale selector page.\n /\n private _renderLocaleSelectorHeading() {\n const {\n headerTitle,\n _currentRegion: currentRegion,\n _handleClickBackButton: handleClickBackButton,\n } = this;\n return html`\n <dds-link-with-icon\n icon-placement=\"${ICON_PLACEMENT.LEFT}\"\n href=\"#\"\n @click=\"${handleClickBackButton}\"\n >\n ${headerTitle}${ArrowLeft20({\n slot: 'icon',\n class: `${prefix}--locale-modal__label-arrow`,\n })}\n </dds-link-with-icon>\n <p class=\"bx--modal-header__heading bx--type-beta\" tabindex=\"0\">\n ${currentRegion}\n </p>\n `;\n }\n\n /\n @returns The heading content.\n /\n private _renderHeading() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorHeading()\n : this._renderLocaleSelectorHeading();\n }\n\n /\n @returns The body content for the region selector page.\n /\n private _renderRegionSelectorBody() {\n const { _handleClickRegionSelector: handleClickRegionSelector } = this;\n return html`\n <div\n class=\"${prefix}--modal-content ${prefix}--locale-modal\"\n @click=\"${handleClickRegionSelector}\"\n >\n <slot name=\"regions-selector\"></slot>\n </div>\n `;\n }\n\n /\n @returns The body content for the locale selector page.\n /\n // eslint-disable-next-line class-methods-use-this\n private _renderLocaleSelectorBody() {\n return html` <slot name=\"locales-selector\"></slot> `;\n }\n\n protected _renderHeader() {\n const { closeButtonAssistiveText } = this;\n return html`\n <div id=\"${ddsPrefix}--modal-header\">\n <dds-expressive-modal-header>\n <dds-expressive-modal-close-button\n assistive-text=\"${ifNonNull(closeButtonAssistiveText)}\"\n >\n </dds-expressive-modal-close-button>\n <dds-expressive-modal-heading\n >${this._renderHeading()}</dds-expressive-modal-heading\n >\n </dds-expressive-modal-header>\n </div>\n `;\n }\n\n protected _renderBody() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorBody()\n : this._renderLocaleSelectorBody();\n }\n\n /\n The assistive text for the close button.\n /\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText?: string;\n\n /\n The header title.\n /\n @property({ attribute: 'header-title' })\n headerTitle = 'Select geographic area';\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n firstUpdated() {\n StickyHeader.global.localeModal = this;\n }\n\n async updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('_currentRegion')) {\n const { selectorLocaleSearch } = this\n .constructor as typeof DDSLocaleModal;\n const localeSearch = this.querySelector(selectorLocaleSearch);\n (localeSearch as DDSLocaleSearch).region = this._currentRegion ?? '';\n if (localeSearch && this.open) {\n (localeSearch as DDSLocaleSearch).reset();\n (localeSearch as HTMLElement).focus();\n }\n\n // re-focus on first region-item when navigating back to the first modal pane\n const { selectorPrimaryFocus } = this\n .constructor as typeof DDSLocaleModal;\n const activeRegion = this.querySelector(selectorPrimaryFocus);\n if (activeRegion && this.open) {\n (activeRegion as HTMLElement).tabIndex = 0;\n (activeRegion as HTMLElement).focus();\n }\n }\n }\n\n /\n A selector selecting the locale search UI.\n /\n static get selectorLocaleSearch() {\n return `${ddsPrefix}-locale-search`;\n }\n\n /\n A selector selecting the nodes that should be focused when modal gets open.\n /\n static get selectorPrimaryFocus() {\n return `\n [data-modal-primary-focus],\n ${ddsPrefix}-region-item\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-modal`;\n }\n\n /\n A selector selecting tabbable nodes.\n */\n static get selectorTabbable() {\n return `\n ${selectorTabbable},\n ${ddsPrefix}-expressive-modal,\n ${ddsPrefix}-expressive-modal-close-button,\n ${ddsPrefix}-region-item,\n ${ddsPrefix}-search,\n ${ddsPrefix}-locale-item\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleModal;\n"]}
1	+ {"version":3,"sources":["components/locale-modal/locale-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAUH,OAAO,kBAAkB,MAAM,sCAAsC,CAAC;AACtE,OAAO,6CAA6C,CAAC;AACrD,OAAO,8CAA8C,CAAC;AACtD,OAAO,mDAAmD,CAAC;AAU3D;;;;;;GAMG;AACH,cAEM,cAAe,SAAQ,kBAAkB;IAC7C;;OAEG;IAEH,OAAO,CAAC,cAAc,CAAC,CAAS;IAEhC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAK9B;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IASlC,OAAO,CAAC,iBAAiB;IAIzB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAmBpC;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAuBpC;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAYjC;;OAEG;IAEH,OAAO,CAAC,yBAAyB;IAIjC,SAAS,CAAC,aAAa;IAiBvB,SAAS,CAAC,WAAW;IAOrB;;OAEG;IAEH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IAEH,WAAW,SAA4B;IAEvC;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,YAAY;IAIN,OAAO,CAAC,iBAAiB,KAAA;IAuB/B;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAK9B;IAED,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAS1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"locale-modal.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, state, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowLeft20 from '@carbon/web-components/es/icons/arrow--left/20.js';\nimport EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSExpressiveModal from '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-header';\nimport '../expressive-modal/expressive-modal-heading';\nimport '../expressive-modal/expressive-modal-close-button';\nimport DDSLocaleSearch from './locale-search';\nimport DDSRegionItem from './region-item';\nimport styles from './locale-modal.scss';\nimport { ICON_PLACEMENT } from '../link-with-icon/link-with-icon';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale modal.\n \n @element dds-locale-modal\n * @slot regions-selector - The area for the regions selector.\n * @slot locales-selector - The area for the locales selector.\n /\n@customElement(`${ddsPrefix}-locale-modal`)\n// `BXModal` extends `HostListenerMixin`\nclass DDSLocaleModal extends DDSExpressiveModal {\n /\n The current region.\n /\n @state()\n private _currentRegion?: string;\n\n /\n Handles `click` event on the back button.\n /\n private _handleClickBackButton(e) {\n this._currentRegion = undefined;\n e.preventDefault();\n }\n\n /\n Handles `click` event on a region card.\n \n @param event The event.\n /\n private _handleClickRegionSelector(event: MouseEvent) {\n const { invalid, name } = event.target as DDSRegionItem;\n if (!invalid) {\n this._currentRegion = name;\n }\n }\n\n @HostListener('eventClose')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleAfterClose() {\n this._currentRegion = undefined;\n }\n\n /\n @returns The heading content for the region selector page.\n /\n private _renderRegionSelectorHeading() {\n const { headerTitle, langDisplay } = this;\n return html`\n ${langDisplay &&\n html`\n <p class=\"${prefix}--modal-header__label ${prefix}--type-delta\">\n ${langDisplay}${EarthFilled16({\n class: `${prefix}--locale-modal__label-globe`,\n })}\n </p>\n `}\n ${langDisplay &&\n headerTitle &&\n html`\n <p class=\"bx--modal-header__heading bx--type-beta\">${headerTitle}</p>\n `}\n `;\n }\n\n /\n @returns The heading content for the locale selector page.\n /\n private _renderLocaleSelectorHeading() {\n const {\n headerTitle,\n _currentRegion: currentRegion,\n _handleClickBackButton: handleClickBackButton,\n } = this;\n return html`\n <dds-link-with-icon\n icon-placement=\"${ICON_PLACEMENT.LEFT}\"\n href=\"#\"\n @click=\"${handleClickBackButton}\"\n >\n ${headerTitle}${ArrowLeft20({\n slot: 'icon',\n class: `${prefix}--locale-modal__label-arrow`,\n })}\n </dds-link-with-icon>\n <p class=\"bx--modal-header__heading bx--type-beta\" tabindex=\"0\">\n ${currentRegion}\n </p>\n `;\n }\n\n /\n @returns The heading content.\n /\n private _renderHeading() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorHeading()\n : this._renderLocaleSelectorHeading();\n }\n\n /\n @returns The body content for the region selector page.\n /\n private _renderRegionSelectorBody() {\n const { _handleClickRegionSelector: handleClickRegionSelector } = this;\n return html`\n <div\n class=\"${prefix}--modal-content ${prefix}--locale-modal\"\n @click=\"${handleClickRegionSelector}\"\n >\n <slot name=\"regions-selector\"></slot>\n </div>\n `;\n }\n\n /\n @returns The body content for the locale selector page.\n /\n // eslint-disable-next-line class-methods-use-this\n private _renderLocaleSelectorBody() {\n return html` <slot name=\"locales-selector\"></slot> `;\n }\n\n protected _renderHeader() {\n const { closeButtonAssistiveText } = this;\n return html`\n <div id=\"${ddsPrefix}--modal-header\">\n <dds-expressive-modal-header>\n <dds-expressive-modal-close-button\n assistive-text=\"${ifNonNull(closeButtonAssistiveText)}\"\n >\n </dds-expressive-modal-close-button>\n <dds-expressive-modal-heading\n >${this._renderHeading()}</dds-expressive-modal-heading\n >\n </dds-expressive-modal-header>\n </div>\n `;\n }\n\n protected _renderBody() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorBody()\n : this._renderLocaleSelectorBody();\n }\n\n /\n The assistive text for the close button.\n /\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText?: string;\n\n /\n The header title.\n /\n @property({ attribute: 'header-title' })\n headerTitle = 'Select geographic area';\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n firstUpdated() {\n StickyHeader.global.localeModal = this;\n }\n\n async updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('_currentRegion')) {\n const { selectorLocaleSearch } = this\n .constructor as typeof DDSLocaleModal;\n const localeSearch = this.querySelector(selectorLocaleSearch);\n (localeSearch as DDSLocaleSearch).region = this._currentRegion ?? '';\n if (localeSearch && this.open) {\n (localeSearch as DDSLocaleSearch).reset();\n (localeSearch as HTMLElement).focus();\n }\n\n // re-focus on first region-item when navigating back to the first modal pane\n const { selectorPrimaryFocus } = this\n .constructor as typeof DDSLocaleModal;\n const activeRegion = this.querySelector(selectorPrimaryFocus);\n if (activeRegion && this.open) {\n (activeRegion as HTMLElement).tabIndex = 0;\n (activeRegion as HTMLElement).focus();\n }\n }\n }\n\n /\n A selector selecting the locale search UI.\n /\n static get selectorLocaleSearch() {\n return `${ddsPrefix}-locale-search`;\n }\n\n /\n A selector selecting the nodes that should be focused when modal gets open.\n /\n static get selectorPrimaryFocus() {\n return `\n [data-modal-primary-focus],\n ${ddsPrefix}-region-item\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-modal`;\n }\n\n /\n A selector selecting tabbable nodes.\n */\n static get selectorTabbable() {\n return `\n ${selectorTabbable},\n ${ddsPrefix}-expressive-modal,\n ${ddsPrefix}-expressive-modal-close-button,\n ${ddsPrefix}-region-item,\n ${ddsPrefix}-search,\n ${ddsPrefix}-locale-item\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleModal;\n"]}

package/es/components/locale-modal/locale-modal.js CHANGED Viewed

@@ -20,11 +20,11 @@ let _ = t => t,
 import { html, property, state, customElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import ArrowLeft20 from '@carbon/carbon-web-components/es/icons/arrow--left/20.js';
-import EarthFilled16 from '@carbon/carbon-web-components/es/icons/earth--filled/16.js';
-import HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';
-import ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';
-import { selectorTabbable as _selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';
+import ArrowLeft20 from '@carbon/web-components/es/icons/arrow--left/20.js';
+import EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.js';
+import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
+import ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';
+import { selectorTabbable as _selectorTabbable } from '@carbon/web-components/es/globals/settings.js';
 import ddsSettings from "../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js";
 import DDSExpressiveModal from "../expressive-modal/expressive-modal.js";
 import "../expressive-modal/expressive-modal-header.js";

package/es/components/locale-modal/locale-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"locale-modal.js","names":["html","property","state","customElement","settings","ArrowLeft20","EarthFilled16","HostListener","ifNonNull","selectorTabbable","ddsSettings","DDSExpressiveModal","styles","ICON_PLACEMENT","StickyHeader","prefix","stablePrefix","ddsPrefix","DDSLocaleModal","e","_currentRegion","undefined","preventDefault","event","invalid","name","target","headerTitle","langDisplay","class","currentRegion","_handleClickBackButton","handleClickBackButton","LEFT","slot","_renderRegionSelectorHeading","_renderLocaleSelectorHeading","_handleClickRegionSelector","handleClickRegionSelector","closeButtonAssistiveText","_renderHeading","_renderRegionSelectorBody","_renderLocaleSelectorBody","attribute","global","localeModal","changedProperties","has","selectorLocaleSearch","constructor","localeSearch","querySelector","region","open","reset","focus","selectorPrimaryFocus","activeRegion","tabIndex"],"sources":["components/locale-modal/locale-modal.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, state, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowLeft20 from '@carbon/carbon-web-components/es/icons/arrow--left/20.js';\nimport EarthFilled16 from '@carbon/carbon-web-components/es/icons/earth--filled/16.js';\nimport HostListener from '@carbon/carbon-web-components/es/globals/decorators/host-listener.js';\nimport ifNonNull from '@carbon/carbon-web-components/es/globals/directives/if-non-null.js';\nimport { selectorTabbable } from '@carbon/carbon-web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSExpressiveModal from '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-header';\nimport '../expressive-modal/expressive-modal-heading';\nimport '../expressive-modal/expressive-modal-close-button';\nimport DDSLocaleSearch from './locale-search';\nimport DDSRegionItem from './region-item';\nimport styles from './locale-modal.scss';\nimport { ICON_PLACEMENT } from '../link-with-icon/link-with-icon';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale modal.\n \n @element dds-locale-modal\n * @slot regions-selector - The area for the regions selector.\n * @slot locales-selector - The area for the locales selector.\n /\n@customElement(`${ddsPrefix}-locale-modal`)\n// `BXModal` extends `HostListenerMixin`\nclass DDSLocaleModal extends DDSExpressiveModal {\n /\n The current region.\n /\n @state()\n private _currentRegion?: string;\n\n /\n Handles `click` event on the back button.\n /\n private _handleClickBackButton(e) {\n this._currentRegion = undefined;\n e.preventDefault();\n }\n\n /\n Handles `click` event on a region card.\n \n @param event The event.\n /\n private _handleClickRegionSelector(event: MouseEvent) {\n const { invalid, name } = event.target as DDSRegionItem;\n if (!invalid) {\n this._currentRegion = name;\n }\n }\n\n @HostListener('eventClose')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleAfterClose() {\n this._currentRegion = undefined;\n }\n\n /\n @returns The heading content for the region selector page.\n /\n private _renderRegionSelectorHeading() {\n const { headerTitle, langDisplay } = this;\n return html`\n ${langDisplay &&\n html`\n <p class=\"${prefix}--modal-header__label ${prefix}--type-delta\">\n ${langDisplay}${EarthFilled16({\n class: `${prefix}--locale-modal__label-globe`,\n })}\n </p>\n `}\n ${langDisplay &&\n headerTitle &&\n html`\n <p class=\"bx--modal-header__heading bx--type-beta\">${headerTitle}</p>\n `}\n `;\n }\n\n /\n @returns The heading content for the locale selector page.\n /\n private _renderLocaleSelectorHeading() {\n const {\n headerTitle,\n _currentRegion: currentRegion,\n _handleClickBackButton: handleClickBackButton,\n } = this;\n return html`\n <dds-link-with-icon\n icon-placement=\"${ICON_PLACEMENT.LEFT}\"\n href=\"#\"\n @click=\"${handleClickBackButton}\"\n >\n ${headerTitle}${ArrowLeft20({\n slot: 'icon',\n class: `${prefix}--locale-modal__label-arrow`,\n })}\n </dds-link-with-icon>\n <p class=\"bx--modal-header__heading bx--type-beta\" tabindex=\"0\">\n ${currentRegion}\n </p>\n `;\n }\n\n /\n @returns The heading content.\n /\n private _renderHeading() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorHeading()\n : this._renderLocaleSelectorHeading();\n }\n\n /\n @returns The body content for the region selector page.\n /\n private _renderRegionSelectorBody() {\n const { _handleClickRegionSelector: handleClickRegionSelector } = this;\n return html`\n <div\n class=\"${prefix}--modal-content ${prefix}--locale-modal\"\n @click=\"${handleClickRegionSelector}\"\n >\n <slot name=\"regions-selector\"></slot>\n </div>\n `;\n }\n\n /\n @returns The body content for the locale selector page.\n /\n // eslint-disable-next-line class-methods-use-this\n private _renderLocaleSelectorBody() {\n return html` <slot name=\"locales-selector\"></slot> `;\n }\n\n protected _renderHeader() {\n const { closeButtonAssistiveText } = this;\n return html`\n <div id=\"${ddsPrefix}--modal-header\">\n <dds-expressive-modal-header>\n <dds-expressive-modal-close-button\n assistive-text=\"${ifNonNull(closeButtonAssistiveText)}\"\n >\n </dds-expressive-modal-close-button>\n <dds-expressive-modal-heading\n >${this._renderHeading()}</dds-expressive-modal-heading\n >\n </dds-expressive-modal-header>\n </div>\n `;\n }\n\n protected _renderBody() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorBody()\n : this._renderLocaleSelectorBody();\n }\n\n /\n The assistive text for the close button.\n /\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText?: string;\n\n /\n The header title.\n /\n @property({ attribute: 'header-title' })\n headerTitle = 'Select geographic area';\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n firstUpdated() {\n StickyHeader.global.localeModal = this;\n }\n\n async updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('_currentRegion')) {\n const { selectorLocaleSearch } = this\n .constructor as typeof DDSLocaleModal;\n const localeSearch = this.querySelector(selectorLocaleSearch);\n (localeSearch as DDSLocaleSearch).region = this._currentRegion ?? '';\n if (localeSearch && this.open) {\n (localeSearch as DDSLocaleSearch).reset();\n (localeSearch as HTMLElement).focus();\n }\n\n // re-focus on first region-item when navigating back to the first modal pane\n const { selectorPrimaryFocus } = this\n .constructor as typeof DDSLocaleModal;\n const activeRegion = this.querySelector(selectorPrimaryFocus);\n if (activeRegion && this.open) {\n (activeRegion as HTMLElement).tabIndex = 0;\n (activeRegion as HTMLElement).focus();\n }\n }\n }\n\n /\n A selector selecting the locale search UI.\n /\n static get selectorLocaleSearch() {\n return `${ddsPrefix}-locale-search`;\n }\n\n /\n A selector selecting the nodes that should be focused when modal gets open.\n /\n static get selectorPrimaryFocus() {\n return `\n [data-modal-primary-focus],\n ${ddsPrefix}-region-item\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-modal`;\n }\n\n /\n A selector selecting tabbable nodes.\n */\n static get selectorTabbable() {\n return `\n ${selectorTabbable},\n ${ddsPrefix}-expressive-modal,\n ${ddsPrefix}-expressive-modal-close-button,\n ${ddsPrefix}-region-item,\n ${ddsPrefix}-search,\n ${ddsPrefix}-locale-item\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleModal;\n"],"mappings":"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"}
1	+ {"version":3,"file":"locale-modal.js","names":["html","property","state","customElement","settings","ArrowLeft20","EarthFilled16","HostListener","ifNonNull","selectorTabbable","ddsSettings","DDSExpressiveModal","styles","ICON_PLACEMENT","StickyHeader","prefix","stablePrefix","ddsPrefix","DDSLocaleModal","e","_currentRegion","undefined","preventDefault","event","invalid","name","target","headerTitle","langDisplay","class","currentRegion","_handleClickBackButton","handleClickBackButton","LEFT","slot","_renderRegionSelectorHeading","_renderLocaleSelectorHeading","_handleClickRegionSelector","handleClickRegionSelector","closeButtonAssistiveText","_renderHeading","_renderRegionSelectorBody","_renderLocaleSelectorBody","attribute","global","localeModal","changedProperties","has","selectorLocaleSearch","constructor","localeSearch","querySelector","region","open","reset","focus","selectorPrimaryFocus","activeRegion","tabIndex"],"sources":["components/locale-modal/locale-modal.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2020, 2022\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, property, state, customElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.js';\nimport ArrowLeft20 from '@carbon/web-components/es/icons/arrow--left/20.js';\nimport EarthFilled16 from '@carbon/web-components/es/icons/earth--filled/16.js';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport ifNonNull from '@carbon/web-components/es/globals/directives/if-non-null.js';\nimport { selectorTabbable } from '@carbon/web-components/es/globals/settings.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport DDSExpressiveModal from '../expressive-modal/expressive-modal';\nimport '../expressive-modal/expressive-modal-header';\nimport '../expressive-modal/expressive-modal-heading';\nimport '../expressive-modal/expressive-modal-close-button';\nimport DDSLocaleSearch from './locale-search';\nimport DDSRegionItem from './region-item';\nimport styles from './locale-modal.scss';\nimport { ICON_PLACEMENT } from '../link-with-icon/link-with-icon';\nimport StickyHeader from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/StickyHeader/StickyHeader';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n Locale modal.\n \n @element dds-locale-modal\n * @slot regions-selector - The area for the regions selector.\n * @slot locales-selector - The area for the locales selector.\n /\n@customElement(`${ddsPrefix}-locale-modal`)\n// `BXModal` extends `HostListenerMixin`\nclass DDSLocaleModal extends DDSExpressiveModal {\n /\n The current region.\n /\n @state()\n private _currentRegion?: string;\n\n /\n Handles `click` event on the back button.\n /\n private _handleClickBackButton(e) {\n this._currentRegion = undefined;\n e.preventDefault();\n }\n\n /\n Handles `click` event on a region card.\n \n @param event The event.\n /\n private _handleClickRegionSelector(event: MouseEvent) {\n const { invalid, name } = event.target as DDSRegionItem;\n if (!invalid) {\n this._currentRegion = name;\n }\n }\n\n @HostListener('eventClose')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleAfterClose() {\n this._currentRegion = undefined;\n }\n\n /\n @returns The heading content for the region selector page.\n /\n private _renderRegionSelectorHeading() {\n const { headerTitle, langDisplay } = this;\n return html`\n ${langDisplay &&\n html`\n <p class=\"${prefix}--modal-header__label ${prefix}--type-delta\">\n ${langDisplay}${EarthFilled16({\n class: `${prefix}--locale-modal__label-globe`,\n })}\n </p>\n `}\n ${langDisplay &&\n headerTitle &&\n html`\n <p class=\"bx--modal-header__heading bx--type-beta\">${headerTitle}</p>\n `}\n `;\n }\n\n /\n @returns The heading content for the locale selector page.\n /\n private _renderLocaleSelectorHeading() {\n const {\n headerTitle,\n _currentRegion: currentRegion,\n _handleClickBackButton: handleClickBackButton,\n } = this;\n return html`\n <dds-link-with-icon\n icon-placement=\"${ICON_PLACEMENT.LEFT}\"\n href=\"#\"\n @click=\"${handleClickBackButton}\"\n >\n ${headerTitle}${ArrowLeft20({\n slot: 'icon',\n class: `${prefix}--locale-modal__label-arrow`,\n })}\n </dds-link-with-icon>\n <p class=\"bx--modal-header__heading bx--type-beta\" tabindex=\"0\">\n ${currentRegion}\n </p>\n `;\n }\n\n /\n @returns The heading content.\n /\n private _renderHeading() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorHeading()\n : this._renderLocaleSelectorHeading();\n }\n\n /\n @returns The body content for the region selector page.\n /\n private _renderRegionSelectorBody() {\n const { _handleClickRegionSelector: handleClickRegionSelector } = this;\n return html`\n <div\n class=\"${prefix}--modal-content ${prefix}--locale-modal\"\n @click=\"${handleClickRegionSelector}\"\n >\n <slot name=\"regions-selector\"></slot>\n </div>\n `;\n }\n\n /\n @returns The body content for the locale selector page.\n /\n // eslint-disable-next-line class-methods-use-this\n private _renderLocaleSelectorBody() {\n return html` <slot name=\"locales-selector\"></slot> `;\n }\n\n protected _renderHeader() {\n const { closeButtonAssistiveText } = this;\n return html`\n <div id=\"${ddsPrefix}--modal-header\">\n <dds-expressive-modal-header>\n <dds-expressive-modal-close-button\n assistive-text=\"${ifNonNull(closeButtonAssistiveText)}\"\n >\n </dds-expressive-modal-close-button>\n <dds-expressive-modal-heading\n >${this._renderHeading()}</dds-expressive-modal-heading\n >\n </dds-expressive-modal-header>\n </div>\n `;\n }\n\n protected _renderBody() {\n const { _currentRegion: currentRegion } = this;\n return !currentRegion\n ? this._renderRegionSelectorBody()\n : this._renderLocaleSelectorBody();\n }\n\n /\n The assistive text for the close button.\n /\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText?: string;\n\n /\n The header title.\n /\n @property({ attribute: 'header-title' })\n headerTitle = 'Select geographic area';\n\n /\n The language to show in the UI.\n /\n @property({ attribute: 'lang-display' })\n langDisplay?: string;\n\n firstUpdated() {\n StickyHeader.global.localeModal = this;\n }\n\n async updated(changedProperties) {\n super.updated(changedProperties);\n if (changedProperties.has('_currentRegion')) {\n const { selectorLocaleSearch } = this\n .constructor as typeof DDSLocaleModal;\n const localeSearch = this.querySelector(selectorLocaleSearch);\n (localeSearch as DDSLocaleSearch).region = this._currentRegion ?? '';\n if (localeSearch && this.open) {\n (localeSearch as DDSLocaleSearch).reset();\n (localeSearch as HTMLElement).focus();\n }\n\n // re-focus on first region-item when navigating back to the first modal pane\n const { selectorPrimaryFocus } = this\n .constructor as typeof DDSLocaleModal;\n const activeRegion = this.querySelector(selectorPrimaryFocus);\n if (activeRegion && this.open) {\n (activeRegion as HTMLElement).tabIndex = 0;\n (activeRegion as HTMLElement).focus();\n }\n }\n }\n\n /\n A selector selecting the locale search UI.\n /\n static get selectorLocaleSearch() {\n return `${ddsPrefix}-locale-search`;\n }\n\n /\n A selector selecting the nodes that should be focused when modal gets open.\n /\n static get selectorPrimaryFocus() {\n return `\n [data-modal-primary-focus],\n ${ddsPrefix}-region-item\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-modal`;\n }\n\n /\n A selector selecting tabbable nodes.\n */\n static get selectorTabbable() {\n return `\n ${selectorTabbable},\n ${ddsPrefix}-expressive-modal,\n ${ddsPrefix}-expressive-modal-close-button,\n ${ddsPrefix}-region-item,\n ${ddsPrefix}-search,\n ${ddsPrefix}-locale-item\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleModal;\n"],"mappings":"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"}

package/es/components/locale-modal/locale-search.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/locale-modal/locale-search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAML,UAAU,EACX,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BrB;;;;GAIG;AACH,cACM,eAAgB,SAAQ,oBAE7B;IACC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAC,CAAc;IAEhC;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAQ;IAEjC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAC,CAAY;IAGhC,OAAO,CAAC,WAAW,CAAC,CAAiB;IAErC;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAsB5B,qBAAqB,CAAC,KAAK,EAAE,KAAK;IAIlC;;OAEG;IAEH,qBAAqB,SAC+C;IAEpE;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,IAAI,SAAsB;IAE1B;;OAEG;IAEH,uBAAuB,SAC6C;IAEpE;;OAEG;IACH,KAAK;IAeL;;OAEG;IACH,KAAK;IAWL,YAAY;IAOZ,OAAO,CAAC,iBAAiB,KAAA;IAWzB,MAAM;IAoCN,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"locale-search.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 {\n html,\n property,\n state,\n query,\n customElement,\n LitElement,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.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 ThrottedInputMixin from '../../globals/mixins/throttled-input';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport DDSSearch, { SEARCH_COLOR_SCHEME } from '../search/search';\nimport DDSLocaleItem from './locale-item';\nimport styles from './locale-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n @param target The strings to find the given `searchText` within.\n * @param searchText The search string.\n * @returns `true` if there is a match.\n /\nfunction search(target?: (string \| void)[], searchText?: string) {\n const isEmpty = !target \|\| !target.some(Boolean);\n if (isEmpty \|\| !searchText) {\n return true;\n }\n return target!.some(\n (item) => item && item.toLowerCase().indexOf(searchText.toLowerCase()) >= 0\n );\n}\n\n/\n Locale search box.\n \n @element dds-locale-search\n /\n@customElement(`${ddsPrefix}-locale-search`)\nclass DDSLocaleSearch extends ThrottedInputMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n The container for the locale list.\n /\n @query(`.${prefix}--locale-modal__list`)\n private _listNode?: HTMLElement;\n\n /\n `true` if there is one or more search result.\n /\n @state()\n private _hasAvailableItem = true;\n\n /\n The search box.\n /\n @query(`${ddsPrefix}-search`)\n private _searchNode?: DDSSearch;\n\n @query('[aria-live]')\n private _liveRegion?: HTMLDivElement;\n\n /\n Updates the search results.\n \n @param searchText The search text.\n /\n private _updateSearchResults(searchText: string) {\n const { selectorItem } = this.constructor as typeof DDSLocaleSearch;\n const { region: currentRegion, _liveRegion: liveRegion } = this;\n let hasMatch = false;\n let count = 0;\n forEach(this.querySelectorAll(selectorItem), (item) => {\n const { country, language, region } = item as DDSLocaleItem;\n const matches =\n region === currentRegion && search([country, language], searchText);\n if (matches) {\n hasMatch = true;\n count++;\n }\n (item as HTMLElement).hidden = !matches;\n });\n this._hasAvailableItem = hasMatch;\n if (liveRegion) {\n const announcement = count === 1 ? `${count} result` : `${count} results`;\n liveRegion.innerText = announcement;\n }\n }\n\n _handleThrottledInput(event: Event) {\n this._updateSearchResults((event as CustomEvent).detail.value);\n }\n\n /\n The text for the label for the UI showing the available locales.\n /\n @property({ attribute: 'availability-label-text' })\n availabilityLabelText =\n 'This page is available in the following locations and languages';\n\n /\n The assistive text for the close button in the search box.\n /\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText = '';\n\n /\n The throttle timeout to run query upon user input.\n /\n @property({ type: Number, attribute: 'input-timeout' })\n inputTimeout = 200;\n\n /\n The label text for the search box.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The placeholder text for the search box.\n /\n @property()\n placeholder = '';\n\n /\n The current region.\n /\n @property()\n region = '';\n\n /\n The shadow slot this locale search box should be in.\n /\n @property({ reflect: true })\n slot = 'locales-selector';\n\n /\n The text for the label for the UI showing no available locale.\n /\n @property({ attribute: 'unavailability-label-text' })\n unavailabilityLabelText =\n 'This page is unavailable in your preferred location or language';\n\n /\n Focus on first focusable element in shadow DOM\n /\n focus() {\n // @ts-ignore: Ultil `delegatesFocus` is added to `ShadowRoot` definition\n if (this.shadowRoot!.delegatesFocus) {\n super.focus();\n } else {\n const { selectorTabable } = this.constructor as typeof DDSLocaleSearch;\n const delegateTarget = this.shadowRoot!.querySelector(selectorTabable);\n if (delegateTarget) {\n (delegateTarget as HTMLElement).focus();\n } else {\n super.focus();\n }\n }\n }\n\n /\n Resets the search box and the scroll position.\n /\n reset() {\n const { _listNode: listNode, _searchNode: searchNode } = this;\n if (listNode) {\n listNode.scrollTop = 0;\n }\n if (searchNode) {\n searchNode.value = '';\n this._updateSearchResults('');\n }\n }\n\n firstUpdated() {\n const { _searchNode: searchNode } = this;\n if (searchNode) {\n this._updateSearchResults(searchNode.value);\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('region')) {\n const { selectorItem } = this.constructor as typeof DDSLocaleSearch;\n const { region } = this;\n forEach(this.querySelectorAll(selectorItem), (item) => {\n (item as HTMLElement).hidden =\n (item as DDSLocaleItem).region !== region;\n });\n }\n }\n\n render() {\n const {\n availabilityLabelText,\n closeButtonAssistiveText,\n labelText,\n placeholder,\n unavailabilityLabelText,\n _hasAvailableItem: hasAvailableItem,\n } = this;\n return html`\n <div class=\"${prefix}--locale-modal__filter\">\n <div class=\"${prefix}--locale-modal__search\">\n <dds-search\n part=\"searchbox\"\n close-button-assistive-text=\"${closeButtonAssistiveText}\"\n color-scheme=\"${SEARCH_COLOR_SCHEME.REGULAR}\"\n label-text=\"${labelText}\"\n placeholder=\"${placeholder}\"\n size=\"${INPUT_SIZE.EXTRA_LARGE}\"\n data-autoid=\"${ddsPrefix}--locale-modal__filter\"\n >\n </dds-search>\n <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\"></div>\n <p class=\"${prefix}--locale-modal__search-text\">\n ${hasAvailableItem\n ? availabilityLabelText\n : unavailabilityLabelText}\n </p>\n </div>\n <div class=\"${prefix}--locale-modal__list\" role=\"list\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-search`;\n }\n\n /\n A selector selecting the locale item,\n /\n static get selectorTabable() {\n return `${ddsPrefix}-search`;\n }\n\n /\n A selector selecting the locale items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-locale-item`;\n }\n\n /\n The event that represents the user input gesture.\n */\n static get eventInput() {\n return `${ddsPrefix}-search-input`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleSearch;\n"]}
1	+ {"version":3,"sources":["components/locale-modal/locale-search.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAML,UAAU,EACX,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BrB;;;;GAIG;AACH,cACM,eAAgB,SAAQ,oBAE7B;IACC;;OAEG;IAEH,OAAO,CAAC,SAAS,CAAC,CAAc;IAEhC;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAQ;IAEjC;;OAEG;IAEH,OAAO,CAAC,WAAW,CAAC,CAAY;IAGhC,OAAO,CAAC,WAAW,CAAC,CAAiB;IAErC;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAsB5B,qBAAqB,CAAC,KAAK,EAAE,KAAK;IAIlC;;OAEG;IAEH,qBAAqB,SAC+C;IAEpE;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,YAAY,SAAO;IAEnB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,IAAI,SAAsB;IAE1B;;OAEG;IAEH,uBAAuB,SAC6C;IAEpE;;OAEG;IACH,KAAK;IAeL;;OAEG;IACH,KAAK;IAWL,YAAY;IAOZ,OAAO,CAAC,iBAAiB,KAAA;IAWzB,MAAM;IAoCN,MAAM,KAAK,cAAc,WAExB;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"locale-search.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 {\n html,\n property,\n state,\n query,\n customElement,\n LitElement,\n} from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings.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 ThrottedInputMixin from '../../globals/mixins/throttled-input';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport DDSSearch, { SEARCH_COLOR_SCHEME } from '../search/search';\nimport DDSLocaleItem from './locale-item';\nimport styles from './locale-modal.scss';\nimport StableSelectorMixin from '../../globals/mixins/stable-selector';\n\nconst { prefix } = settings;\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/\n @param target The strings to find the given `searchText` within.\n * @param searchText The search string.\n * @returns `true` if there is a match.\n /\nfunction search(target?: (string \| void)[], searchText?: string) {\n const isEmpty = !target \|\| !target.some(Boolean);\n if (isEmpty \|\| !searchText) {\n return true;\n }\n return target!.some(\n (item) => item && item.toLowerCase().indexOf(searchText.toLowerCase()) >= 0\n );\n}\n\n/\n Locale search box.\n \n @element dds-locale-search\n /\n@customElement(`${ddsPrefix}-locale-search`)\nclass DDSLocaleSearch extends ThrottedInputMixin(\n StableSelectorMixin(LitElement)\n) {\n /\n The container for the locale list.\n /\n @query(`.${prefix}--locale-modal__list`)\n private _listNode?: HTMLElement;\n\n /\n `true` if there is one or more search result.\n /\n @state()\n private _hasAvailableItem = true;\n\n /\n The search box.\n /\n @query(`${ddsPrefix}-search`)\n private _searchNode?: DDSSearch;\n\n @query('[aria-live]')\n private _liveRegion?: HTMLDivElement;\n\n /\n Updates the search results.\n \n @param searchText The search text.\n /\n private _updateSearchResults(searchText: string) {\n const { selectorItem } = this.constructor as typeof DDSLocaleSearch;\n const { region: currentRegion, _liveRegion: liveRegion } = this;\n let hasMatch = false;\n let count = 0;\n forEach(this.querySelectorAll(selectorItem), (item) => {\n const { country, language, region } = item as DDSLocaleItem;\n const matches =\n region === currentRegion && search([country, language], searchText);\n if (matches) {\n hasMatch = true;\n count++;\n }\n (item as HTMLElement).hidden = !matches;\n });\n this._hasAvailableItem = hasMatch;\n if (liveRegion) {\n const announcement = count === 1 ? `${count} result` : `${count} results`;\n liveRegion.innerText = announcement;\n }\n }\n\n _handleThrottledInput(event: Event) {\n this._updateSearchResults((event as CustomEvent).detail.value);\n }\n\n /\n The text for the label for the UI showing the available locales.\n /\n @property({ attribute: 'availability-label-text' })\n availabilityLabelText =\n 'This page is available in the following locations and languages';\n\n /\n The assistive text for the close button in the search box.\n /\n @property({ attribute: 'close-button-assistive-text' })\n closeButtonAssistiveText = '';\n\n /\n The throttle timeout to run query upon user input.\n /\n @property({ type: Number, attribute: 'input-timeout' })\n inputTimeout = 200;\n\n /\n The label text for the search box.\n /\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /\n The placeholder text for the search box.\n /\n @property()\n placeholder = '';\n\n /\n The current region.\n /\n @property()\n region = '';\n\n /\n The shadow slot this locale search box should be in.\n /\n @property({ reflect: true })\n slot = 'locales-selector';\n\n /\n The text for the label for the UI showing no available locale.\n /\n @property({ attribute: 'unavailability-label-text' })\n unavailabilityLabelText =\n 'This page is unavailable in your preferred location or language';\n\n /\n Focus on first focusable element in shadow DOM\n /\n focus() {\n // @ts-ignore: Ultil `delegatesFocus` is added to `ShadowRoot` definition\n if (this.shadowRoot!.delegatesFocus) {\n super.focus();\n } else {\n const { selectorTabable } = this.constructor as typeof DDSLocaleSearch;\n const delegateTarget = this.shadowRoot!.querySelector(selectorTabable);\n if (delegateTarget) {\n (delegateTarget as HTMLElement).focus();\n } else {\n super.focus();\n }\n }\n }\n\n /\n Resets the search box and the scroll position.\n /\n reset() {\n const { _listNode: listNode, _searchNode: searchNode } = this;\n if (listNode) {\n listNode.scrollTop = 0;\n }\n if (searchNode) {\n searchNode.value = '';\n this._updateSearchResults('');\n }\n }\n\n firstUpdated() {\n const { _searchNode: searchNode } = this;\n if (searchNode) {\n this._updateSearchResults(searchNode.value);\n }\n }\n\n updated(changedProperties) {\n if (changedProperties.has('region')) {\n const { selectorItem } = this.constructor as typeof DDSLocaleSearch;\n const { region } = this;\n forEach(this.querySelectorAll(selectorItem), (item) => {\n (item as HTMLElement).hidden =\n (item as DDSLocaleItem).region !== region;\n });\n }\n }\n\n render() {\n const {\n availabilityLabelText,\n closeButtonAssistiveText,\n labelText,\n placeholder,\n unavailabilityLabelText,\n _hasAvailableItem: hasAvailableItem,\n } = this;\n return html`\n <div class=\"${prefix}--locale-modal__filter\">\n <div class=\"${prefix}--locale-modal__search\">\n <dds-search\n part=\"searchbox\"\n close-button-assistive-text=\"${closeButtonAssistiveText}\"\n color-scheme=\"${SEARCH_COLOR_SCHEME.REGULAR}\"\n label-text=\"${labelText}\"\n placeholder=\"${placeholder}\"\n size=\"${INPUT_SIZE.EXTRA_LARGE}\"\n data-autoid=\"${ddsPrefix}--locale-modal__filter\"\n >\n </dds-search>\n <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\"></div>\n <p class=\"${prefix}--locale-modal__search-text\">\n ${hasAvailableItem\n ? availabilityLabelText\n : unavailabilityLabelText}\n </p>\n </div>\n <div class=\"${prefix}--locale-modal__list\" role=\"list\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n static get stableSelector() {\n return `${ddsPrefix}--locale-search`;\n }\n\n /\n A selector selecting the locale item,\n /\n static get selectorTabable() {\n return `${ddsPrefix}-search`;\n }\n\n /\n A selector selecting the locale items.\n /\n static get selectorItem() {\n return `${ddsPrefix}-locale-item`;\n }\n\n /\n The event that represents the user input gesture.\n */\n static get eventInput() {\n return `${ddsPrefix}-search-input`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default DDSLocaleSearch;\n"]}

package/es/components/locale-modal/locale-search.js CHANGED Viewed

@@ -14,7 +14,7 @@ let _ = t => t,
 import { html, property, state, query, customElement, LitElement } from 'lit-element';
 import settings from 'carbon-components/es/globals/js/settings.js';
-import { INPUT_SIZE } from '@carbon/carbon-web-components/es/components/input/input.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 ThrottedInputMixin from "../../globals/mixins/throttled-input.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";