@tmorrow/cre8-wc 1.2.6 → 2.0.0

package/lib/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len */\n/* eslint-disable dot-notation */\n/* eslint-disable max-statements */\nimport { html, TemplateResult,  } from 'lit';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport { property } from 'lit/decorators.js';\nimport svgAdd from '@tmorrow/cre8-wc/icons/System/Regular/Add.svg?raw';\nimport svgArrowLeft from '@tmorrow/cre8-wc/icons/System/Regular/Arrow_-_Left.svg?raw';\nimport svgChat from '@tmorrow/cre8-wc/icons/System/Filled/Chat_Default.svg?raw';\nimport svgCalendar from '@tmorrow/cre8-wc/icons/System/Regular/Calendar.svg?raw';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/System/Filled/Caret_Down.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';\nimport svgCheck from '@tmorrow/cre8-wc/icons/System/Regular/Check.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/System/Regular/Close.svg?raw';\nimport svgDownload from '@tmorrow/cre8-wc/icons/System/Filled/Download.svg?raw';\nimport svgEdit from '@tmorrow/cre8-wc/icons/System/Regular/Edit.svg?raw';\nimport svgEllipsis from '@tmorrow/cre8-wc/icons/System/Filled/Ellipsis.svg?raw';\nimport svgMessageFilled from '@tmorrow/cre8-wc/icons/System/Filled/Message_Unread.svg?raw';\nimport svgMessage from '@tmorrow/cre8-wc/icons/System/Regular/Message_Unread.svg?raw';\nimport svgError from '@tmorrow/cre8-wc/icons/System/Regular/Error.svg?raw';\nimport svgExternal from '@tmorrow/cre8-wc/icons/System/Regular/External_Link.svg?raw';\nimport svgMedication from '@tmorrow/cre8-wc/icons/System/Regular/Medication.svg?raw';\nimport svgGlobe from '@tmorrow/cre8-wc/icons/System/Regular/Globe.svg?raw';\nimport svgHandHeart from '@tmorrow/cre8-wc/icons/System/Regular/Wellness.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/System/Regular/Help.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';\nimport svgCaretUp from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Up.svg?raw';\nimport svgLightbulb from '@tmorrow/cre8-wc/icons/System/Regular/Lightbulb.svg?raw';\nimport svgLocation from '@tmorrow/cre8-wc/icons/System/Filled/Location.svg?raw';\nimport svgMenu from '@tmorrow/cre8-wc/icons/System/Regular/Menu.svg?raw';\nimport svgMinus from '@tmorrow/cre8-wc/icons/System/Regular/Minus.svg?raw';\nimport svgAccountFilled from '@tmorrow/cre8-wc/icons/System/Filled/Account.svg?raw';\nimport svgNotification from '@tmorrow/cre8-wc/icons/System/Regular/Notification.svg?raw';\nimport svgRefill from '@tmorrow/cre8-wc/icons/Marketing/Duotone/Refill.svg?raw';\nimport svgAccount from '@tmorrow/cre8-wc/icons/System/Regular/Account.svg?raw';\nimport svgPlayFilled from '@tmorrow/cre8-wc/icons/System/Filled/Play_Arrow.svg?raw';\nimport svgPlayCircle from '@tmorrow/cre8-wc/icons/System/Regular/Play_Circle.svg?raw';\nimport svgSpinner from '@tmorrow/cre8-wc/icons/System/Regular/Spinner/75.svg?raw';\nimport svgUndo from '@tmorrow/cre8-wc/icons/System/Regular/Undo.svg?raw';\nimport svgSearch from '@tmorrow/cre8-wc/icons/System/Regular/Search.svg?raw';\nimport svgCart from '@tmorrow/cre8-wc/icons/System/Regular/Cart.svg?raw';\nimport svgRectangle from '@tmorrow/cre8-wc/icons/System/Filled/Shape/Rectangle.svg?raw';\nimport svgVaccine from '@tmorrow/cre8-wc/icons/Marketing/Duotone/Vaccinations.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';\nimport svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Double_Right.svg?raw';\nimport svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';\nimport svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';\nimport svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';\nimport svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';\nimport svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';\nimport svgPause from '@tmorrow/cre8-wc/icons/pause.svg?raw';\nimport svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg?raw';\nimport svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg?raw';\nimport svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg?raw';\nimport svgRx from '@tmorrow/cre8-wc/icons/rx.svg?raw';\nimport svgSwap from '@tmorrow/cre8-wc/icons/swap.svg?raw';\nimport svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg?raw';\nimport svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg?raw';\nimport svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg?raw';\nimport svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';\n\nimport { Cre8Element } from '../cre8-element';\nimport styles from './icon.styles.js';\nimport iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';\n\n/**\n *\n * <svg> is a web component, which can be used with any frontend framework and use any svg.\n * It takes raw svgs as props and renders them.\n *\n * **'svg-legacy'** will be **deprecated** in Web Components v0.5.0\n *\n * - [List of new figma icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)\n * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.\n *\n * ##Usability Considerations\n * - If the icon is decorative: set `aria-hidden` to true.\n * - If the icon is interactive (not decorative): set `aria-hidden` to false and add the `aria-label`\n * - If the icon is key to functionality from a screen reader perspective, it is required to add `aria-label`\n * which will describe the icon.\n * For example, if the icon is a close button, setting `aria-label=\"Close\"`will give\n * the SVG an aria-label to make it sufficiently accessible.\n *\n * [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)\n *\n * ##How to use\n * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.\n * If you need to install a newer version than what's included, please see\n * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).\n * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`\n * - Import an svg as a string: `import svgInfo from 'cre8_dev/svgs/lib/icons/System/Regular/Info.svg?raw';`\n *\n * Your import paths may be different depending on your project's build configuration.\n * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)\n * of the `cre8_dev/svgs` documentation for more information.\n */\n\nexport class Cre8Icon extends Cre8Element {\n    static styles = [styles];\n\n    /**\n     * Focusable\n     *\n     * @required\n     */\n    @property({ type: Boolean, reflect: true })\n        focusable?: boolean;\n\n    /**\n     * Icon name (this method of passing in svgs is to be deprecated)\n     *\n     * @required\n     */\n    @property()\n        name: string;\n\n        @property({reflect:true})\n        svg?:string\n    /**\n     * Icon path\n     * 1) This points to the file where the icon sprite lives\n     * 2) This method of pathing will soon be depricated\n     *\n     */\n    @property()\n        iconUrl?: string = iconSprite;\n\n    /**\n     * Icon Title, this string is used for the aira-label of the svg\n     *\n     * @required\n     */\n    @property()\n        iconTitle?: string;\n\n    /**\n     * Get the path to the icons, either by overriding it on the window\n     * or by using the bundled icon path\n     */\n    getIconPath() {\n        if (window.Cre8_ICON_URL) {\n            return window.Cre8_ICON_URL;\n        }\n\n        const script = document.querySelector<HTMLScriptElement>('script[src$=\"icon\"]');\n        if (script) {\n            return `${script.src.replace(/^(.+)\\/.*$/, '$1')}/svgs/svgs.svg?raw`;\n        }\n\n        return this.iconUrl;\n    }\n\n    render() {\n        const componentClassName = this.componentClassNames('cre8-c-icon-wrapper', {});\n\n        const iconMap: { [name: string]: TemplateResult<1> } = {};\n\n        iconMap['add'] = html`<svg src=${svgAdd} container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['arrow-back'] = html`<svg src='${svgArrowLeft}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['arrow-forward'] = html`<svg src='${svgArrowLeft}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['attention'] = html`<svg src='${svgChat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['calendar'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['calendar-datepicker'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\" height=\"24\" width=\"24\"></svg>`;\n        iconMap['caret-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['caret-double-left'] = html`<svg src='${svgCaretDoubleRight}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['caret-double-right'] = html`<svg src='${svgCaretDoubleRight}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['check-circle'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['check'] = html`<svg src='${svgCheck}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['close'] = html`<svg src='${svgClose}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['delta-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['delta-up'] = html`<svg src='${svgCaretDown}' flip=\"vertical\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['download'] = html`<svg src='${svgDownload}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['edit'] = html`<svg src='${svgEdit}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['ellipsis'] = html`<svg src='${svgEllipsis}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['email'] = html`${svgMessageFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['envelope'] = html`<svg src='${svgMessage}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['error-alt'] = html`<svg src='${svgErrorAlt}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['error-round'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['error'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['express-scripts'] = html`<svg src='${svgEsi}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['external-file'] = html`<svg src='${svgExternal}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['find-drug'] = html`<svg src='${svgMedication}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['globe'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['hand-heart'] = html`<svg src='${svgHandHeart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['help'] = html`<svg src='${svgHelp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['info'] = html`<svg src='${svgInfoFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['instagram'] = html`<svg src='${svgInsta}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-down'] = html`<svg src='${svgCaretUp}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-left'] = html`<svg src='${svgCaretUp}' rotate=\"-90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-right'] = html`<svg src='${svgCaretUp}' rotate=\"90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-up'] = html`<svg src='${svgCaretUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['language'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['light-bulb'] = html`<svg src='${svgLightbulb}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['linkedin'] = html`<svg src='${svgLinkedin}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['location-on'] = html`<svg src='${svgLocation}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['menu'] = html`<svg src='${svgMenu}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['minus'] = html`<svg src='${svgMinus}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['neutral'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['notifications'] = html`<svg src='${svgNotification}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['open'] = html`<svg src='${svgOpen}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['order-status'] = html`<svg src='${svgRefill}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['pause'] = html`<svg src='${svgPause}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['people'] = html`<svg src='${svgAccount}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['person-bubble'] = html`<svg src='${svgPersonBubble}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['person'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['pinterest'] = html`<svg src='${svgPinterest}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['play-arrow'] = html`<svg src='${svgPlayFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['play-circle-outline'] = html`<svg src='${svgPlayCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['progress-spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['replay'] = html`<svg src='${svgUndo}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['rss-feed'] = html`<svg src='${svgRss}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['rx'] = html`<svg src='${svgRx}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['search'] = html`<svg src='${svgSearch}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['shop'] = html`<svg src='${svgCart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['square'] = html`<svg src='${svgRectangle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['success'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['swap'] = html`<svg src='${svgSwap}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['thumb-up'] = html`<svg src='${svgThumbsUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['trending-flat'] = html`<svg src='${svgTrendFlat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['trending-up'] = html`<svg src='${svgTrendUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['twitter'] = html`<svg src='${svgTwitter}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['vaccine'] = html`<svg src='${svgVaccine}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['warning'] = html`<svg src='${svgWarningFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n\n        const iconPath = this.getIconPath();\n\n        // if (iconMap[this.name] !== undefined) {\n        //     return iconMap[this.name];\n        // }\n        if (!this.name && !this.svg) {\n            console.warn('Cre8Icon: No icon name or svg provided. Please provide either a name or svg.');\n            return html``;\n        }\n\n        return html`\n            ${this.svg ? html`<span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">${unsafeHTML(this.svg)}</span>` : html`\n        <span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">\n            <svg class=\"cre8-c-icon\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"${this.focusable ? 'true' : 'false'}\" role=\"img\">\n                <use href=\"${iconPath}#${this.name}\"></use>\n            </svg>\n        </span>` }`;\n       }\n    }\n\n\nif (customElements.get('cre8-icon') === undefined) {\n    customElements.define('cre8-icon', Cre8Icon);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'cre8-icon': Cre8Icon;\n    }\n    interface Window {\n        Cre8_ICON_URL?: string;\n    }\n}\n\nexport default Cre8Icon;\n"]}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable max-len */\n/* eslint-disable dot-notation */\n/* eslint-disable max-statements */\nimport { html, TemplateResult,  } from 'lit';\nimport {unsafeHTML} from 'lit/directives/unsafe-html.js';\nimport { property } from 'lit/decorators.js';\nimport svgAdd from '@tmorrow/cre8-wc/icons/Add.svg?raw';\nimport svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg?raw';\nimport svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg?raw';\nimport svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg?raw';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgCheck from '@tmorrow/cre8-wc/icons/Check.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';\nimport svgDownload from '@tmorrow/cre8-wc/icons/Download.svg?raw';\nimport svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg?raw';\nimport svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg?raw';\nimport svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg?raw';\nimport svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg?raw';\nimport svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';\nimport svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg?raw';\nimport svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg?raw';\nimport svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg?raw';\nimport svgHandHeart from '@tmorrow/cre8-wc/icons/Wellness.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';\nimport svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg?raw';\nimport svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg?raw';\nimport svgLocation from '@tmorrow/cre8-wc/icons/Location.svg?raw';\nimport svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg?raw';\nimport svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg?raw';\nimport svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg?raw';\nimport svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg?raw';\nimport svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg?raw';\nimport svgAccount from '@tmorrow/cre8-wc/icons/Account.svg?raw';\nimport svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg?raw';\nimport svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg?raw';\nimport svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg?raw';\nimport svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg?raw';\nimport svgSearch from '@tmorrow/cre8-wc/icons/Search.svg?raw';\nimport svgCart from '@tmorrow/cre8-wc/icons/Cart.svg?raw';\nimport svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg?raw';\nimport svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';\nimport svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';\nimport svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg?raw';\nimport svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg?raw';\nimport svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg?raw';\nimport svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg?raw';\nimport svgOpen from '@tmorrow/cre8-wc/icons/open.svg?raw';\nimport svgPause from '@tmorrow/cre8-wc/icons/pause.svg?raw';\nimport svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg?raw';\nimport svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg?raw';\nimport svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg?raw';\nimport svgRx from '@tmorrow/cre8-wc/icons/rx.svg?raw';\nimport svgSwap from '@tmorrow/cre8-wc/icons/swap.svg?raw';\nimport svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg?raw';\nimport svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg?raw';\nimport svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg?raw';\nimport svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';\n\nimport { Cre8Element } from '../cre8-element';\nimport styles from './icon.styles.js';\nimport iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';\n\n/**\n *\n * <svg> is a web component, which can be used with any frontend framework and use any svg.\n * It takes raw svgs as props and renders them.\n *\n * **'svg-legacy'** will be **deprecated** in Web Components v0.5.0\n *\n * - [List of new figma icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)\n * - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.\n *\n * ##Usability Considerations\n * - If the icon is decorative: set `aria-hidden` to true.\n * - If the icon is interactive (not decorative): set `aria-hidden` to false and add the `aria-label`\n * - If the icon is key to functionality from a screen reader perspective, it is required to add `aria-label`\n * which will describe the icon.\n * For example, if the icon is a close button, setting `aria-label=\"Close\"`will give\n * the SVG an aria-label to make it sufficiently accessible.\n *\n * [More information on Accessibility with svgs](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/getting-started-accessibility--page)\n *\n * ##How to use\n * Cre8 Web Components (cre8-wc) includes the `cre8_dev/svgs` package.\n * If you need to install a newer version than what's included, please see\n * the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).\n * - Import the component (this is the icon container): `import '@cre8_dev/svgs';`\n * - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg?raw';`\n *\n * Your import paths may be different depending on your project's build configuration.\n * Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)\n * of the `cre8_dev/svgs` documentation for more information.\n */\n\nexport class Cre8Icon extends Cre8Element {\n    static styles = [styles];\n\n    /**\n     * Focusable\n     *\n     * @required\n     */\n    @property({ type: Boolean, reflect: true })\n        focusable?: boolean;\n\n    /**\n     * Icon name (this method of passing in svgs is to be deprecated)\n     *\n     * @required\n     */\n    @property()\n        name: string;\n\n        @property({reflect:true})\n        svg?:string\n    /**\n     * Icon path\n     * 1) This points to the file where the icon sprite lives\n     * 2) This method of pathing will soon be depricated\n     *\n     */\n    @property()\n        iconUrl?: string = iconSprite;\n\n    /**\n     * Icon Title, this string is used for the aira-label of the svg\n     *\n     * @required\n     */\n    @property()\n        iconTitle?: string;\n\n    /**\n     * Get the path to the icons, either by overriding it on the window\n     * or by using the bundled icon path\n     */\n    getIconPath() {\n        if (window.Cre8_ICON_URL) {\n            return window.Cre8_ICON_URL;\n        }\n\n        const script = document.querySelector<HTMLScriptElement>('script[src$=\"icon\"]');\n        if (script) {\n            return `${script.src.replace(/^(.+)\\/.*$/, '$1')}/svgs/svgs.svg?raw`;\n        }\n\n        return this.iconUrl;\n    }\n\n    render() {\n        const componentClassName = this.componentClassNames('cre8-c-icon-wrapper', {});\n\n        const iconMap: { [name: string]: TemplateResult<1> } = {};\n\n        iconMap['add'] = html`<svg src=${svgAdd} container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['arrow-back'] = html`<svg src='${svgArrowLeft}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['arrow-forward'] = html`<svg src='${svgArrowLeft}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['attention'] = html`<svg src='${svgChat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['calendar'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['calendar-datepicker'] = html`<svg src='${svgCalendar}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\" height=\"24\" width=\"24\"></svg>`;\n        iconMap['caret-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['caret-double-left'] = html`<svg src='${svgCaretDoubleRight}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['caret-double-right'] = html`<svg src='${svgCaretDoubleRight}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['check-circle'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['check'] = html`<svg src='${svgCheck}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['close'] = html`<svg src='${svgClose}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['delta-down'] = html`<svg src='${svgCaretDown}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['delta-up'] = html`<svg src='${svgCaretDown}' flip=\"vertical\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['download'] = html`<svg src='${svgDownload}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['edit'] = html`<svg src='${svgEdit}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['ellipsis'] = html`<svg src='${svgEllipsis}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['email'] = html`${svgMessageFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['envelope'] = html`<svg src='${svgMessage}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['error-alt'] = html`<svg src='${svgErrorAlt}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['error-round'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['error'] = html`<svg src='${svgError}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['express-scripts'] = html`<svg src='${svgEsi}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['external-file'] = html`<svg src='${svgExternal}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['find-drug'] = html`<svg src='${svgMedication}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['globe'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['hand-heart'] = html`<svg src='${svgHandHeart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['help'] = html`<svg src='${svgHelp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['info'] = html`<svg src='${svgInfoFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['instagram'] = html`<svg src='${svgInsta}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-down'] = html`<svg src='${svgCaretUp}' rotate=\"180\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-left'] = html`<svg src='${svgCaretUp}' rotate=\"-90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-right'] = html`<svg src='${svgCaretUp}' rotate=\"90\" container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['keyboard-arrow-up'] = html`<svg src='${svgCaretUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['language'] = html`<svg src='${svgGlobe}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['light-bulb'] = html`<svg src='${svgLightbulb}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['linkedin'] = html`<svg src='${svgLinkedin}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['location-on'] = html`<svg src='${svgLocation}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['menu'] = html`<svg src='${svgMenu}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['minus'] = html`<svg src='${svgMinus}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['neutral'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['notifications'] = html`<svg src='${svgNotification}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['open'] = html`<svg src='${svgOpen}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['order-status'] = html`<svg src='${svgRefill}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['pause'] = html`<svg src='${svgPause}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['people'] = html`<svg src='${svgAccount}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['person-bubble'] = html`<svg src='${svgPersonBubble}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['person'] = html`<svg src='${svgAccountFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['pinterest'] = html`<svg src='${svgPinterest}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['play-arrow'] = html`<svg src='${svgPlayFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['play-circle-outline'] = html`<svg src='${svgPlayCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['progress-spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['replay'] = html`<svg src='${svgUndo}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['rss-feed'] = html`<svg src='${svgRss}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['rx'] = html`<svg src='${svgRx}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['search'] = html`<svg src='${svgSearch}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['shop'] = html`<svg src='${svgCart}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['spinner'] = html`<svg src='${svgSpinner}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['square'] = html`<svg src='${svgRectangle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['success'] = html`<svg src='${svgCheckCircle}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['swap'] = html`<svg src='${svgSwap}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['thumb-up'] = html`<svg src='${svgThumbsUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['trending-flat'] = html`<svg src='${svgTrendFlat}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['trending-up'] = html`<svg src='${svgTrendUp}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['twitter'] = html`<svg src='${svgTwitter}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['vaccine'] = html`<svg src='${svgVaccine}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n        iconMap['warning'] = html`<svg src='${svgWarningFilled}' container-class=\"${componentClassName}\" class=\"cre8-c-icon\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\"></svg>`;\n\n        const iconPath = this.getIconPath();\n\n        // if (iconMap[this.name] !== undefined) {\n        //     return iconMap[this.name];\n        // }\n        if (!this.name && !this.svg) {\n            console.warn('Cre8Icon: No icon name or svg provided. Please provide either a name or svg.');\n            return html``;\n        }\n\n        return html`\n            ${this.svg ? html`<span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">${unsafeHTML(this.svg)}</span>` : html`\n        <span class=\"${componentClassName}\" aria-label=\"${this.iconTitle}\" aria-hidden=\"${!this.iconTitle}\">\n            <svg class=\"cre8-c-icon\" xmlns=\"http://www.w3.org/2000/svg\" focusable=\"${this.focusable ? 'true' : 'false'}\" role=\"img\">\n                <use href=\"${iconPath}#${this.name}\"></use>\n            </svg>\n        </span>` }`;\n       }\n    }\n\n\nif (customElements.get('cre8-icon') === undefined) {\n    customElements.define('cre8-icon', Cre8Icon);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'cre8-icon': Cre8Icon;\n    }\n    interface Window {\n        Cre8_ICON_URL?: string;\n    }\n}\n\nexport default Cre8Icon;\n"]}

