@tmorrow/cre8-wc 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/cre8-wc.esm.js +9030 -7527
- package/cdn/cre8-wc.esm.js.map +1 -1
- package/cdn/cre8-wc.min.js +5864 -4362
- package/cdn/cre8-wc.min.js.map +1 -1
- package/lib/components/date-picker/date-picker.styles.d.ts.map +1 -1
- package/lib/components/date-picker/date-picker.styles.js +955 -1
- package/lib/components/date-picker/date-picker.styles.js.map +1 -1
- package/lib/components/icon/icon.d.ts +4 -4
- package/lib/components/icon/icon.d.ts.map +1 -1
- package/lib/components/icon/icon.js +59 -61
- package/lib/components/icon/icon.js.map +1 -1
- package/lib/components/select-tile/select-tile.styles.d.ts.map +1 -1
- package/lib/components/select-tile/select-tile.styles.js +1055 -1
- package/lib/components/select-tile/select-tile.styles.js.map +1 -1
- package/mcp-manifest.json +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../../components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA,o0KAAo0K,CAAC;AACv1K,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:block}.cre8-c-date-picker__label{font-family:var(--cre8-typography-label-small-font-family);font-size:var(--cre8-typography-label-small-font-size);font-weight:var(--cre8-typography-label-small-font-weight);line-height:var(--cre8-typography-label-small-line-height);text-decoration:var(--cre8-typography-label-small-text-decoration);text-transform:var(--cre8-typography-label-small-text-transform);display:block;margin-bottom:0.5rem}.cre8-c-date-picker__body{position:relative;display:flex;align-items:center}input::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-input-placeholder{visibility:hidden !important}.cre8-c-date-picker__calendar-icon-button{position:absolute;right:0.5rem;background:var(--cre8-color-bg-default);border:none;border-radius:0;--cre8-icon-height: size(3);--cre8-icon-width: size(3)}.cre8-c-date-picker--disabled .cre8-c-date-picker__calendar-icon-button,.cre8-c-date-picker--read-only .cre8-c-date-picker__calendar-icon-button{background:var(--cre8-color-bg-disabled)}.cre8-c-date-picker__input{font-family:var(--cre8-typography-body-default-font-family);font-size:var(--cre8-typography-body-default-font-size);font-weight:var(--cre8-typography-body-default-font-weight);line-height:var(--cre8-typography-body-default-line-height);text-decoration:var(--cre8-typography-body-default-text-decoration);text-transform:var(--cre8-typography-body-default-text-transform);outline:var(--cre8-border-width-focus) solid rgba(0,0,0,0);outline-offset:0.125rem;-webkit-appearance:none;width:100%;border-width:var(--cre8-border-width-default);border-style:solid;border-color:var(--cre8-color-border-strong);border-radius:var(--cre8-border-radius-default);padding:0.75rem 0.5rem;color:var(--cre8-color-content-default);background-color:var(--cre8-color-bg-default);transition:outline-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease),border-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease),background-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease),color var(--cre8-anim-fade-quick) var(--cre8-anim-ease)}.cre8-c-date-picker__input:hover:not(:disabled),.cre8-c-date-picker__input:focus:not(:disabled),.cre8-c-date-picker__input:active:not(:disabled),.cre8-c-date-picker__input:focus-visible{outline:var(--cre8-border-width-focus) solid var(--cre8-color-border-active-outline);outline-offset:0.125rem}.cre8-is-error .cre8-c-date-picker__input:hover:not(:disabled),.cre8-is-error .cre8-c-date-picker__input:focus:not(:disabled),.cre8-is-error .cre8-c-date-picker__input:active:not(:disabled),.cre8-is-error .cre8-c-date-picker__input:focus-visible{outline-color:var(--cre8-color-border-error)}.cre8-is-success .cre8-c-date-picker__input:hover:not(:disabled),.cre8-is-success .cre8-c-date-picker__input:focus:not(:disabled),.cre8-is-success .cre8-c-date-picker__input:active:not(:disabled),.cre8-is-success .cre8-c-date-picker__input:focus-visible{outline-color:var(--cre8-color-border-success)}.cre8-c-date-picker__input:disabled{background-color:var(--cre8-color-bg-disabled);border-color:var(--cre8-color-border-disabled);color:var(--cre8-color-content-disabled);cursor:not-allowed}.cre8-c-date-picker__input:disabled::placeholder{color:var(--cre8-color-content-disabled)}.cre8-c-date-picker__input::placeholder{color:var(--cre8-color-content-subtle)}.cre8-is-error .cre8-c-date-picker__input{border-color:var(--cre8-color-border-error)}.cre8-is-success .cre8-c-date-picker__input{border-color:var(--cre8-color-border-success)}.cre8-c-date-picker__input:read-only{background-color:var(--cre8-color-bg-disabled);border-color:var(--cre8-color-border-disabled);cursor:default}`;\nexport default styles;\n"]}
|
|
1
|
+
{"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../../components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA07BhB,CAAC;AACH,eAAe,MAAM,CAAC","sourcesContent":["import { css } from 'lit';\nconst styles = css`.cre8-u-content-knockout-brand {\n color: var(----cre8-color-content-knockout-brand);\n}\n\n.cre8-u-is-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n.cre8-u-is-vishidden {\n position: absolute !important;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n@media all and (min-width: 23.4375rem) {\n .cre8-u-hide-sm {\n display: none !important;\n }\n}\n@media all and (min-width: 35rem) {\n .cre8-u-hide-sm-2 {\n display: none !important;\n }\n}\n@media all and (min-width: 48rem) {\n .cre8-u-hide-md {\n display: none !important;\n }\n}\n@media all and (min-width: 60rem) {\n .cre8-u-hide-lg {\n display: none !important;\n }\n}\n@media all and (min-width: 75rem) {\n .cre8-u-hide-xl {\n display: none !important;\n }\n}\n@media all and (max-width: 23.4375rem) {\n .cre8-u-show-sm {\n display: none !important;\n }\n}\n@media all and (max-width: 35rem) {\n .cre8-u-show-sm-2 {\n display: none !important;\n }\n}\n@media all and (max-width: 48rem) {\n .cre8-u-show-md {\n display: none !important;\n }\n}\n@media all and (max-width: 60rem) {\n .cre8-u-show-lg {\n display: none !important;\n }\n}\n@media all and (max-width: 75rem) {\n .cre8-u-show-xl {\n display: none !important;\n }\n}\n.cre8-u-margin-none {\n margin: 0 !important;\n}\n\n.cre8-u-margin-sm {\n margin: size(1) !important;\n}\n\n.cre8-u-margin-md {\n margin: size(2) !important;\n}\n\n.cre8-u-margin-lg {\n margin: size(3) !important;\n}\n\n.cre8-u-margin-xl {\n margin: size(4) !important;\n}\n\n.cre8-u-margin-xxl {\n margin: size(8) !important;\n}\n\n.cre8-u-margin-top-none {\n margin-top: 0 !important;\n}\n\n.cre8-u-margin-top-sm {\n margin-top: size(1) !important;\n}\n\n.cre8-u-margin-top-md {\n margin-top: size(2) !important;\n}\n\n.cre8-u-margin-top-lg {\n margin-top: size(3) !important;\n}\n\n.cre8-u-margin-top-xl {\n margin-top: size(4) !important;\n}\n\n.cre8-u-margin-top-xxl {\n margin-top: size(8) !important;\n}\n\n.cre8-u-margin-right-none {\n margin-right: 0 !important;\n}\n\n.cre8-u-margin-right-sm {\n margin-right: size(1) !important;\n}\n\n.cre8-u-margin-right-md {\n margin-right: size(2) !important;\n}\n\n.cre8-u-margin-right-lg {\n margin-right: size(3) !important;\n}\n\n.cre8-u-margin-right-xl {\n margin-right: size(4) !important;\n}\n\n.cre8-u-margin-right-xxl {\n margin-right: size(8) !important;\n}\n\n.cre8-u-margin-bottom-none {\n margin-bottom: 0 !important;\n}\n\n.cre8-u-margin-bottom-sm {\n margin-bottom: size(1) !important;\n}\n\n.cre8-u-margin-bottom-md {\n margin-bottom: size(2) !important;\n}\n\n.cre8-u-margin-bottom-lg {\n margin-bottom: size(3) !important;\n}\n\n.cre8-u-margin-bottom-xl {\n margin-bottom: size(4) !important;\n}\n\n.cre8-u-margin-bottom-xxl {\n margin-bottom: size(8) !important;\n}\n\n.cre8-u-margin-bottom-xl-xxl {\n margin-bottom: size(4) !important;\n}\n\n@media all and (min-width: 768px) {\n .cre8-u-margin-bottom-xl-xxl {\n margin-bottom: size(8) !important;\n }\n}\n.cre8-u-margin-left-none {\n margin-left: 0 !important;\n}\n\n.cre8-u-margin-left-sm {\n margin-left: size(1) !important;\n}\n\n.cre8-u-margin-left-md {\n margin-left: size(2) !important;\n}\n\n.cre8-u-margin-left-lg {\n margin-left: size(3) !important;\n}\n\n.cre8-u-margin-left-xl {\n margin-left: size(4) !important;\n}\n\n.cre8-u-margin-left-xxl {\n margin-left: size(8) !important;\n}\n\n.cre8-u-padding-none {\n padding: 0 !important;\n}\n\n.cre8-u-padding-sm {\n padding: size(1) !important;\n}\n\n.cre8-u-padding-md {\n padding: size(2) !important;\n}\n\n.cre8-u-padding-lg {\n padding: size(3) !important;\n}\n\n.cre8-u-padding-xl {\n padding: size(4) !important;\n}\n\n.cre8-u-padding-xxl {\n padding: size(8) !important;\n}\n\n.cre8-u-padding-top-none {\n padding-top: 0 !important;\n}\n\n.cre8-u-padding-top-sm {\n padding-top: size(1) !important;\n}\n\n.cre8-u-padding-top-md {\n padding-top: size(2) !important;\n}\n\n.cre8-u-padding-top-lg {\n padding-top: size(3) !important;\n}\n\n.cre8-u-padding-top-xl {\n padding-top: size(4) !important;\n}\n\n.cre8-u-padding-top-xxl {\n padding-top: size(8) !important;\n}\n\n.cre8-u-padding-right-none {\n padding-right: 0 !important;\n}\n\n.cre8-u-padding-right-sm {\n padding-right: size(1) !important;\n}\n\n.cre8-u-padding-right-md {\n padding-right: size(2) !important;\n}\n\n.cre8-u-padding-right-lg {\n padding-right: size(3) !important;\n}\n\n.cre8-u-padding-right-xl {\n padding-right: size(4) !important;\n}\n\n.cre8-u-padding-right-xxl {\n padding-right: size(8) !important;\n}\n\n.cre8-u-padding-bottom-none {\n padding-bottom: 0 !important;\n}\n\n.cre8-u-padding-bottom-sm {\n padding-bottom: size(1) !important;\n}\n\n.cre8-u-padding-bottom-md {\n padding-bottom: size(2) !important;\n}\n\n.cre8-u-padding-bottom-lg {\n padding-bottom: size(3) !important;\n}\n\n.cre8-u-padding-bottom-xl {\n padding-bottom: size(4) !important;\n}\n\n.cre8-u-padding-bottom-xxl {\n padding-bottom: size(8) !important;\n}\n\n.cre8-u-padding-left-none {\n padding-left: 0 !important;\n}\n\n.cre8-u-padding-left-sm {\n padding-left: size(1) !important;\n}\n\n.cre8-u-padding-left-md {\n padding-left: size(2) !important;\n}\n\n.cre8-u-padding-left-lg {\n padding-left: size(3) !important;\n}\n\n.cre8-u-padding-left-xl {\n padding-left: size(4) !important;\n}\n\n.cre8-u-padding-left-xxl {\n padding-left: size(8) !important;\n}\n\n.cre8-u-display-flex {\n display: flex !important;\n}\n\n.cre8-u-display-block {\n display: block !important;\n}\n\nbody {\n font-family: var(--cre8-typography-body-default-font-family);\n font-size: var(--cre8-typography-body-default-font-size);\n font-weight: var(--cre8-typography-body-default-font-weight);\n line-height: var(--cre8-typography-body-default-line-height);\n -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);\n text-decoration: var(--cre8-typography-body-default-text-decoration);\n text-transform: var(--cre8-typography-body-default-text-transform);\n display: flex;\n flex-direction: column;\n padding: 0;\n margin: 0;\n color: var(--cre8-color-content-default);\n background: var(--background-default);\n}\n\n@media all and (min-width: 60rem) {\n .page-container {\n background: linear-gradient(90deg, #fff 0, #fff 66.66%, #f8f8f9 0, #f8f8f9 0);\n }\n}\n.band__inner {\n margin-left: 2rem;\n margin-right: 2rem;\n}\n\n@media all and (min-width: 60rem) {\n .band__inner {\n margin-right: 0;\n }\n}\nimg {\n max-width: 100%;\n height: auto;\n}\n\n/**\n * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/\n */\n*,\n::slotted(*),\n*:before,\n*:after {\n box-sizing: border-box;\n}\n\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n --rtlTranslateX: 50%;\n /* 1 */\n --rtlGradientToRight: 270deg;\n /* 2 */\n --rtlRotate45Inverse: -45deg;\n /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n/*\n=======\nAnimations\n=======\n*/\n:host {\n --cre8-z-index-1: 1;\n --cre8-z-index-50: 50;\n --cre8-z-index-100: 100;\n --cre8-z-index-200: 200;\n --cre8-z-index-1030: 1030;\n --cre8-anim-fade-quick: 0.35s;\n --cre8-anim-ease: ease;\n}\n\n@keyframes fadeIn {\n 100% {\n opacity: 1;\n }\n}\n@keyframes slideIn {\n 100% {\n transform: translateX(0);\n }\n}\n@keyframes slideInFwd {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideOutRight {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideUp {\n 100% {\n transform: translateY(0);\n }\n}\n@media (width >= 481px) {\n @keyframes slideInFwd {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n}\n@media (width >= 48rem) {\n @keyframes slideInFwd {\n 100% {\n width: 330px;\n height: 330px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 330px;\n height: 330px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 60rem) {\n @keyframes slideInFwd {\n 100% {\n width: 460px;\n height: 460px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 460px;\n height: 460px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 75rem) {\n @keyframes slideInFwd {\n 100% {\n width: 592px;\n height: 591px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 87.5rem) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 120px));\n }\n }\n}\n@media (width >= 2200px) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 592px));\n }\n }\n}\nspan.ripple {\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n animation: ripple 600ms linear;\n background-color: var(--ripple-bg-color);\n}\n\n@keyframes ripple {\n to {\n transform: scale(4);\n opacity: 1;\n }\n}\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n --rtlTranslateX: 50%;\n /* 1 */\n --rtlGradientToRight: 270deg;\n /* 2 */\n --rtlRotate45Inverse: -45deg;\n /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n/**\n * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/\n */\n*,\n::slotted(*),\n*:before,\n*:after {\n box-sizing: border-box;\n}\n\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n --rtlTranslateX: 50%;\n /* 1 */\n --rtlGradientToRight: 270deg;\n /* 2 */\n --rtlRotate45Inverse: -45deg;\n /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n/*\n=======\nAnimations\n=======\n*/\n:host {\n --cre8-z-index-1: 1;\n --cre8-z-index-50: 50;\n --cre8-z-index-100: 100;\n --cre8-z-index-200: 200;\n --cre8-z-index-1030: 1030;\n --cre8-anim-fade-quick: 0.35s;\n --cre8-anim-ease: ease;\n}\n\n@keyframes fadeIn {\n 100% {\n opacity: 1;\n }\n}\n@keyframes slideIn {\n 100% {\n transform: translateX(0);\n }\n}\n@keyframes slideInFwd {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideOutRight {\n 100% {\n width: 272px;\n height: 272px;\n }\n}\n@keyframes slideUp {\n 100% {\n transform: translateY(0);\n }\n}\n@media (width >= 481px) {\n @keyframes slideInFwd {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 417px;\n height: 417px;\n }\n }\n}\n@media (width >= 48rem) {\n @keyframes slideInFwd {\n 100% {\n width: 330px;\n height: 330px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 330px;\n height: 330px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 60rem) {\n @keyframes slideInFwd {\n 100% {\n width: 460px;\n height: 460px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 460px;\n height: 460px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 75rem) {\n @keyframes slideInFwd {\n 100% {\n width: 592px;\n height: 591px;\n }\n }\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 45px));\n }\n }\n}\n@media (width >= 87.5rem) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 120px));\n }\n }\n}\n@media (width >= 2200px) {\n @keyframes slideOutRight {\n 100% {\n width: 592px;\n height: 591px;\n transform: translateX(calc(100vw - 592px));\n }\n }\n}\nspan.ripple {\n position: absolute;\n border-radius: 50%;\n transform: scale(0);\n animation: ripple 600ms linear;\n background-color: var(--ripple-bg-color);\n}\n\n@keyframes ripple {\n to {\n transform: scale(4);\n opacity: 1;\n }\n}\n:root {\n --size-base-unit: 0.5rem;\n}\n\n/**\n * RTL support for values logical properties can't automatically adjust for\n * 1) Percentage based horizontal translate values need to be flipped\n * 2) Background gradients using \"to-right\" or \"to-left\" need to be switched to using deg values.\n * 3) Inverse items that have 45degs\n */\n[dir=rtl] {\n --rtlTranslateX: 50%;\n /* 1 */\n --rtlGradientToRight: 270deg;\n /* 2 */\n --rtlRotate45Inverse: -45deg;\n /* 3 */\n}\n\n/**\n * Visible focus outline for elements on a light background\n */\n/**\n * Visible focus outline for elements with an error status\n */\n/**\n * Visible focus outline for elements on a dark background\n */\n/**\n* Focus state for themes that need a dashed outline for focus\n* state\n**/\n/**\n * Invisible focus outline for elements that need a more visible\n * focus state for high-contrast mode\n */\n/**\n * Visually hidden from display\n */\n:host {\n display: block;\n}\n\n/** \n * Date Field Label \n */\n.cre8-c-date-picker__label {\n font-family: var(--cre8-typography-label-small-font-family);\n font-size: var(--cre8-typography-label-small-font-size);\n font-weight: var(--cre8-typography-label-small-font-weight);\n line-height: var(--cre8-typography-label-small-line-height);\n text-decoration: var(--cre8-typography-label-small-text-decoration);\n text-transform: var(--cre8-typography-label-small-text-transform);\n display: block;\n margin-bottom: 0.5rem;\n margin-left: var(--cre8-input-label-margin-left, 0px);\n}\n\n/** \n * Date Field Body\n * 1) The div that contains the input and icons \n */\n.cre8-c-date-picker__body {\n position: relative;\n display: flex;\n align-items: center;\n}\n\n/** \n * Date Field Default Calendar Icon Button\n * 1) Removes default calendar button and default calendar in Chrome\n */\ninput::-webkit-calendar-picker-indicator {\n display: none;\n}\n\ninput[type=date]::-webkit-input-placeholder {\n visibility: hidden !important;\n}\n\n.cre8-c-date-picker__calendar-icon-button {\n position: absolute;\n right: 0.5rem;\n background: var(--cre8-color-bg-default);\n border: none;\n border-radius: 0;\n --cre8-icon-height: size(3);\n --cre8-icon-width: size(3);\n}\n.cre8-c-date-picker--disabled .cre8-c-date-picker__calendar-icon-button, .cre8-c-date-picker--read-only .cre8-c-date-picker__calendar-icon-button {\n background: var(--cre8-color-bg-disabled);\n}\n\n/** \n * Date Field Input \n * 1) The html5 input element\n */\n.cre8-c-date-picker__input {\n font-family: var(--cre8-typography-body-default-font-family);\n font-size: var(--cre8-typography-body-default-font-size);\n font-weight: var(--cre8-typography-body-default-font-weight);\n line-height: var(--cre8-typography-body-default-line-height);\n text-decoration: var(--cre8-typography-body-default-text-decoration);\n text-transform: var(--cre8-typography-body-default-text-transform);\n outline: var(--cre8-border-width-focus) solid transparent;\n outline-offset: 0.125rem;\n --size-base-unit: .5rem;\n -webkit-appearance: none;\n width: 100%;\n border-width: var(--cre8-border-width-default);\n border-style: solid;\n border-color: var(--cre8-color-border-strong);\n border-radius: var(--cre8-border-radius-default);\n padding: var(--cre8-input-padding, 0.75rem 0.5rem);\n color: var(--cre8-color-content-default);\n background-color: var(--cre8-color-bg-default);\n transition: outline-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease), border-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease), background-color var(--cre8-anim-fade-quick) var(--cre8-anim-ease), color var(--cre8-anim-fade-quick) var(--cre8-anim-ease);\n /**\n * Hover, focus, active, and focus-visible styles for default input elements\n */\n}\n.cre8-c-date-picker__input:hover:not(:disabled), .cre8-c-date-picker__input:focus:not(:disabled), .cre8-c-date-picker__input:active:not(:disabled), .cre8-c-date-picker__input:focus-visible {\n outline: var(--cre8-border-width-focus) solid var(--cre8-color-border-active-outline);\n outline-offset: 0.125rem;\n /**\n * Error state\n */\n}\n.cre8-is-error .cre8-c-date-picker__input:hover:not(:disabled), .cre8-is-error .cre8-c-date-picker__input:focus:not(:disabled), .cre8-is-error .cre8-c-date-picker__input:active:not(:disabled), .cre8-is-error .cre8-c-date-picker__input:focus-visible {\n outline-color: var(--cre8-color-border-error);\n}\n.cre8-c-date-picker__input:hover:not(:disabled), .cre8-c-date-picker__input:focus:not(:disabled), .cre8-c-date-picker__input:active:not(:disabled), .cre8-c-date-picker__input:focus-visible {\n /**\n * Success state\n */\n}\n.cre8-is-success .cre8-c-date-picker__input:hover:not(:disabled), .cre8-is-success .cre8-c-date-picker__input:focus:not(:disabled), .cre8-is-success .cre8-c-date-picker__input:active:not(:disabled), .cre8-is-success .cre8-c-date-picker__input:focus-visible {\n outline-color: var(--cre8-color-border-success);\n}\n.cre8-c-date-picker__input {\n /**\n * Disabled styles for default input elements\n */\n}\n.cre8-c-date-picker__input:disabled {\n background-color: var(--cre8-color-bg-disabled);\n border-color: var(--cre8-color-border-disabled);\n color: var(--cre8-color-content-disabled);\n cursor: not-allowed;\n /**\n * Disabled text colors\n */\n}\n.cre8-c-date-picker__input:disabled::placeholder {\n color: var(--cre8-color-content-disabled);\n}\n.cre8-c-date-picker__input {\n /**\n * Placeholder styles for default input elements\n */\n}\n.cre8-c-date-picker__input::placeholder {\n color: var(--cre8-color-content-subtle);\n}\n.cre8-c-date-picker__input {\n /**\n * Error state for default input elements\n */\n}\n.cre8-is-error .cre8-c-date-picker__input {\n border-color: var(--cre8-color-border-error);\n}\n.cre8-c-date-picker__input {\n /**\n * Success state for default input elements\n */\n}\n.cre8-is-success .cre8-c-date-picker__input {\n border-color: var(--cre8-color-border-success);\n}\n.cre8-c-date-picker__input {\n /**\n * Readonly input styles\n */\n}\n.cre8-c-date-picker__input:read-only {\n background-color: var(--cre8-color-bg-disabled);\n border-color: var(--cre8-color-border-disabled);\n cursor: default;\n}`;\nexport default styles;\n"]}
|
|
@@ -7,7 +7,7 @@ import { Cre8Element } from '../cre8-element';
|
|
|
7
7
|
*
|
|
8
8
|
* **'svg-legacy'** will be **deprecated** in Web Components v0.5.0
|
|
9
9
|
*
|
|
10
|
-
* - [List of new figma icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)
|
|
10
|
+
* - [List of new figma @tmorrow/cre8-wc/icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)
|
|
11
11
|
* - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.
|
|
12
12
|
*
|
|
13
13
|
* ##Usability Considerations
|
|
@@ -25,10 +25,10 @@ import { Cre8Element } from '../cre8-element';
|
|
|
25
25
|
* If you need to install a newer version than what's included, please see
|
|
26
26
|
* the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
|
|
27
27
|
* - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
|
|
28
|
-
* - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg
|
|
28
|
+
* - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg';`
|
|
29
29
|
*
|
|
30
30
|
* Your import paths may be different depending on your project's build configuration.
|
|
31
|
-
* Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)
|
|
31
|
+
* Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)
|
|
32
32
|
* of the `cre8_dev/svgs` documentation for more information.
|
|
33
33
|
*/
|
|
34
34
|
export declare class Cre8Icon extends Cre8Element {
|
|
@@ -60,7 +60,7 @@ export declare class Cre8Icon extends Cre8Element {
|
|
|
60
60
|
*/
|
|
61
61
|
iconTitle?: string;
|
|
62
62
|
/**
|
|
63
|
-
* Get the path to the icons, either by overriding it on the window
|
|
63
|
+
* Get the path to the @tmorrow/cre8-wc/icons, either by overriding it on the window
|
|
64
64
|
* or by using the bundled icon path
|
|
65
65
|
*/
|
|
66
66
|
getIconPath(): string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,
|
|
1
|
+
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,cAAc,EAAG,MAAM,KAAK,CAAC;AAyD5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAI9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,qBAAa,QAAS,SAAQ,WAAW;IACrC,MAAM,CAAC,MAAM,4BAAY;IAEzB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;;OAKG;IAEH,OAAO,CAAC,EAAE,MAAM,CAAc;IAE9B;;;;OAIG;IAEH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW;IAaX,MAAM;CA0FT;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,WAAW,EAAE,QAAQ,CAAC;KACzB;IACD,UAAU,MAAM;QACZ,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;CACJ;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -10,63 +10,62 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
10
10
|
import { html, } from 'lit';
|
|
11
11
|
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
12
12
|
import { property } from 'lit/decorators.js';
|
|
13
|
-
import svgAdd from '@tmorrow/cre8-wc/icons/Add.svg
|
|
14
|
-
import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg
|
|
15
|
-
import svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg
|
|
16
|
-
import svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg
|
|
17
|
-
import svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg
|
|
18
|
-
import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg
|
|
19
|
-
import svgCheck from '@tmorrow/cre8-wc/icons/Check.svg
|
|
20
|
-
import svgClose from '@tmorrow/cre8-wc/icons/Close.svg
|
|
21
|
-
import svgDownload from '@tmorrow/cre8-wc/icons/Download.svg
|
|
22
|
-
import svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg
|
|
23
|
-
import svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg
|
|
24
|
-
import svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg
|
|
25
|
-
import svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg
|
|
26
|
-
import svgError from '@tmorrow/cre8-wc/icons/Error.svg
|
|
27
|
-
import svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg
|
|
28
|
-
import svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg
|
|
29
|
-
import svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
42
|
-
import
|
|
43
|
-
import
|
|
44
|
-
import
|
|
45
|
-
import
|
|
46
|
-
import
|
|
47
|
-
import
|
|
48
|
-
import
|
|
49
|
-
import
|
|
50
|
-
import
|
|
51
|
-
import
|
|
52
|
-
import
|
|
53
|
-
import
|
|
54
|
-
import
|
|
55
|
-
import
|
|
56
|
-
import
|
|
57
|
-
import
|
|
58
|
-
import
|
|
59
|
-
import
|
|
60
|
-
import
|
|
61
|
-
import
|
|
62
|
-
import
|
|
63
|
-
import
|
|
64
|
-
import
|
|
65
|
-
import
|
|
66
|
-
import svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg?raw';
|
|
13
|
+
import svgAdd from '@tmorrow/cre8-wc/icons/Add.svg';
|
|
14
|
+
import svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg';
|
|
15
|
+
import svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg';
|
|
16
|
+
import svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg';
|
|
17
|
+
import svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg';
|
|
18
|
+
import svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg';
|
|
19
|
+
import svgCheck from '@tmorrow/cre8-wc/icons/Check.svg';
|
|
20
|
+
import svgClose from '@tmorrow/cre8-wc/icons/Close.svg';
|
|
21
|
+
import svgDownload from '@tmorrow/cre8-wc/icons/Download.svg';
|
|
22
|
+
import svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg';
|
|
23
|
+
import svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg';
|
|
24
|
+
import svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg';
|
|
25
|
+
import svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg';
|
|
26
|
+
import svgError from '@tmorrow/cre8-wc/icons/Error.svg';
|
|
27
|
+
import svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg';
|
|
28
|
+
import svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg';
|
|
29
|
+
import svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg';
|
|
30
|
+
import svgHelp from '@tmorrow/cre8-wc/icons/Help.svg';
|
|
31
|
+
import svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg';
|
|
32
|
+
import svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg';
|
|
33
|
+
import svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg';
|
|
34
|
+
import svgLocation from '@tmorrow/cre8-wc/icons/Location.svg';
|
|
35
|
+
import svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg';
|
|
36
|
+
import svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg';
|
|
37
|
+
import svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg';
|
|
38
|
+
import svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg';
|
|
39
|
+
import svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg';
|
|
40
|
+
import svgAccount from '@tmorrow/cre8-wc/icons/Account.svg';
|
|
41
|
+
import svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg';
|
|
42
|
+
import svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg';
|
|
43
|
+
import svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg';
|
|
44
|
+
import svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg';
|
|
45
|
+
import svgSearch from '@tmorrow/cre8-wc/icons/Search.svg';
|
|
46
|
+
import svgCart from '@tmorrow/cre8-wc/icons/Cart.svg';
|
|
47
|
+
import svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg';
|
|
48
|
+
import svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg';
|
|
49
|
+
import svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg';
|
|
50
|
+
import svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg';
|
|
51
|
+
import svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg';
|
|
52
|
+
import svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg';
|
|
53
|
+
import svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg';
|
|
54
|
+
import svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg';
|
|
55
|
+
import svgOpen from '@tmorrow/cre8-wc/icons/open.svg';
|
|
56
|
+
import svgPause from '@tmorrow/cre8-wc/icons/pause.svg';
|
|
57
|
+
import svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg';
|
|
58
|
+
import svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg';
|
|
59
|
+
import svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg';
|
|
60
|
+
import svgRx from '@tmorrow/cre8-wc/icons/rx.svg';
|
|
61
|
+
import svgSwap from '@tmorrow/cre8-wc/icons/swap.svg';
|
|
62
|
+
import svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg';
|
|
63
|
+
import svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg';
|
|
64
|
+
import svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg';
|
|
65
|
+
import svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg';
|
|
67
66
|
import { Cre8Element } from '../cre8-element';
|
|
68
67
|
import styles from './icon.styles.js';
|
|
69
|
-
import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg
|
|
68
|
+
import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg';
|
|
70
69
|
/**
|
|
71
70
|
*
|
|
72
71
|
* <svg> is a web component, which can be used with any frontend framework and use any svg.
|
|
@@ -74,7 +73,7 @@ import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';
|
|
|
74
73
|
*
|
|
75
74
|
* **'svg-legacy'** will be **deprecated** in Web Components v0.5.0
|
|
76
75
|
*
|
|
77
|
-
* - [List of new figma icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)
|
|
76
|
+
* - [List of new figma @tmorrow/cre8-wc/icons](https:/www.figma.com/file/j1a0rBkoH65XiGKfq7ppWa/Iconography?type=design&node-id=2037-5773&mode=design&t=6ZzC6KH3Gkxf3fj5-4)
|
|
78
77
|
* - The new `svg` from the svg package: https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/.
|
|
79
78
|
*
|
|
80
79
|
* ##Usability Considerations
|
|
@@ -92,10 +91,10 @@ import iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg?raw';
|
|
|
92
91
|
* If you need to install a newer version than what's included, please see
|
|
93
92
|
* the [installation instructions for svgs](https:/git.express-scripts.com/ExpressScripts/svgs#installation).
|
|
94
93
|
* - Import the component (this is the icon container): `import '@cre8_dev/svgs';`
|
|
95
|
-
* - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg
|
|
94
|
+
* - Import an svg as a string: `import svgInfo from '@tmorrow/cre8-wc/icons/Info.svg';`
|
|
96
95
|
*
|
|
97
96
|
* Your import paths may be different depending on your project's build configuration.
|
|
98
|
-
* Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-icons--page)
|
|
97
|
+
* Please see [Importing Icons](https:/static-dev.esi-memberweb-dev.aws.evernorthcloud.com/svgs/?path=/story/icon-sets-importing-@tmorrow/cre8-wc/icons--page)
|
|
99
98
|
* of the `cre8_dev/svgs` documentation for more information.
|
|
100
99
|
*/
|
|
101
100
|
export class Cre8Icon extends Cre8Element {
|
|
@@ -110,7 +109,7 @@ export class Cre8Icon extends Cre8Element {
|
|
|
110
109
|
this.iconUrl = iconSprite;
|
|
111
110
|
}
|
|
112
111
|
/**
|
|
113
|
-
* Get the path to the icons, either by overriding it on the window
|
|
112
|
+
* Get the path to the @tmorrow/cre8-wc/icons, either by overriding it on the window
|
|
114
113
|
* or by using the bundled icon path
|
|
115
114
|
*/
|
|
116
115
|
getIconPath() {
|
|
@@ -119,7 +118,7 @@ export class Cre8Icon extends Cre8Element {
|
|
|
119
118
|
}
|
|
120
119
|
const script = document.querySelector('script[src$="icon"]');
|
|
121
120
|
if (script) {
|
|
122
|
-
return `${script.src.replace(/^(.+)\/.*$/, '$1')}/svgs/svgs.svg
|
|
121
|
+
return `${script.src.replace(/^(.+)\/.*$/, '$1')}/svgs/svgs.svg`;
|
|
123
122
|
}
|
|
124
123
|
return this.iconUrl;
|
|
125
124
|
}
|
|
@@ -152,7 +151,6 @@ export class Cre8Icon extends Cre8Element {
|
|
|
152
151
|
iconMap['external-file'] = html `<svg src='${svgExternal}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
|
|
153
152
|
iconMap['find-drug'] = html `<svg src='${svgMedication}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
|
|
154
153
|
iconMap['globe'] = html `<svg src='${svgGlobe}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
|
|
155
|
-
iconMap['hand-heart'] = html `<svg src='${svgHandHeart}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
|
|
156
154
|
iconMap['help'] = html `<svg src='${svgHelp}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
|
|
157
155
|
iconMap['info'] = html `<svg src='${svgInfoFilled}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
|
|
158
156
|
iconMap['instagram'] = html `<svg src='${svgInsta}' container-class="${componentClassName}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
|
|
@@ -1 +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/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"]}
|
|
1
|
+
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../components/icon/icon.ts"],"names":[],"mappings":";;;;;;AAAA,4BAA4B;AAC5B,iCAAiC;AACjC,mCAAmC;AACnC,OAAO,EAAE,IAAI,GAAmB,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,MAAM,MAAM,gCAAgC,CAAC;AACpD,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,OAAO,MAAM,yCAAyC,CAAC;AAC9D,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,YAAY,MAAM,8CAA8C,CAAC;AACxE,OAAO,cAAc,MAAM,yCAAyC,CAAC;AACrE,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AACxD,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AACxD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,WAAW,MAAM,4CAA4C,CAAC;AACrE,OAAO,gBAAgB,MAAM,kDAAkD,CAAC;AAChF,OAAO,UAAU,MAAM,2CAA2C,CAAC;AACnE,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AACxD,OAAO,WAAW,MAAM,0CAA0C,CAAC;AACnE,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AACxD,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,UAAU,MAAM,qCAAqC,CAAC;AAC7D,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AACxD,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,eAAe,MAAM,yCAAyC,CAAC;AACtE,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,aAAa,MAAM,uCAAuC,CAAC;AAClE,OAAO,aAAa,MAAM,wCAAwC,CAAC;AACnE,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,UAAU,MAAM,yCAAyC,CAAC;AACjE,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAClE,OAAO,mBAAmB,MAAM,+CAA+C,CAAC;AAChF,OAAO,WAAW,MAAM,sCAAsC,CAAC;AAC/D,OAAO,MAAM,MAAM,4CAA4C,CAAC;AAChE,OAAO,QAAQ,MAAM,sCAAsC,CAAC;AAC5D,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,QAAQ,MAAM,kCAAkC,CAAC;AACxD,OAAO,eAAe,MAAM,0CAA0C,CAAC;AACvE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,MAAM,MAAM,qCAAqC,CAAC;AACzD,OAAO,KAAK,MAAM,+BAA+B,CAAC;AAClD,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,YAAY,MAAM,0CAA0C,CAAC;AACpE,OAAO,UAAU,MAAM,wCAAwC,CAAC;AAChE,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,MAAM,OAAO,QAAS,SAAQ,WAAW;IAAzC;;QAqBI;;;;;WAKG;QAEH,YAAO,GAAY,UAAU,CAAC;IAqHlC,CAAC;IA3GG;;;OAGG;IACH,WAAW;QACP,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;YACvB,OAAO,MAAM,CAAC,aAAa,CAAC;QAChC,CAAC;QAED,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAoB,qBAAqB,CAAC,CAAC;QAChF,IAAI,MAAM,EAAE,CAAC;YACT,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;QACrE,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,MAAM;QACF,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;QAE/E,MAAM,OAAO,GAA0C,EAAE,CAAC;QAE1D,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAA,YAAY,MAAM,qBAAqB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC7K,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5L,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,mCAAmC,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5M,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACtL,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACzL,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,iCAAiC,CAAC;QAC3N,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5L,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAA,aAAa,mBAAmB,mCAAmC,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACvN,OAAO,CAAC,oBAAoB,CAAC,GAAG,IAAI,CAAA,aAAa,mBAAmB,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC3M,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAA,aAAa,cAAc,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAChM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACnL,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACnL,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5L,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sCAAsC,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC1M,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACzL,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjL,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACzL,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA,GAAG,gBAAgB,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjL,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACxL,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC1L,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACzL,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACnL,OAAO,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAA,aAAa,MAAM,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC3L,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC9L,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA,aAAa,aAAa,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5L,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACnL,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjL,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA,aAAa,aAAa,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACvL,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACvL,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,mCAAmC,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAChN,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,mCAAmC,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAChN,OAAO,CAAC,sBAAsB,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,kCAAkC,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAChN,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjM,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACtL,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5L,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACzL,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5L,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjL,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACnL,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA,aAAa,gBAAgB,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC7L,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA,aAAa,eAAe,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAClM,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjL,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAA,aAAa,SAAS,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC3L,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA,aAAa,QAAQ,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACnL,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACtL,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA,aAAa,eAAe,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAClM,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA,aAAa,gBAAgB,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC5L,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC3L,OAAO,CAAC,YAAY,CAAC,GAAG,IAAI,CAAA,aAAa,aAAa,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC7L,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAA,aAAa,aAAa,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACtM,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAChM,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACnL,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,MAAM,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACpL,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA,aAAa,KAAK,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC7K,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA,aAAa,SAAS,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACrL,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjL,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACvL,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACxL,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA,aAAa,cAAc,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC3L,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA,aAAa,OAAO,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACjL,OAAO,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA,aAAa,WAAW,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACzL,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA,aAAa,YAAY,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC/L,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAC3L,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACvL,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA,aAAa,UAAU,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QACvL,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA,aAAa,gBAAgB,sBAAsB,kBAAkB,qCAAqC,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC;QAE7L,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAEpC,0CAA0C;QAC1C,iCAAiC;QACjC,IAAI;QACJ,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAC1B,OAAO,CAAC,IAAI,CAAC,8EAA8E,CAAC,CAAC;YAC7F,OAAO,IAAI,CAAA,EAAE,CAAC;QAClB,CAAC;QAED,OAAO,IAAI,CAAA;cACL,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,kBAAkB,iBAAiB,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;uBACjJ,kBAAkB,iBAAiB,IAAI,CAAC,SAAS,kBAAkB,CAAC,IAAI,CAAC,SAAS;qFACpB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;6BACzF,QAAQ,IAAI,IAAI,CAAC,IAAI;;gBAEjC,EAAE,CAAC;IAChB,CAAC;;AA/IM,eAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAQzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CACvB;AAQpB;IADC,QAAQ,EAAE;sCACE;AAGb;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAChB;AAQZ;IADC,QAAQ,EAAE;yCACmB;AAQ9B;IADC,QAAQ,EAAE;2CACQ;AAgHvB,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;IAChD,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC;AAWD,eAAe,QAAQ,CAAC","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';\nimport svgArrowLeft from '@tmorrow/cre8-wc/icons/Arrow_-_Left.svg';\nimport svgChat from '@tmorrow/cre8-wc/icons/Chat_Default.svg';\nimport svgCalendar from '@tmorrow/cre8-wc/icons/Calendar.svg';\nimport svgCaretDown from '@tmorrow/cre8-wc/icons/Caret_Down_Filled.svg';\nimport svgCheckCircle from '@tmorrow/cre8-wc/icons/Check_Filled.svg';\nimport svgCheck from '@tmorrow/cre8-wc/icons/Check.svg';\nimport svgClose from '@tmorrow/cre8-wc/icons/Close.svg';\nimport svgDownload from '@tmorrow/cre8-wc/icons/Download.svg';\nimport svgEdit from '@tmorrow/cre8-wc/icons/Edit.svg';\nimport svgEllipsis from '@tmorrow/cre8-wc/icons/Ellipsis_Filled.svg';\nimport svgMessageFilled from '@tmorrow/cre8-wc/icons/Message_Unread_Filled.svg';\nimport svgMessage from '@tmorrow/cre8-wc/icons/Message_Unread.svg';\nimport svgError from '@tmorrow/cre8-wc/icons/Error.svg';\nimport svgExternal from '@tmorrow/cre8-wc/icons/External_Link.svg';\nimport svgMedication from '@tmorrow/cre8-wc/icons/Medication.svg';\nimport svgGlobe from '@tmorrow/cre8-wc/icons/Globe.svg';\nimport svgHelp from '@tmorrow/cre8-wc/icons/Help.svg';\nimport svgInfoFilled from '@tmorrow/cre8-wc/icons/Info.svg';\nimport svgCaretUp from '@tmorrow/cre8-wc/icons/Caret_Up.svg';\nimport svgLightbulb from '@tmorrow/cre8-wc/icons/Lightbulb.svg';\nimport svgLocation from '@tmorrow/cre8-wc/icons/Location.svg';\nimport svgMenu from '@tmorrow/cre8-wc/icons/Menu.svg';\nimport svgMinus from '@tmorrow/cre8-wc/icons/Minus.svg';\nimport svgAccountFilled from '@tmorrow/cre8-wc/icons/Account_Filled.svg';\nimport svgNotification from '@tmorrow/cre8-wc/icons/Notification.svg';\nimport svgRefill from '@tmorrow/cre8-wc/icons/Refill.svg';\nimport svgAccount from '@tmorrow/cre8-wc/icons/Account.svg';\nimport svgPlayFilled from '@tmorrow/cre8-wc/icons/Play_Arrow.svg';\nimport svgPlayCircle from '@tmorrow/cre8-wc/icons/Play_Circle.svg';\nimport svgSpinner from '@tmorrow/cre8-wc/icons/Spinner_75.svg';\nimport svgUndo from '@tmorrow/cre8-wc/icons/Undo.svg';\nimport svgSearch from '@tmorrow/cre8-wc/icons/Search.svg';\nimport svgCart from '@tmorrow/cre8-wc/icons/Cart.svg';\nimport svgRectangle from '@tmorrow/cre8-wc/icons/Rectangle.svg';\nimport svgVaccine from '@tmorrow/cre8-wc/icons/Vaccinations.svg';\nimport svgWarningFilled from '@tmorrow/cre8-wc/icons/Warning.svg';\nimport svgCaretDoubleRight from '@tmorrow/cre8-wc/icons/Caret_Double_Right.svg';\nimport svgErrorAlt from '@tmorrow/cre8-wc/icons/error-alt.svg';\nimport svgEsi from '@tmorrow/cre8-wc/icons/express-scripts.svg';\nimport svgInsta from '@tmorrow/cre8-wc/icons/instagram.svg';\nimport svgLinkedin from '@tmorrow/cre8-wc/icons/linkedin.svg';\nimport svgOpen from '@tmorrow/cre8-wc/icons/open.svg';\nimport svgPause from '@tmorrow/cre8-wc/icons/pause.svg';\nimport svgPersonBubble from '@tmorrow/cre8-wc/icons/person-bubble.svg';\nimport svgPinterest from '@tmorrow/cre8-wc/icons/pinterest.svg';\nimport svgRss from '@tmorrow/cre8-wc/icons/rss-feed.svg';\nimport svgRx from '@tmorrow/cre8-wc/icons/rx.svg';\nimport svgSwap from '@tmorrow/cre8-wc/icons/swap.svg';\nimport svgThumbsUp from '@tmorrow/cre8-wc/icons/thumb-up.svg';\nimport svgTrendFlat from '@tmorrow/cre8-wc/icons/trending-flat.svg';\nimport svgTrendUp from '@tmorrow/cre8-wc/icons/trending-up.svg';\nimport svgTwitter from '@tmorrow/cre8-wc/icons/twitter.svg';\n\nimport { Cre8Element } from '../cre8-element';\nimport styles from './icon.styles.js';\nimport iconSprite from '@tmorrow/cre8-wc/icons/cre8-icons.svg';\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 @tmorrow/cre8-wc/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';`\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-@tmorrow/cre8-wc/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 @tmorrow/cre8-wc/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`;\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['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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-tile.styles.d.ts","sourceRoot":"","sources":["../../../components/select-tile/select-tile.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"select-tile.styles.d.ts","sourceRoot":"","sources":["../../../components/select-tile/select-tile.styles.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM,yBA8hCV,CAAC;AACH,eAAe,MAAM,CAAC"}
|