package/lib/components/inline-alert/inline-alert.js

@@ -4,11 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';
-import svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';
-import svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';
-import svgErrorFilled from '@tmorrow/cre8-wc/icons/System/Filled/Error.svg?raw';
-import svgHelpFilled from '@tmorrow/cre8-wc/icons/System/Filled/Help.svg?raw';
+import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';
+import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';
+import svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';
+import svgErrorFilled from '@tmorrow/cre8-wc/icons/Error_Filled.svg?raw';
+import svgHelpFilled from '@tmorrow/cre8-wc/icons/Help_Filled.svg?raw';
 import { html, nothing, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Cre8Element } from '../cre8-element';

package/lib/components/inline-alert/inline-alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-alert.js","sourceRoot":"","sources":["../../../components/inline-alert/inline-alert.ts"],"names":[],"mappings":"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","sourcesContent":["import svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';\nimport svgErrorFilled from '@tmorrow/cre8-wc/icons/System/Filled/Error.svg?raw';\nimport svgHelpFilled from '@tmorrow/cre8-wc/icons/System/Filled/Help.svg?raw';\nimport { html, nothing,  } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './inline-alert.styles.js';\nimport '../icon/icon';\n\n/**\n * In cases when it is necessary to alert the user but a less strong message that cannot be dismissed is desired,\n * use an in-line contextual alert message as the least \"severe\" message type.\n * These can be displayed anywhere on the page, but should never cover content.\n * Inline alerts do not include a title or close capability and are considered minimally intrusive user messaging.\n *\n * @slot - The component content\n */\nexport class Cre8InlineAlert extends Cre8Element {\n    static styles = [styles];\n\n    /**\n     *  DEPRECATED: Icon name used for the icon before to the field note\n     * @deprecated\n    */\n    @property()\n        iconName?: string;\n\n    /**\n     * Full width Inline Alert\n     * @attr {boolean}\n     */\n    @property({ type: Boolean, reflect: true })\n        fullWidth?: boolean;\n\n    /**\n     * Icon title used for the icon alt text\n     */\n    @property()\n        iconTitle?: string;\n\n    /**\n     * Variant\n     * - **subtle** (default) renders an alert message in a padded container with a with a border and background color\n     * - **transparent** renders an alert message with no padded container, border, or background color\n     */\n    @property()\n        variant: 'transparent' | 'subtle' = 'subtle';\n\n    /**\n     * Status\n     * - **default** renders an inline alert with the brand colors\n     * - **error** renders an inline alert with an error state\n     * - **warning** renders an inline alert with a warning state\n     * - **success** renders an inline alert with a success state\n     * - **attention** renders an inline alert with an attention state\n     * - **neutral** renders an inline alert with a nuetral state\n     */\n    @property({ type: String })\n        status?: 'error' | 'warning' | 'success' | 'attention' | 'neutral' | 'help' | 'info' = 'info';\n\n    /*\n    * Maps modal icons and modal status variants to what the alt text of the related icon should be see:\n    *#\n    * this provides the recommendated alt text of different statuses\n    */\n    private mapStatusToIconInlineAlert(status: string) {\n        switch (status) {\n            case 'error':\n                return html`<cre8-icon \n                svg='${svgErrorFilled}' \n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'success':\n                return html`<cre8-icon \n                svg='${svgCheckCircle}' \n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'warning':\n                return html`<cre8-icon \n                svg='${svgWarningFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'help':\n                return html`<cre8-icon \n                svg='${svgHelpFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'info':\n                return html`<cre8-icon \n                svg='${svgInfoFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'attention':\n                return html`<cre8-icon \n                svg='${svgInfoFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'neutral':\n                return html`<cre8-icon \n                svg='${svgHelpFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            default:\n                return nothing;\n        }\n    }\n\n    render() {\n        const componentClassNames = this.componentClassNames('cre8-c-inline-alert', {\n            'cre8-c-inline-alert--transparent': this.variant === 'transparent',\n            'cre8-c-inline-alert--error': this.status === 'error',\n            'cre8-c-inline-alert--warning': this.status === 'warning',\n            'cre8-c-inline-alert--success': this.status === 'success',\n            'cre8-c-inline-alert--attention': this.status === 'attention',\n            'cre8-c-inline-alert--neutral': this.status === 'neutral',\n            'cre8-c-inline-alert--help': this.status === 'help',\n            'cre8-c-inline-alert--info': this.status === 'info',\n            'cre8-c-inline-alert--full-width': this.fullWidth,\n        });\n\n        return html`\n        <div class=\"${componentClassNames}\">\n            ${this.iconName || this.status\n        ? html` ${this.mapStatusToIconInlineAlert(this.status)}`\n        : ''\n}\n            <div class=\"cre8-c-inline-alert__body\">\n                <slot></slot>\n            </div>\n        </div>\n        `;\n    }\n}\n\nif (customElements.get('cre8-inline-alert') === undefined) {\n    customElements.define('cre8-inline-alert', Cre8InlineAlert);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'cre8-inline-alert': Cre8InlineAlert;\n    }\n}\n\nexport default Cre8InlineAlert;\n"]}
+{"version":3,"file":"inline-alert.js","sourceRoot":"","sources":["../../../components/inline-alert/inline-alert.ts"],"names":[],"mappings":"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","sourcesContent":["import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';\nimport svgErrorFilled from '@tmorrow/cre8-wc/icons/Error_Filled.svg?raw';\nimport svgHelpFilled from '@tmorrow/cre8-wc/icons/Help_Filled.svg?raw';\nimport { html, nothing,  } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './inline-alert.styles.js';\nimport '../icon/icon';\n\n/**\n * In cases when it is necessary to alert the user but a less strong message that cannot be dismissed is desired,\n * use an in-line contextual alert message as the least \"severe\" message type.\n * These can be displayed anywhere on the page, but should never cover content.\n * Inline alerts do not include a title or close capability and are considered minimally intrusive user messaging.\n *\n * @slot - The component content\n */\nexport class Cre8InlineAlert extends Cre8Element {\n    static styles = [styles];\n\n    /**\n     *  DEPRECATED: Icon name used for the icon before to the field note\n     * @deprecated\n    */\n    @property()\n        iconName?: string;\n\n    /**\n     * Full width Inline Alert\n     * @attr {boolean}\n     */\n    @property({ type: Boolean, reflect: true })\n        fullWidth?: boolean;\n\n    /**\n     * Icon title used for the icon alt text\n     */\n    @property()\n        iconTitle?: string;\n\n    /**\n     * Variant\n     * - **subtle** (default) renders an alert message in a padded container with a with a border and background color\n     * - **transparent** renders an alert message with no padded container, border, or background color\n     */\n    @property()\n        variant: 'transparent' | 'subtle' = 'subtle';\n\n    /**\n     * Status\n     * - **default** renders an inline alert with the brand colors\n     * - **error** renders an inline alert with an error state\n     * - **warning** renders an inline alert with a warning state\n     * - **success** renders an inline alert with a success state\n     * - **attention** renders an inline alert with an attention state\n     * - **neutral** renders an inline alert with a nuetral state\n     */\n    @property({ type: String })\n        status?: 'error' | 'warning' | 'success' | 'attention' | 'neutral' | 'help' | 'info' = 'info';\n\n    /*\n    * Maps modal icons and modal status variants to what the alt text of the related icon should be see:\n    *#\n    * this provides the recommendated alt text of different statuses\n    */\n    private mapStatusToIconInlineAlert(status: string) {\n        switch (status) {\n            case 'error':\n                return html`<cre8-icon \n                svg='${svgErrorFilled}' \n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'success':\n                return html`<cre8-icon \n                svg='${svgCheckCircle}' \n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'warning':\n                return html`<cre8-icon \n                svg='${svgWarningFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'help':\n                return html`<cre8-icon \n                svg='${svgHelpFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'info':\n                return html`<cre8-icon \n                svg='${svgInfoFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'attention':\n                return html`<cre8-icon \n                svg='${svgInfoFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            case 'neutral':\n                return html`<cre8-icon \n                svg='${svgHelpFilled}'\n                aria-label=\"${this.iconTitle}\"\n                aria-hidden=\"true\"\n                class=\"cre8-c-inline-alert__icon\"></cre8-icon>`;\n            default:\n                return nothing;\n        }\n    }\n\n    render() {\n        const componentClassNames = this.componentClassNames('cre8-c-inline-alert', {\n            'cre8-c-inline-alert--transparent': this.variant === 'transparent',\n            'cre8-c-inline-alert--error': this.status === 'error',\n            'cre8-c-inline-alert--warning': this.status === 'warning',\n            'cre8-c-inline-alert--success': this.status === 'success',\n            'cre8-c-inline-alert--attention': this.status === 'attention',\n            'cre8-c-inline-alert--neutral': this.status === 'neutral',\n            'cre8-c-inline-alert--help': this.status === 'help',\n            'cre8-c-inline-alert--info': this.status === 'info',\n            'cre8-c-inline-alert--full-width': this.fullWidth,\n        });\n\n        return html`\n        <div class=\"${componentClassNames}\">\n            ${this.iconName || this.status\n        ? html` ${this.mapStatusToIconInlineAlert(this.status)}`\n        : ''\n}\n            <div class=\"cre8-c-inline-alert__body\">\n                <slot></slot>\n            </div>\n        </div>\n        `;\n    }\n}\n\nif (customElements.get('cre8-inline-alert') === undefined) {\n    customElements.define('cre8-inline-alert', Cre8InlineAlert);\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'cre8-inline-alert': Cre8InlineAlert;\n    }\n}\n\nexport default Cre8InlineAlert;\n"]}

package/lib/components/link/link.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import svgArrowLeft from '@tmorrow/cre8-wc/icons/System/Filled/Arrow_-_Left.svg?raw';
+import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left_Filled.svg?raw';
 import { html, nothing, } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';

package/lib/components/link/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../components/link/link.ts"],"names":[],"mappings":"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","sourcesContent":["import svgArrowLeft from '@tmorrow/cre8-wc/icons/System/Filled/Arrow_-_Left.svg?raw';\nimport {\n    html, nothing,\n} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './link.styles.js';\n\n/**\n * Link Component are strictly used in the case where the component will take\n * the user away from the current page to a new url.\n * In this vein, this component should ONLY be used in situations an anchor tag would be used (an href is required)\n * This goes for the variations as well such as the Call To Action Link\n *\n * **Note**\n *\n * For link with icon:\n * - **iconRotateDegree** & **iconFlipDirection** props are optional.\n * - They are used to set up the correct direction for icons, for example,\n * arrows, caret up or caret down.\n *\n*/\n\nexport class Cre8Link extends Cre8Element {\n    static styles = [styles];\n\n  /**\n   * Href attribute of the anchor tag\n   */\n  @property()\n      href: string;\n\n  /**\n   * Rel attribute of the anchor tag\n   */\n  @property()\n      rel?: string;\n\n  /**\n   * Target attribute for a link (i.e. set to _blank to open in new tab)\n   * - **_blank** yields a link that opens in a new tab\n   * - **_self** yields a link that loads the URL into the same browsing context as the current one.\n   *   This is the default behavior\n   * - **_parent** yields a link that loads the URL into the parent browsing context of the current one.\n   *   If there is no parent, this behaves the same way as _self\n   * - **_top** yields a link that loads the URL into the top-level browsing context.\n   *   If there is no parent, this behaves the same way as _self.\n   */\n  @property()\n      target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * DEPRECATED: Icon name, use svg instead\n   * @deprecated\n   */\n  @property()\n      iconName?: string;\n\n  /**\n   * svg as a raw string\n   * - For links with icon, the icon is defined by this prop.\n   * - Pass in a raw svg as a String for using <cre8-icon>\n   */\n  @property()\n      svg?: string;\n\n  /**\n   * iconRotateDegree is used for <cre8-icon> to set the arrow in the correct direction\n   */\n  @property({ type: Number })\n      iconRotateDegree?: number = 0;\n\n  /**\n   * iconFlipDirection is used for <cre8-icon> to set the icon in the correct direction\n   */\n  @property()\n      iconFlipDirection?: string;\n\n  /**\n   * Icon position\n   * - **before** places the icon before the button text\n   * - **after** places the icon after the button text\n   */\n  @property()\n      iconPosition?: 'before' | 'after' = undefined;\n\n  /**\n   * Call To Action Icon\n   */\n  @property()\n      ctaIcon = 'arrow-forward';\n\n  /**\n   * Call To Action Link\n   */\n  @property({ type: Boolean })\n      ctaLink?: boolean;\n\n  /**\n   * Link with no underline\n   */\n  @property({ type: Boolean })\n      noUnderline?: boolean;\n\n  /**\n   * Size variant (default is medium)\n   * - **sm** shrinks the link typography and overall size\n   * - **lg** increases the link typography size and overall size\n   */\n  @property()\n      size?: 'sm' | 'lg';\n\n  /**\n   * Inverted colors Link (onDark)\n   */\n  @property({ type: Boolean })\n      inverted?: boolean;\n\n  private generateIcon() {\n      if (this.iconName) {\n          return html`\n          <div class=\"cre8-c-link__icon-wrapper\">\n            <cre8-icon-legacy\n              class=\"cre8-c-link__icon ${this.iconPosition}\"\n              aria-hidden=\"true\"\n              name=\"${ifDefined(this.iconName)}\">\n            </cre8-icon-legacy>\n          </div>`;\n      }\n\n      if (this.svg) {\n          return html`\n          <div class=\"cre8-c-link__icon-wrapper\">\n            <cre8-icon\n              class=\"cre8-c-link__icon ${this.iconPosition}\"\n              aria-hidden=\"true\"\n              svg='${this.svg}' rotate=\"${Number(this.iconRotateDegree)}\" flip=\"${this.iconFlipDirection}\">\n            </cre8-icon>\n          </div>`;\n      } return nothing;\n  }\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-link', {\n          'cre8-c-link--inverted': this.inverted,\n          'cre8-c-link--sm': this.size === 'sm',\n          'cre8-c-link--lg': this.size === 'lg',\n          'cre8-c-link__no-underline': this.noUnderline,\n      });\n\n      return html`\n      <a\n        class=\"${componentClassNames}\"\n        href=\"${ifDefined(this.href)}\"\n        rel=\"${ifDefined(this.rel)}\"\n        target=\"${ifDefined(this.target)}\"\n      >\n        <div class=\"cre8-c-link__text-area\">\n          ${this.iconPosition === 'before'\n        ? html`${this.generateIcon()}`\n        : nothing}\n          <span class=\"cre8-c-link__text\">\n            <slot></slot>\n          </span>\n          ${this.iconPosition === 'after'\n        ? html`${this.generateIcon()}`\n        : nothing}\n        </div>\n        <div class=\"cre8-c-link__variation\">\n          <slot name=\"badge\"></slot>\n          ${this.ctaLink\n        ? html`<div class=\"cre8-c-link__cta-wrapper\">\n                <cre8-icon class=\"cre8-c-link__action\" svg='${svgArrowLeft}' \n                rotate=\"180\" aria-hidden=\"true\"></cre8-icon>\n              </div>`\n        : nothing}\n        </div>\n      </a>\n    `;\n  }\n}\n\nif (customElements.get('cre8-link') === undefined) {\n    customElements.define('cre8-link', Cre8Link);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-link': Cre8Link;\n  }\n}\n\nexport default Cre8Link;\n"]}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../components/link/link.ts"],"names":[],"mappings":"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","sourcesContent":["import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left_Filled.svg?raw';\nimport {\n    html, nothing,\n} from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { Cre8Element } from '../cre8-element';\nimport styles from './link.styles.js';\n\n/**\n * Link Component are strictly used in the case where the component will take\n * the user away from the current page to a new url.\n * In this vein, this component should ONLY be used in situations an anchor tag would be used (an href is required)\n * This goes for the variations as well such as the Call To Action Link\n *\n * **Note**\n *\n * For link with icon:\n * - **iconRotateDegree** & **iconFlipDirection** props are optional.\n * - They are used to set up the correct direction for icons, for example,\n * arrows, caret up or caret down.\n *\n*/\n\nexport class Cre8Link extends Cre8Element {\n    static styles = [styles];\n\n  /**\n   * Href attribute of the anchor tag\n   */\n  @property()\n      href: string;\n\n  /**\n   * Rel attribute of the anchor tag\n   */\n  @property()\n      rel?: string;\n\n  /**\n   * Target attribute for a link (i.e. set to _blank to open in new tab)\n   * - **_blank** yields a link that opens in a new tab\n   * - **_self** yields a link that loads the URL into the same browsing context as the current one.\n   *   This is the default behavior\n   * - **_parent** yields a link that loads the URL into the parent browsing context of the current one.\n   *   If there is no parent, this behaves the same way as _self\n   * - **_top** yields a link that loads the URL into the top-level browsing context.\n   *   If there is no parent, this behaves the same way as _self.\n   */\n  @property()\n      target?: '_blank' | '_self' | '_parent' | '_top';\n\n  /**\n   * DEPRECATED: Icon name, use svg instead\n   * @deprecated\n   */\n  @property()\n      iconName?: string;\n\n  /**\n   * svg as a raw string\n   * - For links with icon, the icon is defined by this prop.\n   * - Pass in a raw svg as a String for using <cre8-icon>\n   */\n  @property()\n      svg?: string;\n\n  /**\n   * iconRotateDegree is used for <cre8-icon> to set the arrow in the correct direction\n   */\n  @property({ type: Number })\n      iconRotateDegree?: number = 0;\n\n  /**\n   * iconFlipDirection is used for <cre8-icon> to set the icon in the correct direction\n   */\n  @property()\n      iconFlipDirection?: string;\n\n  /**\n   * Icon position\n   * - **before** places the icon before the button text\n   * - **after** places the icon after the button text\n   */\n  @property()\n      iconPosition?: 'before' | 'after' = undefined;\n\n  /**\n   * Call To Action Icon\n   */\n  @property()\n      ctaIcon = 'arrow-forward';\n\n  /**\n   * Call To Action Link\n   */\n  @property({ type: Boolean })\n      ctaLink?: boolean;\n\n  /**\n   * Link with no underline\n   */\n  @property({ type: Boolean })\n      noUnderline?: boolean;\n\n  /**\n   * Size variant (default is medium)\n   * - **sm** shrinks the link typography and overall size\n   * - **lg** increases the link typography size and overall size\n   */\n  @property()\n      size?: 'sm' | 'lg';\n\n  /**\n   * Inverted colors Link (onDark)\n   */\n  @property({ type: Boolean })\n      inverted?: boolean;\n\n  private generateIcon() {\n      if (this.iconName) {\n          return html`\n          <div class=\"cre8-c-link__icon-wrapper\">\n            <cre8-icon-legacy\n              class=\"cre8-c-link__icon ${this.iconPosition}\"\n              aria-hidden=\"true\"\n              name=\"${ifDefined(this.iconName)}\">\n            </cre8-icon-legacy>\n          </div>`;\n      }\n\n      if (this.svg) {\n          return html`\n          <div class=\"cre8-c-link__icon-wrapper\">\n            <cre8-icon\n              class=\"cre8-c-link__icon ${this.iconPosition}\"\n              aria-hidden=\"true\"\n              svg='${this.svg}' rotate=\"${Number(this.iconRotateDegree)}\" flip=\"${this.iconFlipDirection}\">\n            </cre8-icon>\n          </div>`;\n      } return nothing;\n  }\n\n  render() {\n      const componentClassNames = this.componentClassNames('cre8-c-link', {\n          'cre8-c-link--inverted': this.inverted,\n          'cre8-c-link--sm': this.size === 'sm',\n          'cre8-c-link--lg': this.size === 'lg',\n          'cre8-c-link__no-underline': this.noUnderline,\n      });\n\n      return html`\n      <a\n        class=\"${componentClassNames}\"\n        href=\"${ifDefined(this.href)}\"\n        rel=\"${ifDefined(this.rel)}\"\n        target=\"${ifDefined(this.target)}\"\n      >\n        <div class=\"cre8-c-link__text-area\">\n          ${this.iconPosition === 'before'\n        ? html`${this.generateIcon()}`\n        : nothing}\n          <span class=\"cre8-c-link__text\">\n            <slot></slot>\n          </span>\n          ${this.iconPosition === 'after'\n        ? html`${this.generateIcon()}`\n        : nothing}\n        </div>\n        <div class=\"cre8-c-link__variation\">\n          <slot name=\"badge\"></slot>\n          ${this.ctaLink\n        ? html`<div class=\"cre8-c-link__cta-wrapper\">\n                <cre8-icon class=\"cre8-c-link__action\" svg='${svgArrowLeft}' \n                rotate=\"180\" aria-hidden=\"true\"></cre8-icon>\n              </div>`\n        : nothing}\n        </div>\n      </a>\n    `;\n  }\n}\n\nif (customElements.get('cre8-link') === undefined) {\n    customElements.define('cre8-link', Cre8Link);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-link': Cre8Link;\n  }\n}\n\nexport default Cre8Link;\n"]}

package/lib/components/modal/modal.js

@@ -6,12 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, } from 'lit';
 import { property, query } from 'lit/decorators.js';
-import svgError from '@tmorrow/cre8-wc/icons/System/Regular/Error.svg?raw';
-import svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';
-import svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';
-import svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';
-import svgHelp from '@tmorrow/cre8-wc/icons/System/Regular/Help.svg?raw';
-import svgClose from '@tmorrow/cre8-wc/icons/System/Regular/Close.svg?raw';
+import svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';
+import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';
+import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';
+import svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';
+import svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';
+import svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';
 import { Cre8Element } from '../cre8-element';
 import '../icon/icon.js';
 import '@a11y/focus-trap';

package/lib/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../components/modal/modal.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues, html, } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport svgError from '@tmorrow/cre8-wc/icons/System/Regular/Error.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/System/Filled/Warning.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/System/Filled/Check.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/System/Filled/Info.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/System/Regular/Help.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/System/Regular/Close.svg?raw';\nimport { Cre8Element } from '../cre8-element';\nimport '../icon/icon.js';\nimport '@a11y/focus-trap';\nimport styles from './modal.styles.js';\n\n/**\n * Modal component should be used in all modal situations.\n * It is natuarally composable and can even have a custom header and remove the close button.\n * (note: adding `slot=\"header\"` will insert the given element into the header section of the modal,\n * same for `slot=\"footer\"` and no given slot name will inset it into the body)\n *\n * If it is desired to create a utility modal. Cre8Modal requires a status value (see props table below,\n * and a UtilityModalTitle since all utility modals have a cre8-heading)\n * @slot - The component content\n */\nexport class Cre8Modal extends Cre8Element {\n    static styles = [styles];\n\n    /**\n     * Query the modal window\n     */\n    @query('.cre8-c-modal__window')\n    _modalWindow: HTMLDivElement;\n\n    /**\n     * Is Active attribute\n     */\n    @property({ type: Boolean, reflect: true })\n    isActive?: boolean;\n\n    /**\n     * Status Types\n     * <cre8-text-passage size=\"sm\">\n     * <ul>\n     * <li>**default (no value)** renders a default modal</li>\n     * <li>**error** renders an error modal</li>\n     * <li>**warning** renders a warning modal</li>\n     * <li>**success** renders a success modal</li>\n     * <li>**info** renders an info modal</li>\n     * <li>**help** renders an help modal</li>\n     * </ul>\n     * </cre8-text-passage>\n     */\n    @property()\n    status?: 'error' | 'warning' | 'success' | 'info' | 'help';\n\n    /**\n     * Utility Modal Heading (String)\n     */\n    @property()\n    utilityModalTitle: string;\n\n    /**\n     * Not dismissible modal\n     */\n    @property({ type: Boolean, reflect: true })\n    notDismissible?: boolean;\n\n    /**\n     * Close Button Text\n     */\n    @property()\n    closeButtonText: string = 'close';\n\n    /**\n     * Close Button Icon\n     */\n    @property()\n    closeButtonIcon: string = 'close';\n\n    /**\n     * Modal Aria Label - This is required for accessibility and provides context of the entire modal!\n     */\n    @property()\n    ariaLabel: string;\n\n    /**\n     * Handle keydown\n     * 1) Close the modal when escape is hit when the user is focused within the modal\n     */\n    handleKeydown(e: KeyboardEvent) {\n        if (e.code === 'Escape' && !this.notDismissible) {\n            this.handleCloseModal(); /* 2 */\n        }\n    }\n\n    /**\n     * Handle on close\n     * 1) On close, set the modal to not active and dispatch event telling the parent the modal was closed.\n     */\n    handleCloseModal() {\n        this.isActive = false;\n        this.dispatch({\n            eventName: 'close-modal',\n            detailObj: {\n                isActive: this.isActive,\n            },\n        });\n    }\n\n    /**\n     * Handle \"click outside\"\n     * 1) onClick of the area around the modal window, close the modal.\n     */\n\n    handleOnClickOutside(e: Event) {\n        const eventTarget = e.target as HTMLElement;\n        if (this.isActive && this._modalWindow && eventTarget.classList.contains('cre8-c-modal') && !this.notDismissible) {\n            this.handleCloseModal();\n        }\n    }\n\n    /**\n     * Lifecycle method to focus on modal\n     * 1) If there is a changed property, and this.isActive === true, then focus on the modal window.\n     * 2) Disable the body from scrolling behind while the modal is open.\n     */\n\n    updated(changedProperties: PropertyValues<this>) {\n        if (this.isActive === true) {\n            setTimeout(() => {\n                this._modalWindow.focus();\n            }, 200);\n        } /* 1 */\n\n        if (changedProperties.has('isActive')) {\n            const body = document.querySelector('body');\n            if (this.isActive) {\n                body.style.overflow = 'hidden';\n            } else {\n                body.style.removeProperty('overflow');\n            }\n        } /* 2 */\n    }\n\n    /*\n    * Maps modal icons and modal status variants to what the alt text of the related icon should be\n    * see: (https://digital.#.com/patterns-and-Components/informational-display/alerts-and-notifications#query=alerts)\n    * this provides the recommendated alt text of different statuses\n    */\n    mapStatusToIconModal = (status: string) => {\n        switch (status) {\n            case 'error':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgError} aria-hidden='true'></cre8-icon>`;\n            case 'success':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgCheckCircle} aria-hidden='true'></cre8-icon>`;\n            case 'warning':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgWarningFilled} aria-hidden='true'></cre8-icon>`;\n            case 'help':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgHelp} aria-hidden='true'></cre8-icon>`;\n            case 'info':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgInfoFilled} aria-hidden='true'></cre8-icon>`;\n            default:\n                return null;\n        }\n    };\n\n    /**\n     * Lifecycle method on removal from the DOM\n     * Removed body overflow and handle close (isActive set to false)\n     */\n    disconnectedCallback() {\n        this.isActive = false;\n        const body = document.querySelector('body');\n        body.style.removeProperty('overflow');\n    }\n\n    render() {\n        const componentClassNames = this.componentClassNames('cre8-c-modal', {\n            'cre8-is-active': this.isActive,\n            'cre8-c-modal--error': this.status === 'error',\n            'cre8-c-modal--warning': this.status === 'warning',\n            'cre8-c-modal--success': this.status === 'success',\n            'cre8-c-modal--info': this.status === 'info',\n            'cre8-c-modal--help': this.status === 'help',\n        });\n\n        return html`\n    <div class=\"${componentClassNames}\" @click=\"${this.handleOnClickOutside}\" @keydown=${this.handleKeydown}>\n    <focus-trap class=\"cre8-c-modal__focus-trap\" ?inactive=${!this.isActive}>\n        <div class=\"cre8-c-modal__window\" role=\"dialog\" aria-label=${this.ariaLabel} tabindex=${this.isActive ? 0 : -1}>\n        <div class=\"cre8-c-modal__header\">\n            ${this.status\n                ? html`<div class=\"cre8-c-modal__header-inner\">\n                ${this.mapStatusToIconModal(this.status)}\n                <cre8-heading type=\"title-large\" ?brandColor=${true}>${this.utilityModalTitle}</cre8-heading>\n                </div>`\n                : html`<slot name=\"header\"></slot>`}\n        ${!this.notDismissible\n                ? html`<cre8-button\n                class=\"cre8-c-modal__close-button\"\n                variant=\"tertiary\"\n                svg=${svgClose}\n                iconPosition=\"after\"\n                ?inverted=${!this.status}\n                @click=${this.handleCloseModal}\n                ></cre8-button>`\n                : ''}\n        </div>\n        <div class=\"cre8-c-modal__body\">\n            <slot></slot>\n        </div>\n        ${this.slotNotEmpty('footer') && html`<div class=\"cre8-c-modal__footer\"><slot name=\"footer\"></slot></div>`}\n        </div>\n    </focus-trap>\n    </div>\n`;\n    }\n}\n\nif (customElements.get('cre8-modal') === undefined) {\n    customElements.define('cre8-modal', Cre8Modal);\n}\n\nexport interface CloseModalEvent extends CustomEvent<{ isActive: boolean }> {\n    type: 'close-modal';\n    currentTarget: Cre8Modal;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'cre8-modal': Cre8Modal;\n    }\n}\n"]}
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../components/modal/modal.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues, html, } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport svgError from '@tmorrow/cre8-wc/icons/Error.svg?raw';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg?raw';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg?raw';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg?raw';\nimport svgHelp from '@tmorrow/cre8-wc/icons/Help.svg?raw';\nimport svgClose from '@tmorrow/cre8-wc/icons/Close.svg?raw';\nimport { Cre8Element } from '../cre8-element';\nimport '../icon/icon.js';\nimport '@a11y/focus-trap';\nimport styles from './modal.styles.js';\n\n/**\n * Modal component should be used in all modal situations.\n * It is natuarally composable and can even have a custom header and remove the close button.\n * (note: adding `slot=\"header\"` will insert the given element into the header section of the modal,\n * same for `slot=\"footer\"` and no given slot name will inset it into the body)\n *\n * If it is desired to create a utility modal. Cre8Modal requires a status value (see props table below,\n * and a UtilityModalTitle since all utility modals have a cre8-heading)\n * @slot - The component content\n */\nexport class Cre8Modal extends Cre8Element {\n    static styles = [styles];\n\n    /**\n     * Query the modal window\n     */\n    @query('.cre8-c-modal__window')\n    _modalWindow: HTMLDivElement;\n\n    /**\n     * Is Active attribute\n     */\n    @property({ type: Boolean, reflect: true })\n    isActive?: boolean;\n\n    /**\n     * Status Types\n     * <cre8-text-passage size=\"sm\">\n     * <ul>\n     * <li>**default (no value)** renders a default modal</li>\n     * <li>**error** renders an error modal</li>\n     * <li>**warning** renders a warning modal</li>\n     * <li>**success** renders a success modal</li>\n     * <li>**info** renders an info modal</li>\n     * <li>**help** renders an help modal</li>\n     * </ul>\n     * </cre8-text-passage>\n     */\n    @property()\n    status?: 'error' | 'warning' | 'success' | 'info' | 'help';\n\n    /**\n     * Utility Modal Heading (String)\n     */\n    @property()\n    utilityModalTitle: string;\n\n    /**\n     * Not dismissible modal\n     */\n    @property({ type: Boolean, reflect: true })\n    notDismissible?: boolean;\n\n    /**\n     * Close Button Text\n     */\n    @property()\n    closeButtonText: string = 'close';\n\n    /**\n     * Close Button Icon\n     */\n    @property()\n    closeButtonIcon: string = 'close';\n\n    /**\n     * Modal Aria Label - This is required for accessibility and provides context of the entire modal!\n     */\n    @property()\n    ariaLabel: string;\n\n    /**\n     * Handle keydown\n     * 1) Close the modal when escape is hit when the user is focused within the modal\n     */\n    handleKeydown(e: KeyboardEvent) {\n        if (e.code === 'Escape' && !this.notDismissible) {\n            this.handleCloseModal(); /* 2 */\n        }\n    }\n\n    /**\n     * Handle on close\n     * 1) On close, set the modal to not active and dispatch event telling the parent the modal was closed.\n     */\n    handleCloseModal() {\n        this.isActive = false;\n        this.dispatch({\n            eventName: 'close-modal',\n            detailObj: {\n                isActive: this.isActive,\n            },\n        });\n    }\n\n    /**\n     * Handle \"click outside\"\n     * 1) onClick of the area around the modal window, close the modal.\n     */\n\n    handleOnClickOutside(e: Event) {\n        const eventTarget = e.target as HTMLElement;\n        if (this.isActive && this._modalWindow && eventTarget.classList.contains('cre8-c-modal') && !this.notDismissible) {\n            this.handleCloseModal();\n        }\n    }\n\n    /**\n     * Lifecycle method to focus on modal\n     * 1) If there is a changed property, and this.isActive === true, then focus on the modal window.\n     * 2) Disable the body from scrolling behind while the modal is open.\n     */\n\n    updated(changedProperties: PropertyValues<this>) {\n        if (this.isActive === true) {\n            setTimeout(() => {\n                this._modalWindow.focus();\n            }, 200);\n        } /* 1 */\n\n        if (changedProperties.has('isActive')) {\n            const body = document.querySelector('body');\n            if (this.isActive) {\n                body.style.overflow = 'hidden';\n            } else {\n                body.style.removeProperty('overflow');\n            }\n        } /* 2 */\n    }\n\n    /*\n    * Maps modal icons and modal status variants to what the alt text of the related icon should be\n    * see: (https://digital.#.com/patterns-and-Components/informational-display/alerts-and-notifications#query=alerts)\n    * this provides the recommendated alt text of different statuses\n    */\n    mapStatusToIconModal = (status: string) => {\n        switch (status) {\n            case 'error':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgError} aria-hidden='true'></cre8-icon>`;\n            case 'success':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgCheckCircle} aria-hidden='true'></cre8-icon>`;\n            case 'warning':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgWarningFilled} aria-hidden='true'></cre8-icon>`;\n            case 'help':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgHelp} aria-hidden='true'></cre8-icon>`;\n            case 'info':\n                return html`<cre8-icon class=\"cre8-modal-icon\" svg=${svgInfoFilled} aria-hidden='true'></cre8-icon>`;\n            default:\n                return null;\n        }\n    };\n\n    /**\n     * Lifecycle method on removal from the DOM\n     * Removed body overflow and handle close (isActive set to false)\n     */\n    disconnectedCallback() {\n        this.isActive = false;\n        const body = document.querySelector('body');\n        body.style.removeProperty('overflow');\n    }\n\n    render() {\n        const componentClassNames = this.componentClassNames('cre8-c-modal', {\n            'cre8-is-active': this.isActive,\n            'cre8-c-modal--error': this.status === 'error',\n            'cre8-c-modal--warning': this.status === 'warning',\n            'cre8-c-modal--success': this.status === 'success',\n            'cre8-c-modal--info': this.status === 'info',\n            'cre8-c-modal--help': this.status === 'help',\n        });\n\n        return html`\n    <div class=\"${componentClassNames}\" @click=\"${this.handleOnClickOutside}\" @keydown=${this.handleKeydown}>\n    <focus-trap class=\"cre8-c-modal__focus-trap\" ?inactive=${!this.isActive}>\n        <div class=\"cre8-c-modal__window\" role=\"dialog\" aria-label=${this.ariaLabel} tabindex=${this.isActive ? 0 : -1}>\n        <div class=\"cre8-c-modal__header\">\n            ${this.status\n                ? html`<div class=\"cre8-c-modal__header-inner\">\n                ${this.mapStatusToIconModal(this.status)}\n                <cre8-heading type=\"title-large\" ?brandColor=${true}>${this.utilityModalTitle}</cre8-heading>\n                </div>`\n                : html`<slot name=\"header\"></slot>`}\n        ${!this.notDismissible\n                ? html`<cre8-button\n                class=\"cre8-c-modal__close-button\"\n                variant=\"tertiary\"\n                svg=${svgClose}\n                iconPosition=\"after\"\n                ?inverted=${!this.status}\n                @click=${this.handleCloseModal}\n                ></cre8-button>`\n                : ''}\n        </div>\n        <div class=\"cre8-c-modal__body\">\n            <slot></slot>\n        </div>\n        ${this.slotNotEmpty('footer') && html`<div class=\"cre8-c-modal__footer\"><slot name=\"footer\"></slot></div>`}\n        </div>\n    </focus-trap>\n    </div>\n`;\n    }\n}\n\nif (customElements.get('cre8-modal') === undefined) {\n    customElements.define('cre8-modal', Cre8Modal);\n}\n\nexport interface CloseModalEvent extends CustomEvent<{ isActive: boolean }> {\n    type: 'close-modal';\n    currentTarget: Cre8Modal;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'cre8-modal': Cre8Modal;\n    }\n}\n"]}

package/lib/components/multi-select/multi-select.js

@@ -12,8 +12,8 @@ import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { html, nothing, } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { nanoid } from 'nanoid';
-import svgCaretDown from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Down.svg?raw';
-import svgClear from '@tmorrow/cre8-wc/icons/System/Regular/Clear_X.svg?raw';
+import svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down.svg?raw';
+import svgClear from '@tmorrow/cre8-wc/icons/Clear_X.svg?raw';
 import styles from './multi-select.styles.js';
 import { Cre8Element } from '../cre8-element';
 import '../remove-tag/remove-tag';

package/lib/components/multi-select/multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select.js","sourceRoot":"","sources":["../../../components/multi-select/multi-select.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\n/* eslint-disable no-duplicate-imports */\n/* eslint-disable lit/no-template-arrow */\n/* eslint-disable indent */\n\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, nothing, } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { nanoid } from 'nanoid';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Down.svg?raw';\nimport svgClear from '@tmorrow/cre8-wc/icons/System/Regular/Clear_X.svg?raw';\nimport styles from './multi-select.styles.js';\nimport { Cre8Element } from '../cre8-element';\nimport '../remove-tag/remove-tag';\nimport '../field-note/field-note';\nimport '../button/button';\nimport '../checkbox-field-item/checkbox-field-item';\n// eslint-disable-next-line import/no-named-as-default\nimport Cre8CheckboxFieldItem from '../checkbox-field-item/checkbox-field-item';\n\n/**\n * Multiselect is used when multiple options can be chosen from a static dropdown\n * This component has a list of items in the dropdown that can be added as \"selected tags\"\n * The checkbox will always reflect the selected nature of the item and is not removed\n * from the dropdown when clicked, the tags will be added and removed based on their state.\n *\n * Event `selectedItemsChange` emits whenever a tag is added or remove from the list and the\n * current list after the change is given in the detail.\n */\nexport class Cre8MultiSelect extends Cre8Element {\n  static styles = [styles];\n\n\n  /**\n   * The list of string items the user can choose in the dropdown\n   *\n   * Note: For passing props containing arrays and complex types, you should pass the props using a\n   * period in from of the prop like so: `.items=\"[]\"`\n   * (this is only needed for Web Components and not the React version)\n   * @attr {string[]}\n   */\n  @property({ type: Array })\n  items: string[] = [];\n\n  @state()\n  selectedTagItems: string[] = [];\n\n  /**\n   * The list of string items that are initially in the selected list of tags\n   * Note: This list MUST be a subset of the array of items to function.\n   * i.e. if items=['cat', 'dog', 'bird'], preselectedItems=['cat'] is valid\n   * while preselectedItems=['cat', 'goat'] is not and will break the component.\n   *\n   * Note: For passing props containing arrays and complex types, you should pass the props using a\n   * period in from of the prop like so: `.items=\"[]\"`\n   * (this is only needed for Web Components and not the React version)\n   * @attr {string[]}\n   */\n  @property({ type: Array })\n  preselectedItems: string[];\n\n  @state()\n  dropdownOpen: boolean = false;\n\n  /**\n   * The required label that appears above the multiselect\n   * @attr {string}\n   */\n  @property()\n  label: string;\n\n  /**\n   * The unique id of the select\n   * @attr {string}\n   */\n\n  @property()\n  fieldId?: string;\n\n  /**\n   * Optional field note text can be added to provide additional field guidance.\n   * @attr {string}\n   */\n  @property()\n  fieldNote?: string;\n\n  /**\n   * Used to connect the field note in text field to the text menu for accessibility\n   * @attr {string}\n   */\n  @property()\n  ariaDescribedBy?: string;\n\n  /**\n   * Additional aria-describedby connection to id for additional success and error notes to be accessible\n   * @attr {string}\n   */\n  @property()\n  validationAriaDescribedBy?: string;\n\n  /**\n   * The disabled attribute on the select\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled?: boolean;\n\n  /**\n   * Changes the component's treatment to represent an error state\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n  isError?: boolean;\n\n  /**\n   * The error field note that appears below the default field note\n   * @attr {string}\n   */\n  @property()\n  errorNote?: string;\n\n  /**\n   * Changes the component's treatment to represent a success state\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n  isSuccess?: boolean;\n\n  /**\n   * The success field note that appears below the default field note\n   * @attr {string}\n   */\n  @property()\n  successNote?: string;\n\n  /* Life Cycle Methods */\n\n  constructor() {\n    super();\n    this._handleOnClick = this._handleOnClick.bind(this);\n  }\n\n  firstUpdated() {\n    if (this.preselectedItems) this.setPreselectedItemsinDropdown();\n    this.selectedTagItems = this.preselectedItems || [];\n    this._initializeAria();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('click', this._handleOnClick, false);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('click', this._handleOnClick, false);\n  }\n\n  /* HTML Content functions */\n\n  private _renderDropdownItems() {\n    return this.items.map(\n      // Note: Keyboard can already navigate to the checkbox\n      // eslint-disable-next-line lit-a11y/click-events-have-key-events\n      (item, index) => html`<li\n        @click=\"${(e: MouseEvent) => this._handleListItemClick(e, index)}\"\n      >\n        <cre8-checkbox-field-item\n          .checked=\"${!!this.selectedTagItems.includes(item)}\"\n          label=${item}\n          id=${index}\n          @input=\"${(e: InputEvent) => this._handleDropdownItemInput(item, e)}\"\n        >\n        </cre8-checkbox-field-item>\n      </li>`\n    );\n  }\n\n  private _renderSelectedTags() {\n    if (!this.selectedTagItems.length) {\n      return nothing;\n    }\n    return this.selectedTagItems.map(\n      (item) => html`<li>\n        <cre8-remove-tag\n          text=\"${item}\"\n          color=\"neutral\"\n          shape=\"square\"\n          ?disabled=\"${this.disabled}\"\n          @removeTagClicked=\"${() => this._handleRemoveTagClick(item)}\"\n        ></cre8-remove-tag>\n      </li>`\n    );\n  }\n\n  /* Helper Functions */\n\n  private setPreselectedItemsinDropdown() {\n    this.preselectedItems.forEach((item) => {\n      this.selectedTagItems = this.selectedTagItems.concat(item);\n    });\n  }\n\n  private clearAllTags() {\n    if (!this.disabled) {\n      if (this.dropdownOpen) {\n        this.selectedTagItems.forEach((item) => {\n          this.shadowRoot\n            ?.querySelector(`cre8-checkbox-field-item[label=\"${item}\"]`)\n            .shadowRoot?.querySelector('input')\n            .click();\n        });\n      }\n      this.selectedTagItems = [];\n\n      this.emitSelectedItems();\n    }\n  }\n\n  private emitSelectedItems(): void {\n    const customEvent = new CustomEvent('selectedItemsChange', {\n      detail: {\n        selectedItems: this.selectedTagItems,\n      },\n      bubbles: true,\n      composed: true,\n    });\n    this.dispatchEvent(customEvent);\n  }\n\n  private toggleDropDown(): void {\n    this.dropdownOpen = !this.dropdownOpen;\n  }\n\n  /* Click Event Functions */\n\n  private _handleOnClick(event?: MouseEvent) {\n    if (!this.shadowRoot?.host) {\n      throw Error(\n        'Could not determine navigation context during click handler'\n      );\n    }\n\n    const didClickInside = event.composedPath().includes(this.shadowRoot.host);\n    const label = this.renderRoot.querySelector(\n      '.cre8-c-multi-select__label'\n    );\n    const buttonsWrapper = this.renderRoot.querySelector(\n      '.cre8-c-multi-select__icons-wrapper'\n    );\n    const removeTagWrapper = this.shadowRoot?.querySelector(\n      '.cre8-c-multi-select__tag-wrapper'\n    );\n    const dropdownWrapper = this.shadowRoot?.querySelector(\n      '.cre8-c-multi-select__dropdown'\n    );\n\n    if (!didClickInside) {\n      this.dropdownOpen = false;\n    } else if (\n      !event.composedPath().includes(label)\n      && !event.composedPath().includes(removeTagWrapper)\n      && !event.composedPath().includes(buttonsWrapper)\n      && !event.composedPath().includes(dropdownWrapper)\n      && !this.disabled\n    ) {\n      this.toggleDropDown();\n    }\n  }\n\n  private _handleListItemClick(e: MouseEvent, index: number) {\n    if (\n      e.target\n      !== this.shadowRoot?.querySelector(`cre8-checkbox-field-item[id=\"${index}\"]`)\n    ) {\n      this.shadowRoot\n        ?.querySelector(`cre8-checkbox-field-item[id=\"${index}\"]`)\n        .shadowRoot?.querySelector('input')\n        .click();\n    }\n  }\n\n  private _handleDropdownItemInput(item: string, e: InputEvent) {\n    const targetCheckbox = e.target as Cre8CheckboxFieldItem;\n\n    if (targetCheckbox.checked) {\n      this.selectedTagItems = this.selectedTagItems.concat(item);\n    } else {\n      this.selectedTagItems = this.selectedTagItems.filter((i) => i !== item);\n    }\n\n    this.emitSelectedItems();\n  }\n\n  private async _handleRemoveTagClick(item: string) {\n    if (!this.disabled) {\n      this.selectedTagItems = this.selectedTagItems.filter((i) => i !== item);\n      this.shadowRoot\n        ?.querySelector(`cre8-checkbox-field-item[label=\"${item}\"]`)\n        .shadowRoot?.querySelector('input')\n        .click();\n      await this.updateComplete;\n\n      this.emitSelectedItems();\n    }\n  }\n\n  private dropdownArrowClick() {\n    if (!this.disabled) {\n      this.toggleDropDown();\n    }\n  }\n\n  private _handleButtonToListKeydown(e: KeyboardEvent): void {\n    if (e.code === 'Escape') {\n      e.preventDefault();\n      this.toggleDropDown();\n    }\n  }\n\n\n  private _handleListKeydown(e: KeyboardEvent) {\n    if (e.code === 'Escape') {\n      e.preventDefault();\n      this.toggleDropDown();\n    }\n  }\n\n  private _initializeAria() {\n    this.fieldId = this.fieldId || nanoid();\n    if (this.fieldNote || this.slotNotEmpty('fieldNote')) {\n      this.ariaDescribedBy = this.ariaDescribedBy || nanoid();\n    }\n    if (this.successNote || this.errorNote) {\n      this.validationAriaDescribedBy = this.validationAriaDescribedBy || nanoid();\n    }\n  }\n\n  /**\n   * Aria describedby string based on field notes and error/success notes\n   * 1) If both validationAriaDescribedBy (error/success note) and field note exists,\n   * render both in the input's `aria-describedby` attribute\n   * 2) Otherwise, if only validationAriaDescribedBy exists, then render only that as\n   * the `aria-describedby` attribute (input without field note initially, but then error/success is added).\n   * 3) Otherwise, render only the `ariaDescribedBy` property (field note only)\n   */\n  private _fieldNoteAria() {\n    if (this.validationAriaDescribedBy && this.ariaDescribedBy) {\n      return `${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`; /* 1 */\n    }\n    if (this.validationAriaDescribedBy && !this.ariaDescribedBy) {\n      return this.validationAriaDescribedBy; /* 2 */\n    }\n    return this.ariaDescribedBy; /* 3 */\n  }\n\n  /**\n   * Render the success or error field notes\n   * 1. If there is a successNote, then return the field note with the success message and state.\n   * 2. If there is a errorNote, then return the field note with the error message and state.\n   */\n  private _renderSuccessErrorFieldNote() {\n    if (this.successNote) {\n      /* 1 */\n      return html` <cre8-field-note\n        ?isSuccess=${this.isSuccess}\n        id=${this.validationAriaDescribedBy}\n        class=\"cre8-c-multi-select__field-note-success\"\n        iconName=\"success\"\n      >\n        ${this.successNote}\n      </cre8-field-note>`;\n    }\n    if (this.errorNote) {\n      /* 2 */\n      return html` <cre8-field-note\n        ?isError=${this.isError}\n        id=${this.validationAriaDescribedBy}\n        class=\"cre8-c-multi-select__field-note-error\"\n        iconName=\"error-alt\"\n      >\n        ${this.errorNote}\n      </cre8-field-note>`;\n    }\n    return null;\n  }\n\n  render() {\n    const componentClassNames = this.componentClassNames(\n      'cre8-c-multi-select',\n      {\n        'cre8-is-error': this.isError,\n        'cre8-is-success': this.isSuccess,\n        'cre8-is-disabled': this.disabled,\n        'cre8-c-multi-select--no-clear-icon': !this.selectedTagItems.length,\n      }\n    );\n\n    return html`\n      <div class=\"${componentClassNames}\">\n        <label class=\"cre8-c-multi-select__label\" id=\"${this.fieldId}\"\n          >${this.label}</label\n        >\n        <div class=\"cre8-c-multi-select__body\" ?disabled=${this.disabled}>\n          <div\n            class=\"cre8-c-multi-select__content\"\n            aria-describedby=\"${ifDefined(this._fieldNoteAria())}\"\n          >\n            <ul\n              class=\"cre8-c-multi-select__tag-wrapper\"\n              aria-label=\"selected items\"\n            >\n              ${this._renderSelectedTags()}\n            </ul>\n          </div>\n          <div class=\"cre8-c-multi-select__icons-wrapper\">\n            <cre8-button\n              ?hideText=${true}\n              svg=\"${svgClear}\"\n              text=\"Clear All\"\n              variant=\"tertiary\"\n              ?disabled=\"${this.disabled}\"\n              class=\"cre8-c-multi-select__clear_icon\"\n              @click=\"${this.clearAllTags}\"\n            >\n            </cre8-button>\n            <cre8-button\n              hideText\n              svg=${svgCaretDown}\n              variant=\"tertiary\"\n              ?disabled=\"${this.disabled}\"\n              class=\"cre8-c-multi-select__down_icon\"\n              @click=\"${this.dropdownArrowClick}\"\n              @keydown=\"${this._handleButtonToListKeydown}\"\n              aria-label=\"Open Dropdown\"\n              aria-expanded=\"${this.dropdownOpen}\"\n              aria-labelledby=\"${this.fieldId}\"\n            >\n            </cre8-button>\n          </div>\n        </div>\n        ${this.dropdownOpen\n        ? html`\n            <fieldset class=\"cre8-c-multi-select__dropdown\" aria-describedby=\"${this.fieldId}\">\n              <ul\n                aria-label=\"available items\"\n                @keydown=\"${this._handleListKeydown}\"\n              >\n                ${this._renderDropdownItems()}\n              </ul>\n            </fieldset>`\n        : nothing}\n      </div>\n      ${this.fieldNote || this.slotNotEmpty('fieldNote')\n        ? html`<cre8-field-note\n            id=${this.ariaDescribedBy}\n            class=\"cre8-c-multi-select__field-note\"\n          >\n            <slot name=\"fieldNote\">${this.fieldNote}</slot>\n          </cre8-field-note>`\n        : nothing}\n      ${this._renderSuccessErrorFieldNote()}\n    `;\n  }\n}\n\nif (customElements.get('cre8-multi-select') === undefined) {\n  customElements.define('cre8-multi-select', Cre8MultiSelect);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-multi-select': Cre8MultiSelect;\n  }\n}\n\nexport default Cre8MultiSelect;\n"]}
+{"version":3,"file":"multi-select.js","sourceRoot":"","sources":["../../../components/multi-select/multi-select.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable import/no-duplicates */\n/* eslint-disable no-duplicate-imports */\n/* eslint-disable lit/no-template-arrow */\n/* eslint-disable indent */\n\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, nothing, } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { nanoid } from 'nanoid';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down.svg?raw';\nimport svgClear from '@tmorrow/cre8-wc/icons/Clear_X.svg?raw';\nimport styles from './multi-select.styles.js';\nimport { Cre8Element } from '../cre8-element';\nimport '../remove-tag/remove-tag';\nimport '../field-note/field-note';\nimport '../button/button';\nimport '../checkbox-field-item/checkbox-field-item';\n// eslint-disable-next-line import/no-named-as-default\nimport Cre8CheckboxFieldItem from '../checkbox-field-item/checkbox-field-item';\n\n/**\n * Multiselect is used when multiple options can be chosen from a static dropdown\n * This component has a list of items in the dropdown that can be added as \"selected tags\"\n * The checkbox will always reflect the selected nature of the item and is not removed\n * from the dropdown when clicked, the tags will be added and removed based on their state.\n *\n * Event `selectedItemsChange` emits whenever a tag is added or remove from the list and the\n * current list after the change is given in the detail.\n */\nexport class Cre8MultiSelect extends Cre8Element {\n  static styles = [styles];\n\n\n  /**\n   * The list of string items the user can choose in the dropdown\n   *\n   * Note: For passing props containing arrays and complex types, you should pass the props using a\n   * period in from of the prop like so: `.items=\"[]\"`\n   * (this is only needed for Web Components and not the React version)\n   * @attr {string[]}\n   */\n  @property({ type: Array })\n  items: string[] = [];\n\n  @state()\n  selectedTagItems: string[] = [];\n\n  /**\n   * The list of string items that are initially in the selected list of tags\n   * Note: This list MUST be a subset of the array of items to function.\n   * i.e. if items=['cat', 'dog', 'bird'], preselectedItems=['cat'] is valid\n   * while preselectedItems=['cat', 'goat'] is not and will break the component.\n   *\n   * Note: For passing props containing arrays and complex types, you should pass the props using a\n   * period in from of the prop like so: `.items=\"[]\"`\n   * (this is only needed for Web Components and not the React version)\n   * @attr {string[]}\n   */\n  @property({ type: Array })\n  preselectedItems: string[];\n\n  @state()\n  dropdownOpen: boolean = false;\n\n  /**\n   * The required label that appears above the multiselect\n   * @attr {string}\n   */\n  @property()\n  label: string;\n\n  /**\n   * The unique id of the select\n   * @attr {string}\n   */\n\n  @property()\n  fieldId?: string;\n\n  /**\n   * Optional field note text can be added to provide additional field guidance.\n   * @attr {string}\n   */\n  @property()\n  fieldNote?: string;\n\n  /**\n   * Used to connect the field note in text field to the text menu for accessibility\n   * @attr {string}\n   */\n  @property()\n  ariaDescribedBy?: string;\n\n  /**\n   * Additional aria-describedby connection to id for additional success and error notes to be accessible\n   * @attr {string}\n   */\n  @property()\n  validationAriaDescribedBy?: string;\n\n  /**\n   * The disabled attribute on the select\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled?: boolean;\n\n  /**\n   * Changes the component's treatment to represent an error state\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n  isError?: boolean;\n\n  /**\n   * The error field note that appears below the default field note\n   * @attr {string}\n   */\n  @property()\n  errorNote?: string;\n\n  /**\n   * Changes the component's treatment to represent a success state\n   * @attr {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n  isSuccess?: boolean;\n\n  /**\n   * The success field note that appears below the default field note\n   * @attr {string}\n   */\n  @property()\n  successNote?: string;\n\n  /* Life Cycle Methods */\n\n  constructor() {\n    super();\n    this._handleOnClick = this._handleOnClick.bind(this);\n  }\n\n  firstUpdated() {\n    if (this.preselectedItems) this.setPreselectedItemsinDropdown();\n    this.selectedTagItems = this.preselectedItems || [];\n    this._initializeAria();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener('click', this._handleOnClick, false);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.removeEventListener('click', this._handleOnClick, false);\n  }\n\n  /* HTML Content functions */\n\n  private _renderDropdownItems() {\n    return this.items.map(\n      // Note: Keyboard can already navigate to the checkbox\n      // eslint-disable-next-line lit-a11y/click-events-have-key-events\n      (item, index) => html`<li\n        @click=\"${(e: MouseEvent) => this._handleListItemClick(e, index)}\"\n      >\n        <cre8-checkbox-field-item\n          .checked=\"${!!this.selectedTagItems.includes(item)}\"\n          label=${item}\n          id=${index}\n          @input=\"${(e: InputEvent) => this._handleDropdownItemInput(item, e)}\"\n        >\n        </cre8-checkbox-field-item>\n      </li>`\n    );\n  }\n\n  private _renderSelectedTags() {\n    if (!this.selectedTagItems.length) {\n      return nothing;\n    }\n    return this.selectedTagItems.map(\n      (item) => html`<li>\n        <cre8-remove-tag\n          text=\"${item}\"\n          color=\"neutral\"\n          shape=\"square\"\n          ?disabled=\"${this.disabled}\"\n          @removeTagClicked=\"${() => this._handleRemoveTagClick(item)}\"\n        ></cre8-remove-tag>\n      </li>`\n    );\n  }\n\n  /* Helper Functions */\n\n  private setPreselectedItemsinDropdown() {\n    this.preselectedItems.forEach((item) => {\n      this.selectedTagItems = this.selectedTagItems.concat(item);\n    });\n  }\n\n  private clearAllTags() {\n    if (!this.disabled) {\n      if (this.dropdownOpen) {\n        this.selectedTagItems.forEach((item) => {\n          this.shadowRoot\n            ?.querySelector(`cre8-checkbox-field-item[label=\"${item}\"]`)\n            .shadowRoot?.querySelector('input')\n            .click();\n        });\n      }\n      this.selectedTagItems = [];\n\n      this.emitSelectedItems();\n    }\n  }\n\n  private emitSelectedItems(): void {\n    const customEvent = new CustomEvent('selectedItemsChange', {\n      detail: {\n        selectedItems: this.selectedTagItems,\n      },\n      bubbles: true,\n      composed: true,\n    });\n    this.dispatchEvent(customEvent);\n  }\n\n  private toggleDropDown(): void {\n    this.dropdownOpen = !this.dropdownOpen;\n  }\n\n  /* Click Event Functions */\n\n  private _handleOnClick(event?: MouseEvent) {\n    if (!this.shadowRoot?.host) {\n      throw Error(\n        'Could not determine navigation context during click handler'\n      );\n    }\n\n    const didClickInside = event.composedPath().includes(this.shadowRoot.host);\n    const label = this.renderRoot.querySelector(\n      '.cre8-c-multi-select__label'\n    );\n    const buttonsWrapper = this.renderRoot.querySelector(\n      '.cre8-c-multi-select__icons-wrapper'\n    );\n    const removeTagWrapper = this.shadowRoot?.querySelector(\n      '.cre8-c-multi-select__tag-wrapper'\n    );\n    const dropdownWrapper = this.shadowRoot?.querySelector(\n      '.cre8-c-multi-select__dropdown'\n    );\n\n    if (!didClickInside) {\n      this.dropdownOpen = false;\n    } else if (\n      !event.composedPath().includes(label)\n      && !event.composedPath().includes(removeTagWrapper)\n      && !event.composedPath().includes(buttonsWrapper)\n      && !event.composedPath().includes(dropdownWrapper)\n      && !this.disabled\n    ) {\n      this.toggleDropDown();\n    }\n  }\n\n  private _handleListItemClick(e: MouseEvent, index: number) {\n    if (\n      e.target\n      !== this.shadowRoot?.querySelector(`cre8-checkbox-field-item[id=\"${index}\"]`)\n    ) {\n      this.shadowRoot\n        ?.querySelector(`cre8-checkbox-field-item[id=\"${index}\"]`)\n        .shadowRoot?.querySelector('input')\n        .click();\n    }\n  }\n\n  private _handleDropdownItemInput(item: string, e: InputEvent) {\n    const targetCheckbox = e.target as Cre8CheckboxFieldItem;\n\n    if (targetCheckbox.checked) {\n      this.selectedTagItems = this.selectedTagItems.concat(item);\n    } else {\n      this.selectedTagItems = this.selectedTagItems.filter((i) => i !== item);\n    }\n\n    this.emitSelectedItems();\n  }\n\n  private async _handleRemoveTagClick(item: string) {\n    if (!this.disabled) {\n      this.selectedTagItems = this.selectedTagItems.filter((i) => i !== item);\n      this.shadowRoot\n        ?.querySelector(`cre8-checkbox-field-item[label=\"${item}\"]`)\n        .shadowRoot?.querySelector('input')\n        .click();\n      await this.updateComplete;\n\n      this.emitSelectedItems();\n    }\n  }\n\n  private dropdownArrowClick() {\n    if (!this.disabled) {\n      this.toggleDropDown();\n    }\n  }\n\n  private _handleButtonToListKeydown(e: KeyboardEvent): void {\n    if (e.code === 'Escape') {\n      e.preventDefault();\n      this.toggleDropDown();\n    }\n  }\n\n\n  private _handleListKeydown(e: KeyboardEvent) {\n    if (e.code === 'Escape') {\n      e.preventDefault();\n      this.toggleDropDown();\n    }\n  }\n\n  private _initializeAria() {\n    this.fieldId = this.fieldId || nanoid();\n    if (this.fieldNote || this.slotNotEmpty('fieldNote')) {\n      this.ariaDescribedBy = this.ariaDescribedBy || nanoid();\n    }\n    if (this.successNote || this.errorNote) {\n      this.validationAriaDescribedBy = this.validationAriaDescribedBy || nanoid();\n    }\n  }\n\n  /**\n   * Aria describedby string based on field notes and error/success notes\n   * 1) If both validationAriaDescribedBy (error/success note) and field note exists,\n   * render both in the input's `aria-describedby` attribute\n   * 2) Otherwise, if only validationAriaDescribedBy exists, then render only that as\n   * the `aria-describedby` attribute (input without field note initially, but then error/success is added).\n   * 3) Otherwise, render only the `ariaDescribedBy` property (field note only)\n   */\n  private _fieldNoteAria() {\n    if (this.validationAriaDescribedBy && this.ariaDescribedBy) {\n      return `${this.ariaDescribedBy} ${this.validationAriaDescribedBy}`; /* 1 */\n    }\n    if (this.validationAriaDescribedBy && !this.ariaDescribedBy) {\n      return this.validationAriaDescribedBy; /* 2 */\n    }\n    return this.ariaDescribedBy; /* 3 */\n  }\n\n  /**\n   * Render the success or error field notes\n   * 1. If there is a successNote, then return the field note with the success message and state.\n   * 2. If there is a errorNote, then return the field note with the error message and state.\n   */\n  private _renderSuccessErrorFieldNote() {\n    if (this.successNote) {\n      /* 1 */\n      return html` <cre8-field-note\n        ?isSuccess=${this.isSuccess}\n        id=${this.validationAriaDescribedBy}\n        class=\"cre8-c-multi-select__field-note-success\"\n        iconName=\"success\"\n      >\n        ${this.successNote}\n      </cre8-field-note>`;\n    }\n    if (this.errorNote) {\n      /* 2 */\n      return html` <cre8-field-note\n        ?isError=${this.isError}\n        id=${this.validationAriaDescribedBy}\n        class=\"cre8-c-multi-select__field-note-error\"\n        iconName=\"error-alt\"\n      >\n        ${this.errorNote}\n      </cre8-field-note>`;\n    }\n    return null;\n  }\n\n  render() {\n    const componentClassNames = this.componentClassNames(\n      'cre8-c-multi-select',\n      {\n        'cre8-is-error': this.isError,\n        'cre8-is-success': this.isSuccess,\n        'cre8-is-disabled': this.disabled,\n        'cre8-c-multi-select--no-clear-icon': !this.selectedTagItems.length,\n      }\n    );\n\n    return html`\n      <div class=\"${componentClassNames}\">\n        <label class=\"cre8-c-multi-select__label\" id=\"${this.fieldId}\"\n          >${this.label}</label\n        >\n        <div class=\"cre8-c-multi-select__body\" ?disabled=${this.disabled}>\n          <div\n            class=\"cre8-c-multi-select__content\"\n            aria-describedby=\"${ifDefined(this._fieldNoteAria())}\"\n          >\n            <ul\n              class=\"cre8-c-multi-select__tag-wrapper\"\n              aria-label=\"selected items\"\n            >\n              ${this._renderSelectedTags()}\n            </ul>\n          </div>\n          <div class=\"cre8-c-multi-select__icons-wrapper\">\n            <cre8-button\n              ?hideText=${true}\n              svg=\"${svgClear}\"\n              text=\"Clear All\"\n              variant=\"tertiary\"\n              ?disabled=\"${this.disabled}\"\n              class=\"cre8-c-multi-select__clear_icon\"\n              @click=\"${this.clearAllTags}\"\n            >\n            </cre8-button>\n            <cre8-button\n              hideText\n              svg=${svgCaretDown}\n              variant=\"tertiary\"\n              ?disabled=\"${this.disabled}\"\n              class=\"cre8-c-multi-select__down_icon\"\n              @click=\"${this.dropdownArrowClick}\"\n              @keydown=\"${this._handleButtonToListKeydown}\"\n              aria-label=\"Open Dropdown\"\n              aria-expanded=\"${this.dropdownOpen}\"\n              aria-labelledby=\"${this.fieldId}\"\n            >\n            </cre8-button>\n          </div>\n        </div>\n        ${this.dropdownOpen\n        ? html`\n            <fieldset class=\"cre8-c-multi-select__dropdown\" aria-describedby=\"${this.fieldId}\">\n              <ul\n                aria-label=\"available items\"\n                @keydown=\"${this._handleListKeydown}\"\n              >\n                ${this._renderDropdownItems()}\n              </ul>\n            </fieldset>`\n        : nothing}\n      </div>\n      ${this.fieldNote || this.slotNotEmpty('fieldNote')\n        ? html`<cre8-field-note\n            id=${this.ariaDescribedBy}\n            class=\"cre8-c-multi-select__field-note\"\n          >\n            <slot name=\"fieldNote\">${this.fieldNote}</slot>\n          </cre8-field-note>`\n        : nothing}\n      ${this._renderSuccessErrorFieldNote()}\n    `;\n  }\n}\n\nif (customElements.get('cre8-multi-select') === undefined) {\n  customElements.define('cre8-multi-select', Cre8MultiSelect);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'cre8-multi-select': Cre8MultiSelect;\n  }\n}\n\nexport default Cre8MultiSelect;\n"]}

package/lib/components/pagination/pagination.js

@@ -9,11 +9,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, nothing, } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { property, queryAll, state } from 'lit/decorators.js';
-import svgCaretLeft from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Left.svg?raw';
-import svgFirstPage from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Double_Left.svg?raw';
-import svgLastPage from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Double_Right.svg?raw';
-import svgCaretRight from '@tmorrow/cre8-wc/icons/System/Regular/Caret_Right.svg?raw';
-import svgEllipsis from '@tmorrow/cre8-wc/icons/System/Regular/Ellipsis.svg?raw';
+import svgCaretLeft from '@tmorrow/cre8-wc/icons/Caret_Left.svg?raw';
+import svgFirstPage from '@tmorrow/cre8-wc/icons/Caret_Double_Left.svg?raw';
+import svgLastPage from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg?raw';
+import svgCaretRight from '@tmorrow/cre8-wc/icons/Caret_Right.svg?raw';
+import svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis.svg?raw';
 import { Cre8Element } from '../cre8-element';
 import { Cre8Button } from '../button/button';
 import { isMobile, screenSizes } from '../../utilities/is-mobile';