wcs-core 4.0.2 → 4.1.0

package/dist/wcs/p-b229a91c.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["WcsButtonSizeValues","isWcsButtonSize","size","includes","buttonCss","Button","onClick","ev","this","disabled","loading","stopImmediatePropagation","type","hasShadowDom","el","form","closest","preventDefault","fakeButton","window","document","createElement","style","display","appendChild","click","remove","componentWillLoad","console","error","join","componentDidLoad","mdcRipple","MDCRipple","shadowRoot","querySelector","enabledRippleEffect","disabledRippleEffect","getTagName","href","undefined","onRippleChange","ripple","render","TagType","attrs","role","target","h","Object","assign","class"],"sources":["./src/components/button/button-interface.ts","./src/components/button/button.scss?tag=wcs-button&encapsulation=shadow","./src/components/button/button.tsx"],"sourcesContent":["import { WcsSize } from '../../shared-types';\n\nexport type WcsButtonType = 'button' | 'submit';\n\nexport type WcsButtonShape = 'normal' | 'round' | 'square';\n\nexport type WcsButtonMode = 'plain' | 'stroked' | 'clear';\n\nexport const WcsButtonSizeValues = ['s', 'm', 'l'] as const; // as const keyword is used to infer and preserve the exact literal values of an array or object.\n\nexport type WcsButtonSize = Extract<WcsSize, typeof WcsButtonSizeValues[number]>;\n\nexport function isWcsButtonSize(size: string): size is WcsButtonSize {\n    // @ts-ignore : ignore size type, as it is checked with WcsButtonSizeValues\n    return WcsButtonSizeValues.includes(size);\n}\n","@import '../../style/elevation.scss';\n// TODO: get rid of this.\n@import '~@material/ripple/mdc-ripple';\n@import '../../style/focus-outline.scss';\n\n:host {\n    display: inline-block;\n    --wcs-button-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-background-color: var(--wcs-base, var(--wcs-primary, #0088CE));\n    --wcs-button-ripple-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-border-radius: var(--wcs-border-radius);\n    --wcs-button-border-color: var(--wcs-base);\n}\n\n.wcs-inner-button:focus-visible {\n    @include focus-outline($border-radius: var(--wcs-button-border-radius));\n}\n\n:host([mode=clear]) {\n    --wcs-button-border-color: transparent;\n\n    .wcs-inner-button {\n        box-shadow: none;\n    }\n}\n\n:host([mode=clear]),\n:host([mode=stroked]) {\n    --wcs-button-color: var(--wcs-base);\n    --wcs-button-background-color: transparent;\n\n    .wcs-inner-button {\n        &::before,\n        &::after {\n            --wcs-button-ripple-color: var(--wcs-base);\n        }\n    }\n}\n\n:host([size=l]) {\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-l);\n    --wcs-button-min-width: var(--wcs-size-l);\n    --wcs-button-font-size: 1.0625rem;\n}\n\n:host([size=m]) { // Default\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-m);\n    --wcs-button-min-width: var(--wcs-size-m);\n    --wcs-button-font-size: 1rem;\n}\n\n:host([size=s]) {\n    --wcs-button-padding: var(--wcs-padding-s) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-s);\n    --wcs-button-min-width: var(--wcs-size-s);\n    --wcs-button-font-size: 0.9375rem;\n}\n\n:host([shape=round]) {\n    --wcs-button-border-radius: 2rem;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=square]) {\n    --wcs-button-padding: 0;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=normal]) {\n    .wcs-inner-button {\n        min-width: var(--wcs-button-min-width, unset);\n        min-height: var(--wcs-button-min-height, unset);\n    }\n}\n\n:host([mode=stroked]) {\n    .wcs-inner-button {\n        box-shadow: inset 0 0 0 1px var(--wcs-button-border-color);\n    }\n}\n\n:host([loading]) {\n    position: relative;\n\n    .wcs-inner-button > *:not(wcs-spinner) {\n        visibility: hidden;\n        opacity: 0;\n    }\n\n    wcs-spinner {\n        height: calc(var(--wcs-button-min-height) / 2);\n        width: calc(var(--wcs-button-min-width) / 2);\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n\n:host([disabled]), :host([loading]) {\n    :host(not[loading]) {\n        --wcs-button-background-color: var(--wcs-light);\n    }\n    --wcs-button-color: var(--wcs-text-disabled);\n    cursor: not-allowed;\n\n    .wcs-inner-button {\n        // Fix for stroked button\n        --wcs-button-border-color: var(--wcs-light);\n        opacity: 1;\n        cursor: default;\n        pointer-events: none;\n    }\n\n    &:host([mode=clear]),\n    &:host([disabled]) {\n        --wcs-button-background-color: transparent;\n    }\n}\n\n.wcs-inner-button {\n    @include mdc-ripple-surface;\n    @include mdc-ripple-radius-bounded;\n    @include mdc-states-hover-opacity(.1);\n    @include mdc-states-focus-opacity(.2);\n    @include mdc-states-press-opacity(.3);\n    @include mdc-states-base-color(white);\n\n    // This property is used to set the ripple color\n    &::before,\n    &::after {\n        background-color: var(--wcs-button-ripple-color);\n    }\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    font-family: var(--wcs-font-sans-serif);\n    background-color: var(--wcs-button-background-color);\n    color: var(--wcs-button-color);\n    padding: var(--wcs-button-padding);\n    border-radius: var(--wcs-button-border-radius);\n    border: none;\n    overflow: hidden;\n    outline: 0;\n    text-transform: none;\n    margin: 0;\n    cursor: pointer;\n    font-weight: 500;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    font-size: var(--wcs-button-font-size);\n    line-height: 1.5;\n    min-height: var(--wcs-button-min-height);\n    min-width: var(--wcs-button-min-width);\n\n    transition: color 175ms ease-in-out, background-color 175ms ease-in-out, wcs-elevation-transition();\n\n    &:focus {\n        @include wcs-elevation(1);\n    }\n\n    &:hover {\n        @include wcs-elevation(2);\n    }\n}\n\na {\n    text-decoration: none;\n    box-sizing: border-box;\n}\n\n// Remove mozilla dotted outline on button and a\nbutton::-moz-focus-inner,\na::-moz-focus-inner {\n    border: 0;\n}\n","import {Component, ComponentInterface, Element, h, Listen, Prop, Watch} from '@stencil/core';\n\nimport { MDCRipple } from '@material/ripple';\n\nimport {\n    isWcsButtonSize,\n    WcsButtonMode,\n    WcsButtonShape,\n    WcsButtonSize,\n    WcsButtonSizeValues,\n    WcsButtonType\n} from './button-interface';\nimport { hasShadowDom } from '../../utils/helpers';\n\n/**\n * Button component, can also be a link when specifying href.\n */\n@Component({\n    tag: 'wcs-button',\n    styleUrl: 'button.scss',\n    shadow: {\n        delegatesFocus: true\n    }\n})\nexport class Button implements ComponentInterface {\n    @Element() private el!: HTMLElement;\n\n    /**\n     * Specify the button type.\n     */\n    @Prop({ mutable: true }) type: WcsButtonType = 'button';\n\n    /**\n     * Set a URL to point to.<br/>\n     * If specified use a `a` tag instead of `btn`.\n     */\n    @Prop() href?: string;\n\n    /**\n     * Specifies where to open the linked document when using href (see prop above)<br/>\n     * Default '_self' will open the linked document in the same frame as it was clicked\n     */\n    @Prop() target?: '_blank' | '_self';\n\n    /**\n     * Specify whether the button is disabled or not.\n     */\n    @Prop({ reflect: true }) disabled = false;\n\n    /**\n     * Specify whether the button should have a ripple effect or not.\n     */\n    @Prop() ripple = true;\n    private mdcRipple: MDCRipple;\n\n    /**\n     * Specify the size of the button.\n     */\n    @Prop({ reflect: true }) size: WcsButtonSize = 'm';\n\n    /**\n     * Specify the shape of the button.\n     */\n    @Prop({ reflect: true }) shape: WcsButtonShape = 'normal';\n\n    /**\n     * This attribute specify the appearance of the button.\n     */\n    @Prop({ reflect: true }) mode: WcsButtonMode = 'plain';\n\n    /**\n     * Flag to display spinner until the end of action\n     */\n    @Prop({mutable: true}) loading: boolean = false;\n\n    @Listen('click')\n    onClick(ev: Event) {\n        if (this.disabled || this.loading) {\n            ev.stopImmediatePropagation();\n        }\n        if (this.type !== 'button' && hasShadowDom(this.el)) {\n            // this button wants to specifically submit a form\n            // climb up the dom to see if we're in a <form>\n            // and if so, then use JS to submit it\n            const form = this.el.closest('form');\n            if (form) {\n                ev.preventDefault();\n\n                const fakeButton = window.document.createElement('button');\n                fakeButton.type = this.type;\n                fakeButton.style.display = 'none';\n                form.appendChild(fakeButton);\n                fakeButton.click();\n                fakeButton.remove();\n            }\n        }\n    }\n\n    componentWillLoad(): Promise<void> | void {\n        if (!isWcsButtonSize(this.size)) {\n            console.error(`Invalid size value for wcs-button : \"${this.size}\". Must be one of \"${WcsButtonSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n    }\n\n    componentDidLoad() {\n        this.mdcRipple = new MDCRipple(this.el.shadowRoot.querySelector('.wcs-inner-button'));\n    }\n\n    private enabledRippleEffect() {\n        this.mdcRipple.disabled = false;\n    }\n\n    private disabledRippleEffect() {\n        this.mdcRipple.disabled = true;\n    }\n\n    private getTagName() {\n        return this.href !== undefined ? 'a' : 'button';\n    }\n\n    @Watch('ripple')\n    onRippleChange(): void {\n        if (this.ripple) {\n            this.enabledRippleEffect();\n        } else {\n            this.disabledRippleEffect();\n        }\n    }\n\n    render() {\n        const TagType = this.getTagName();\n        const attrs = this.href !== undefined\n            ? { href: this.href, role: 'button', target: this.target }\n            : { type: this.type };\n        return (\n            <TagType\n                {...attrs}\n                class=\"wcs-inner-button\"\n                disabled = {this.disabled || this.loading}\n            >\n                {\n                    this.loading && <wcs-spinner></wcs-spinner>\n                }\n                <slot/>\n            </TagType>\n        );\n    }\n}\n"],"mappings":"0HAQO,MAAMA,EAAsB,CAAC,IAAK,IAAK,K,SAI9BC,EAAgBC,GAE5B,OAAOF,EAAoBG,SAASD,EACxC,CCfA,MAAME,EAAY,g/T,MCwBLC,EAAM,M,mCAMgC,S,wDAiBX,M,YAKnB,K,UAM8B,I,WAKE,S,UAKF,Q,aAKL,K,CAG1CC,QAAQC,GACJ,GAAIC,KAAKC,UAAYD,KAAKE,QAAS,CAC/BH,EAAGI,0B,CAEP,GAAIH,KAAKI,OAAS,UAAYC,EAAaL,KAAKM,IAAK,CAIjD,MAAMC,EAAOP,KAAKM,GAAGE,QAAQ,QAC7B,GAAID,EAAM,CACNR,EAAGU,iBAEH,MAAMC,EAAaC,OAAOC,SAASC,cAAc,UACjDH,EAAWN,KAAOJ,KAAKI,KACvBM,EAAWI,MAAMC,QAAU,OAC3BR,EAAKS,YAAYN,GACjBA,EAAWO,QACXP,EAAWQ,Q,GAKvBC,oBACI,IAAK1B,EAAgBO,KAAKN,MAAO,CAC7B0B,QAAQC,MAAM,wCAAwCrB,KAAKN,0BAA0BF,EAAoB8B,KAAK,UAC9GtB,KAAKN,KAAO,G,EAIpB6B,mBACIvB,KAAKwB,UAAY,IAAIC,EAAUzB,KAAKM,GAAGoB,WAAWC,cAAc,qB,CAG5DC,sBACJ5B,KAAKwB,UAAUvB,SAAW,K,CAGtB4B,uBACJ7B,KAAKwB,UAAUvB,SAAW,I,CAGtB6B,aACJ,OAAO9B,KAAK+B,OAASC,UAAY,IAAM,Q,CAI3CC,iBACI,GAAIjC,KAAKkC,OAAQ,CACblC,KAAK4B,qB,KACF,CACH5B,KAAK6B,sB,EAIbM,SACI,MAAMC,EAAUpC,KAAK8B,aACrB,MAAMO,EAAQrC,KAAK+B,OAASC,UACtB,CAAED,KAAM/B,KAAK+B,KAAMO,KAAM,SAAUC,OAAQvC,KAAKuC,QAChD,CAAEnC,KAAMJ,KAAKI,MACnB,OACIoC,EAACJ,EAAOK,OAAAC,OAAA,GACAL,EAAK,CACTM,MAAM,mBACN1C,SAAYD,KAAKC,UAAYD,KAAKE,UAG9BF,KAAKE,SAAWsC,EAAA,oBAEpBA,EAAA,a"}
+{"version":3,"names":["WcsButtonSizeValues","isWcsButtonSize","size","includes","buttonCss","Button","onClick","ev","this","disabled","loading","stopImmediatePropagation","type","hasShadowDom","el","form","closest","preventDefault","fakeButton","window","document","createElement","style","display","appendChild","click","remove","componentWillLoad","console","error","join","componentDidLoad","mdcRipple","MDCRipple","shadowRoot","querySelector","enabledRippleEffect","disabledRippleEffect","getTagName","href","undefined","onRippleChange","ripple","render","TagType","attrs","role","target","h","Object","assign","class"],"sources":["./src/components/button/button-interface.ts","./src/components/button/button.scss?tag=wcs-button&encapsulation=shadow","./src/components/button/button.tsx"],"sourcesContent":["import { WcsSize } from '../../shared-types';\n\nexport type WcsButtonType = 'button' | 'submit';\n\nexport type WcsButtonShape = 'normal' | 'round' | 'square';\n\nexport type WcsButtonMode = 'plain' | 'stroked' | 'clear';\n\nexport const WcsButtonSizeValues = ['s', 'm', 'l'] as const; // as const keyword is used to infer and preserve the exact literal values of an array or object.\n\nexport type WcsButtonSize = Extract<WcsSize, typeof WcsButtonSizeValues[number]>;\n\nexport function isWcsButtonSize(size: string): size is WcsButtonSize {\n    // @ts-ignore : ignore size type, as it is checked with WcsButtonSizeValues\n    return WcsButtonSizeValues.includes(size);\n}\n","@import '../../style/elevation.scss';\n// TODO: get rid of this.\n@import '~@material/ripple/mdc-ripple';\n@import '../../style/focus-outline.scss';\n\n:host {\n    display: inline-block;\n    --wcs-button-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-background-color: var(--wcs-base, var(--wcs-primary, #0088CE));\n    --wcs-button-ripple-color: var(--wcs-contrast, var(--wcs-white, white));\n    --wcs-button-border-radius: var(--wcs-border-radius);\n    --wcs-button-border-color: var(--wcs-base);\n}\n\n.wcs-inner-button:focus-visible {\n    @include focus-outline($border-radius: var(--wcs-button-border-radius));\n}\n\n:host([mode=clear]) {\n    --wcs-button-border-color: transparent;\n\n    .wcs-inner-button {\n        box-shadow: none;\n    }\n}\n\n:host([mode=clear]),\n:host([mode=stroked]) {\n    --wcs-button-color: var(--wcs-base);\n    --wcs-button-background-color: transparent;\n\n    .wcs-inner-button {\n        &::before,\n        &::after {\n            --wcs-button-ripple-color: var(--wcs-base);\n        }\n    }\n}\n\n:host([size=l]) {\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-l);\n    --wcs-button-min-width: var(--wcs-size-l);\n    --wcs-button-font-size: 1.0625rem;\n}\n\n:host([size=m]) { // Default\n    --wcs-button-padding: var(--wcs-padding-m) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-m);\n    --wcs-button-min-width: var(--wcs-size-m);\n    --wcs-button-font-size: 1rem;\n}\n\n:host([size=s]) {\n    --wcs-button-padding: var(--wcs-padding-s) var(--wcs-padding);\n    --wcs-button-min-height: var(--wcs-size-s);\n    --wcs-button-min-width: var(--wcs-size-s);\n    --wcs-button-font-size: 0.9375rem;\n}\n\n:host([shape=round]) {\n    --wcs-button-border-radius: 2rem;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=square]) {\n    --wcs-button-padding: 0;\n\n    ::slotted(wcs-mat-icon) {\n        margin: calc(-1 * var(--wcs-padding));\n    }\n}\n\n:host([shape=normal]) {\n    .wcs-inner-button {\n        min-width: var(--wcs-button-min-width, unset);\n        min-height: var(--wcs-button-min-height, unset);\n    }\n}\n\n:host([mode=stroked]) {\n    .wcs-inner-button {\n        box-shadow: inset 0 0 0 1px var(--wcs-button-border-color);\n    }\n}\n\n:host([loading]) {\n    position: relative;\n\n    .wcs-inner-button > *:not(wcs-spinner) {\n        visibility: hidden;\n        opacity: 0;\n    }\n\n    wcs-spinner {\n        height: calc(var(--wcs-button-min-height) / 2);\n        width: calc(var(--wcs-button-min-width) / 2);\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        margin: auto;\n    }\n}\n\n:host([disabled]), :host([loading]) {\n    :host(not[loading]) {\n        --wcs-button-background-color: var(--wcs-light);\n    }\n    --wcs-button-color: var(--wcs-text-disabled);\n    cursor: not-allowed;\n\n    .wcs-inner-button {\n        // Fix for stroked button\n        --wcs-button-border-color: var(--wcs-light);\n        opacity: 1;\n        cursor: default;\n        pointer-events: none;\n    }\n\n    &:host([mode=clear]),\n    &:host([disabled]) {\n        --wcs-button-background-color: transparent;\n    }\n}\n\n.wcs-inner-button {\n    @include mdc-ripple-surface;\n    @include mdc-ripple-radius-bounded;\n    @include mdc-states-hover-opacity(.1);\n    @include mdc-states-focus-opacity(.2);\n    @include mdc-states-press-opacity(.3);\n    @include mdc-states-base-color(white);\n\n    // This property is used to set the ripple color\n    &::before,\n    &::after {\n        background-color: var(--wcs-button-ripple-color);\n    }\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    font-family: var(--wcs-font-sans-serif);\n    background-color: var(--wcs-button-background-color);\n    color: var(--wcs-button-color);\n    padding: var(--wcs-button-padding);\n    border-radius: var(--wcs-button-border-radius);\n    border: none;\n    overflow: hidden;\n    outline: 0;\n    text-transform: none;\n    margin: 0;\n    cursor: pointer;\n    font-weight: 500;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    user-select: none;\n    font-size: var(--wcs-button-font-size);\n    line-height: 1.5;\n    min-height: var(--wcs-button-min-height);\n    min-width: var(--wcs-button-min-width);\n\n    transition: color 175ms ease-in-out, background-color 175ms ease-in-out, wcs-elevation-transition();\n\n    &:focus {\n        @include wcs-elevation(1);\n    }\n\n    &:hover {\n        @include wcs-elevation(2);\n    }\n}\n\na {\n    text-decoration: none;\n    box-sizing: border-box;\n}\n\n// Remove mozilla dotted outline on button and a\nbutton::-moz-focus-inner,\na::-moz-focus-inner {\n    border: 0;\n}\n","import {Component, ComponentInterface, Element, h, Listen, Prop, Watch} from '@stencil/core';\n\nimport { MDCRipple } from '@material/ripple';\n\nimport {\n    isWcsButtonSize,\n    WcsButtonMode,\n    WcsButtonShape,\n    WcsButtonSize,\n    WcsButtonSizeValues,\n    WcsButtonType\n} from './button-interface';\nimport { hasShadowDom } from '../../utils/helpers';\n\n/**\n * Button component, can also be a link when specifying href.\n *\n * ## Click event\n *\n * The WCS button relies on the native click event to pass a user click to your app.\n * For now, it's not possible for us to prevent the click event to be fired when the button's disabled attribute is true.\n * This means you'll receive click events on a disabled wcs button.\n * If you're using the button with a library like Angular or React, they have internal mechanisms to prevent this behavior. Your callbacks will therefore not be called.\n * To fix this problem, we plan to provide a wcsClick event in addition to the native click for applications developed without frameworks.\n */\n@Component({\n    tag: 'wcs-button',\n    styleUrl: 'button.scss',\n    shadow: {\n        delegatesFocus: true\n    }\n})\nexport class Button implements ComponentInterface {\n    @Element() private el!: HTMLElement;\n\n    /**\n     * Specify the button type.\n     */\n    @Prop({ mutable: true }) type: WcsButtonType = 'button';\n\n    /**\n     * Set a URL to point to.<br/>\n     * If specified use a `a` tag instead of `btn`.\n     */\n    @Prop() href?: string;\n\n    /**\n     * Specifies where to open the linked document when using href (see prop above)<br/>\n     * Default '_self' will open the linked document in the same frame as it was clicked\n     */\n    @Prop() target?: '_blank' | '_self';\n\n    /**\n     * Specify whether the button is disabled or not.\n     */\n    @Prop({ reflect: true }) disabled = false;\n\n    /**\n     * Specify whether the button should have a ripple effect or not.\n     */\n    @Prop() ripple = true;\n    private mdcRipple: MDCRipple;\n\n    /**\n     * Specify the size of the button.\n     */\n    @Prop({ reflect: true }) size: WcsButtonSize = 'm';\n\n    /**\n     * Specify the shape of the button.\n     */\n    @Prop({ reflect: true }) shape: WcsButtonShape = 'normal';\n\n    /**\n     * This attribute specify the appearance of the button.\n     */\n    @Prop({ reflect: true }) mode: WcsButtonMode = 'plain';\n\n    /**\n     * Flag to display spinner until the end of action\n     */\n    @Prop({mutable: true}) loading: boolean = false;\n\n    /**\n     * Native event click is emit event if we decide to stop propagation of it\n     * @param ev\n     */\n    @Listen('click')  // TODO: define custom event click to be able to stop it's propagation when the custom button is disabled or is in loading state\n    onClick(ev: Event) {\n        if (this.disabled || this.loading) {\n            ev.stopImmediatePropagation();\n        }\n        if (this.type !== 'button' && hasShadowDom(this.el)) {\n            // this button wants to specifically submit a form\n            // climb up the dom to see if we're in a <form>\n            // and if so, then use JS to submit it\n            const form = this.el.closest('form');\n            if (form) {\n                ev.preventDefault();\n\n                const fakeButton = window.document.createElement('button');\n                fakeButton.type = this.type;\n                fakeButton.style.display = 'none';\n                form.appendChild(fakeButton);\n                fakeButton.click();\n                fakeButton.remove();\n            }\n        }\n    }\n\n    componentWillLoad(): Promise<void> | void {\n        if (!isWcsButtonSize(this.size)) {\n            console.error(`Invalid size value for wcs-button : \"${this.size}\". Must be one of \"${WcsButtonSizeValues.join(', ')}\"`);\n            this.size = \"m\"; // Default fallback value\n        }\n    }\n\n    componentDidLoad() {\n        this.mdcRipple = new MDCRipple(this.el.shadowRoot.querySelector('.wcs-inner-button'));\n    }\n\n    private enabledRippleEffect() {\n        this.mdcRipple.disabled = false;\n    }\n\n    private disabledRippleEffect() {\n        this.mdcRipple.disabled = true;\n    }\n\n    private getTagName() {\n        return this.href !== undefined ? 'a' : 'button';\n    }\n\n    @Watch('ripple')\n    onRippleChange(): void {\n        if (this.ripple) {\n            this.enabledRippleEffect();\n        } else {\n            this.disabledRippleEffect();\n        }\n    }\n\n    render() {\n        const TagType = this.getTagName();\n        const attrs = this.href !== undefined\n            ? { href: this.href, role: 'button', target: this.target }\n            : { type: this.type };\n        return (\n            <TagType\n                {...attrs}\n                class=\"wcs-inner-button\"\n                disabled = {this.disabled || this.loading}\n            >\n                {\n                    this.loading && <wcs-spinner></wcs-spinner>\n                }\n                <slot/>\n            </TagType>\n        );\n    }\n}\n"],"mappings":"0HAQO,MAAMA,EAAsB,CAAC,IAAK,IAAK,K,SAI9BC,EAAgBC,GAE5B,OAAOF,EAAoBG,SAASD,EACxC,CCfA,MAAME,EAAY,g/T,MCgCLC,EAAM,M,mCAMgC,S,wDAiBX,M,YAKnB,K,UAM8B,I,WAKE,S,UAKF,Q,aAKL,K,CAO1CC,QAAQC,GACJ,GAAIC,KAAKC,UAAYD,KAAKE,QAAS,CAC/BH,EAAGI,0B,CAEP,GAAIH,KAAKI,OAAS,UAAYC,EAAaL,KAAKM,IAAK,CAIjD,MAAMC,EAAOP,KAAKM,GAAGE,QAAQ,QAC7B,GAAID,EAAM,CACNR,EAAGU,iBAEH,MAAMC,EAAaC,OAAOC,SAASC,cAAc,UACjDH,EAAWN,KAAOJ,KAAKI,KACvBM,EAAWI,MAAMC,QAAU,OAC3BR,EAAKS,YAAYN,GACjBA,EAAWO,QACXP,EAAWQ,Q,GAKvBC,oBACI,IAAK1B,EAAgBO,KAAKN,MAAO,CAC7B0B,QAAQC,MAAM,wCAAwCrB,KAAKN,0BAA0BF,EAAoB8B,KAAK,UAC9GtB,KAAKN,KAAO,G,EAIpB6B,mBACIvB,KAAKwB,UAAY,IAAIC,EAAUzB,KAAKM,GAAGoB,WAAWC,cAAc,qB,CAG5DC,sBACJ5B,KAAKwB,UAAUvB,SAAW,K,CAGtB4B,uBACJ7B,KAAKwB,UAAUvB,SAAW,I,CAGtB6B,aACJ,OAAO9B,KAAK+B,OAASC,UAAY,IAAM,Q,CAI3CC,iBACI,GAAIjC,KAAKkC,OAAQ,CACblC,KAAK4B,qB,KACF,CACH5B,KAAK6B,sB,EAIbM,SACI,MAAMC,EAAUpC,KAAK8B,aACrB,MAAMO,EAAQrC,KAAK+B,OAASC,UACtB,CAAED,KAAM/B,KAAK+B,KAAMO,KAAM,SAAUC,OAAQvC,KAAKuC,QAChD,CAAEnC,KAAMJ,KAAKI,MACnB,OACIoC,EAACJ,EAAOK,OAAAC,OAAA,GACAL,EAAK,CACTM,MAAM,mBACN1C,SAAYD,KAAKC,UAAYD,KAAKE,UAG9BF,KAAKE,SAAWsC,EAAA,oBAEpBA,EAAA,a"}

package/dist/wcs/p-cfcacc44.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t}from"./p-a2df3a49.js";const e=":host{display:block;position:relative;overflow:hidden}:host span{display:flex;flex:1 1 auto;height:100%;width:100%;min-height:1rem;background:#ededed;background:linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);background-size:400% 100%}:host([animation=glide]) span{animation:glide 1.5s ease-in-out 0.5s infinite}:host([animation=pulse]){animation:pulse 1.5s ease-in-out 0.5s infinite}@keyframes glide{from{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}:host([height=h1]){height:42px}:host([height=h2]){height:36px}:host([height=h3]){height:30px}:host([height=caption]){height:24px}:host([height=body]){height:16px}";const o=class{constructor(t){i(this,t);this.animation="glide";this.height="body"}render(){return t("span",{"aria-hidden":"true"})}};o.style=e;export{o as wcs_skeleton_text};
+//# sourceMappingURL=p-cfcacc44.entry.js.map

package/dist/wcs/p-cfcacc44.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["skeletonTextCss","SkeletonText","render","h"],"sources":["./src/components/skeleton-text/skeleton-text.scss?tag=wcs-skeleton-text&encapsulation=shadow","./src/components/skeleton-text/skeleton-text.tsx"],"sourcesContent":["@import \"../skeleton/skeleton.scss\";\n\n:host([height=h1]) {\n    height: 42px;\n}\n\n:host([height=h2]) {\n    height: 36px;\n}\n\n:host([height=h3]) {\n    height: 30px;\n}\n\n:host([height=caption]) {\n    height: 24px;\n}\n\n:host([height=body]) {\n    height: 16px;\n}\n\n","import { Component, ComponentInterface, h, Prop } from \"@stencil/core\";\nimport { WcsSkeletonAnimation } from \"../skeleton/skeleton-interface\";\n\n/**\n * Use a skeleton text as a placeholder for titles or paragraphs.\n */\n@Component({\n    tag: 'wcs-skeleton-text',\n    styleUrl: 'skeleton-text.scss',\n    shadow: true\n})\nexport class SkeletonText implements ComponentInterface {\n\n    /**\n     * Specifies the animation of the skeleton\n     */\n    @Prop({reflect: true}) animation: WcsSkeletonAnimation = 'glide';\n\n    /**\n     * Specifies the line height of the text skeleton\n     */\n    @Prop() height: 'h1' | 'h2' | 'h3' | 'caption' | 'body' = 'body';\n\n    render() {\n        return <span aria-hidden=\"true\"></span>;\n    }\n\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,suB,MCWXC,EAAY,M,wCAKoC,Q,YAKC,M,CAE1DC,SACI,OAAOC,EAAA,sBAAkB,Q"}

package/dist/wcs/p-dfddec76.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as e,H as t}from"./p-a2df3a49.js";const s=":host{display:block;position:relative;overflow:hidden}:host span{display:flex;flex:1 1 auto;height:100%;width:100%;min-height:1rem;background:#ededed;background:linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);background-size:400% 100%}:host([animation=glide]) span{animation:glide 1.5s ease-in-out 0.5s infinite}:host([animation=pulse]){animation:pulse 1.5s ease-in-out 0.5s infinite}@keyframes glide{from{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}:host{aspect-ratio:1/1;border-radius:999rem}";const a=class{constructor(e){i(this,e);this.animation="glide";this.radius=50}render(){return e(t,{style:{width:`${this.radius}px`,height:`${this.radius}px`}},e("span",{"aria-hidden":"true"}))}};a.style=s;export{a as wcs_skeleton_circle};
+//# sourceMappingURL=p-dfddec76.entry.js.map

package/dist/wcs/p-dfddec76.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["skeletonCircleCss","SkeletonCircle","render","h","Host","style","width","this","radius","height"],"sources":["./src/components/skeleton-circle/skeleton-circle.scss?tag=wcs-skeleton-circle&encapsulation=shadow","./src/components/skeleton-circle/skeleton-circle.tsx"],"sourcesContent":["@import \"../skeleton/skeleton.scss\";\n\n:host {\n    aspect-ratio: 1/1;\n    border-radius: 999rem;\n}\n","import { Component, ComponentInterface, h, Host, Prop } from \"@stencil/core\";\nimport { WcsSkeletonAnimation } from \"../skeleton/skeleton-interface\";\n\n/**\n * Use a skeleton circle as a placeholder round images, illustrations or components\n */\n@Component({\n    tag: 'wcs-skeleton-circle',\n    styleUrl: 'skeleton-circle.scss',\n    shadow: true\n})\nexport class SkeletonCircle implements ComponentInterface {\n\n    /**\n     * Specifies the animation of the skeleton\n     */\n    @Prop({reflect: true}) animation: WcsSkeletonAnimation = 'glide';\n\n    /**\n     * Specifies the radius of the circle in px\n     */\n    @Prop({reflect: true}) radius: number = 50;\n\n    render() {\n        return (\n            <Host style={{width: `${this.radius}px`, height: `${this.radius}px`}}>\n                <span aria-hidden=\"true\"></span>\n            </Host>\n        );\n    }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,gnB,MCWbC,EAAc,M,wCAKkC,Q,YAKjB,E,CAExCC,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,CAACC,MAAO,GAAGC,KAAKC,WAAYC,OAAQ,GAAGF,KAAKC,aACrDL,EAAA,sBAAkB,S"}

package/dist/wcs/wcs.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as n}from"./p-a2df3a49.js";export{s as setNonce}from"./p-a2df3a49.js";const o=()=>{const n=import.meta.url;const o={};if(n!==""){o.resourcesUrl=new URL(".",n).href}return e(o)};o().then((e=>n([["p-9ecdeaf9",[[1,"wcs-editable-field",{type:[1],label:[1],readonly:[4],value:[1032],validateFn:[16],formatFn:[16],errorMsg:[1,"error-msg"],size:[513],currentState:[32],isError:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-d6b3f742",[[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[4,"check-on-complete"],internalCurrentStep:[32],previous:[64],next:[64]}]]],["p-a24fa4f4",[[1,"wcs-counter",{size:[513],label:[1],min:[1026],max:[1026],step:[1026],value:[1026],currentValue:[32],displayedValue:[32]}]]],["p-bcb8b731",[[1,"wcs-grid",{serverMode:[4,"server-mode"],data:[16],loading:[4],selectionConfig:[1,"selection-config"],selectedItems:[8,"selected-items"],wcsGridPaginationId:[1,"wcs-grid-pagination-id"],rowIdPath:[1,"row-id-path"],columns:[32],paginationEl:[32],rows:[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["p-463667c9",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-94d95b99",[[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[516],showCloseButton:[516,"show-close-button"],size:[1],hideActions:[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["p-732b2faa",[[1,"wcs-dropdown",{noArrow:[4,"no-arrow"],mode:[1],shape:[1],disabled:[4],placement:[1],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"],[0,"keydown","onKeyDown"]]]]],["p-966a241e",[[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-d2da0c9f",[[17,"wcs-input",{fireFocusEvents:[4,"fire-focus-events"],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[4,"clear-on-edit"],debounce:[2],prefixLabel:[1,"prefix-label"],suffixLabel:[1,"suffix-label"],disabled:[4],enterkeyhint:[1],size:[513],icon:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],multiple:[4],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],step:[1],type:[1],value:[1032],hasFocus:[32],passwordReveal:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-26c4c983",[[1,"wcs-textarea",{fireFocusEvents:[4,"fire-focus-events"],autocapitalize:[1],autofocus:[4],clearOnEdit:[1028,"clear-on-edit"],debounce:[2],disabled:[4],icon:[1],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],cols:[2],rows:[2],wrap:[1],autoGrow:[4,"auto-grow"],value:[1025],resize:[513],hasFocus:[32],fitContent:[64],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-b6160b7c",[[1,"wcs-accordion",{hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"]},[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["p-cdd172b4",[[1,"wcs-accordion-content"]]],["p-8d57835f",[[1,"wcs-accordion-header"]]],["p-810aff71",[[1,"wcs-accordion-panel",{open:[1540],hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"],close:[64]}]]],["p-fc3f5b53",[[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}]]],["p-31a8d23f",[[1,"wcs-app"]]],["p-02b95dbf",[[1,"wcs-badge",{shape:[1],color:[1]}]]],["p-d084dd61",[[1,"wcs-card",{mode:[1537]}]]],["p-7a3f70da",[[1,"wcs-card-body"]]],["p-f386bb8b",[[1,"wcs-com-nav",{appName:[1,"app-name"],mobileMenuOpen:[32],currentActiveSizing:[32]},[[0,"wcsClickOnFinalAction","onClickOnFinalAction"],[0,"wcsCategoryItemClicked","onClickOnFinalActionCat"]]]]],["p-f82e7a61",[[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["p-b6cd196d",[[1,"wcs-com-nav-submenu",{label:[1],panelTitle:[1,"panel-title"],panelDescription:[1,"panel-description"],menuOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[8,"keydown","onEscapeKeyDown"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["p-17630eea",[[1,"wcs-divider"]]],["p-91b3e4b5",[[1,"wcs-dropdown-divider"]]],["p-269d244c",[[1,"wcs-dropdown-header"]]],["p-4b4d53e2",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["p-d3f1cafe",[[1,"wcs-field"]]],["p-257b15b9",[[1,"wcs-field-content"]]],["p-cc03627c",[[1,"wcs-field-label"]]],["p-1e43122f",[[1,"wcs-footer"]]],["p-ee453b6e",[[1,"wcs-galactic",{text:[1],show:[32]}]]],["p-627bbb6a",[[1,"wcs-grid-column",{path:[1],name:[1],sort:[4],sortFn:[16],formatter:[16],sortOrder:[1025,"sort-order"],width:[1],customCells:[4,"custom-cells"],hidden:[4]}]]],["p-30d8f9c3",[[1,"wcs-grid-custom-cell",{columnId:[1,"column-id"],rowId:[8,"row-id"]}]]],["p-47d8ece5",[[1,"wcs-header"]]],["p-50dce764",[[1,"wcs-hint",{small:[1540]}]]],["p-c7494651",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-54e29233",[[1,"wcs-label",{required:[516]}]]],["p-0ede0c37",[[1,"wcs-list-item",{activated:[1028]}]]],["p-ff9967eb",[[1,"wcs-list-item-properties"]]],["p-747a5962",[[1,"wcs-list-item-property"]]],["p-5a7999bb",[[1,"wcs-native-select",{size:[513],expanded:[32],disabled:[32]}]]],["p-429bd9fb",[[1,"wcs-nav"]]],["p-554ca93c",[[4,"wcs-nav-item",{text:[513],href:[513]},[[0,"keydown","onKeyDown"]]]]],["p-d5a0e271",[[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}]]],["p-069555a1",[[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["p-a5cd4c07",[[1,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[4]}]]],["p-64dd7356",[[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]]],["p-07b8cd36",[[1,"wcs-tabs",{align:[513],selectedIndex:[2,"selected-index"],selectedKey:[8,"selected-key"],headersOnly:[4,"headers-only"],gutter:[4],headers:[32],currentActiveTabIndex:[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["p-4a9f8e94",[[1,"wcs-tooltip",{for:[1],position:[513],interactive:[4],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]}]]],["p-9d798de4",[[1,"wcs-progress-bar",{small:[4],showLabel:[4,"show-label"],value:[2]}]]],["p-b856f2f6",[[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]},[[0,"keydown","onKeyDown"]]]]],["p-26e7de5c",[[4,"wcs-select-option",{disabled:[1540],selected:[1540],value:[8],chipColor:[1,"chip-color"],chipBackgroundColor:[1,"chip-background-color"],multiple:[1540]},[[1,"mousedown","onMouseDown"],[0,"keydown","handleKeydown"]]],[1,"wcs-select",{size:[513],value:[1032],placeholder:[1537],disabled:[1028],multiple:[516],chips:[516],name:[1],compareWith:[16],expanded:[32],hasLoaded:[32],displayText:[32],focused:[32],overlayDirection:[32],open:[64],close:[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"keydown","onKeyDown"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["p-4b2d8a6d",[[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}]]],["p-6acbf38a",[[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"],disabled:[4]}]]],["p-b229a91c",[[17,"wcs-button",{type:[1025],href:[1],target:[1],disabled:[516],ripple:[4],size:[513],shape:[513],mode:[513],loading:[1028]},[[0,"click","onClick"]]]]],["p-e86c6cbb",[[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1]}]]],["p-9910fedd",[[1,"wcs-spinner",{mode:[513]}]]]],e)));
+import{p as e,b as n}from"./p-a2df3a49.js";export{s as setNonce}from"./p-a2df3a49.js";const o=()=>{const n=import.meta.url;const o={};if(n!==""){o.resourcesUrl=new URL(".",n).href}return e(o)};o().then((e=>n([["p-9ecdeaf9",[[1,"wcs-editable-field",{type:[1],label:[1],readonly:[4],value:[1032],validateFn:[16],formatFn:[16],errorMsg:[1,"error-msg"],size:[513],currentState:[32],isError:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-d6b3f742",[[1,"wcs-horizontal-stepper",{currentStep:[1026,"current-step"],steps:[16],mode:[1],checkOnComplete:[4,"check-on-complete"],internalCurrentStep:[32],previous:[64],next:[64]}]]],["p-6b66ce85",[[1,"wcs-counter",{size:[513],label:[1],min:[1026],max:[1026],step:[1026],value:[1026],displayedValue:[32]}]]],["p-15058c29",[[1,"wcs-grid",{serverMode:[4,"server-mode"],data:[16],loading:[4],selectionConfig:[1,"selection-config"],selectedItems:[8,"selected-items"],wcsGridPaginationId:[1,"wcs-grid-pagination-id"],rowIdPath:[1,"row-id-path"],columns:[32],paginationEl:[32],rows:[32]},[[0,"wcsHiddenChange","onHiddenColumnChange"],[0,"wcsSortChange","sortChangeEventHandler"],[0,"wcsGridPaginationChange","paginationChangeEventHandler"],[8,"wcsGridPaginationChange","paginationChangeEventHandlerOutside"]]]]],["p-463667c9",[[1,"wcs-grid-pagination",{availablePageSizes:[16],currentPage:[2,"current-page"],pageSize:[2,"page-size"],itemsCount:[2,"items-count"],pageCount:[2,"page-count"]}]]],["p-94d95b99",[[4,"wcs-modal",{withoutBackdrop:[516,"without-backdrop"],show:[516],showCloseButton:[516,"show-close-button"],size:[1],hideActions:[516,"hide-actions"]},[[4,"keydown","onKeyDown"]]]]],["p-732b2faa",[[1,"wcs-dropdown",{noArrow:[4,"no-arrow"],mode:[1],shape:[1],disabled:[4],placement:[1],expanded:[32]},[[8,"click","onWindowClickEvent"],[0,"wcsDropdownItemClick","dropdownItemClick"],[0,"keydown","onKeyDown"]]]]],["p-966a241e",[[1,"wcs-galactic-menu",{text:[1],showPopoverMenu:[32]},[[8,"click","onWindowClickEvent"]]]]],["p-d2da0c9f",[[17,"wcs-input",{fireFocusEvents:[4,"fire-focus-events"],accept:[1],autocapitalize:[1],autocomplete:[1],autocorrect:[1],autofocus:[4],clearInput:[4,"clear-input"],clearOnEdit:[4,"clear-on-edit"],debounce:[2],prefixLabel:[1,"prefix-label"],suffixLabel:[1,"suffix-label"],disabled:[4],enterkeyhint:[1],size:[513],icon:[1],inputmode:[1],max:[1],maxlength:[2],min:[1],minlength:[2],multiple:[4],name:[1],pattern:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],step:[1],type:[1],value:[1032],hasFocus:[32],passwordReveal:[32],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-26c4c983",[[1,"wcs-textarea",{fireFocusEvents:[4,"fire-focus-events"],autocapitalize:[1],autofocus:[4],clearOnEdit:[1028,"clear-on-edit"],debounce:[2],disabled:[4],icon:[1],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],readonly:[4],required:[4],spellcheck:[4],state:[513],cols:[2],rows:[2],wrap:[1],autoGrow:[4,"auto-grow"],value:[1025],resize:[513],hasFocus:[32],fitContent:[64],setFocus:[64],setBlur:[64],getInputElement:[64]}]]],["p-b6160b7c",[[1,"wcs-accordion",{hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"]},[[0,"wcsOpenChange","wcsOpenChangeHandler"]]]]],["p-cdd172b4",[[1,"wcs-accordion-content"]]],["p-8d57835f",[[1,"wcs-accordion-header"]]],["p-810aff71",[[1,"wcs-accordion-panel",{open:[1540],hideActionText:[516,"hide-action-text"],highlight:[516],groupContentWithHeader:[516,"group-content-with-header"],close:[64]}]]],["p-fc3f5b53",[[1,"wcs-action-bar",{gutter:[4],hasTabs:[32]}]]],["p-31a8d23f",[[1,"wcs-app"]]],["p-02b95dbf",[[1,"wcs-badge",{shape:[1],color:[1]}]]],["p-d084dd61",[[1,"wcs-card",{mode:[1537]}]]],["p-7a3f70da",[[1,"wcs-card-body"]]],["p-84afb8af",[[1,"wcs-com-nav",{appName:[1,"app-name"],mobileMenuOpen:[32],currentActiveSizing:[32]},[[0,"wcsClickOnFinalAction","onClickOnFinalAction"],[0,"wcsCategoryItemClicked","onClickOnFinalActionCat"],[8,"keydown","exitMobileMenuOnKeyDown"]]]]],["p-f82e7a61",[[1,"wcs-com-nav-category",{label:[1],categoryOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsCategoryOpened","onSubmenuOpened"]]]]],["p-b6cd196d",[[1,"wcs-com-nav-submenu",{label:[1],panelTitle:[1,"panel-title"],panelDescription:[1,"panel-description"],menuOpen:[32],close:[64],open:[64]},[[8,"click","onWindowClickEvent"],[8,"wcsSubmenuOpened","onSubmenuOpened"],[8,"keydown","onEscapeKeyDown"],[0,"wcsCategoryItemClicked","wcsCategoryItemClickedHandler"]]]]],["p-17630eea",[[1,"wcs-divider"]]],["p-91b3e4b5",[[1,"wcs-dropdown-divider"]]],["p-269d244c",[[1,"wcs-dropdown-header"]]],["p-4b4d53e2",[[4,"wcs-dropdown-item",null,[[1,"mousedown","onMouseDown"],[0,"keydown","onKeyDown"]]]]],["p-d3f1cafe",[[1,"wcs-field"]]],["p-257b15b9",[[1,"wcs-field-content"]]],["p-cc03627c",[[1,"wcs-field-label"]]],["p-1e43122f",[[1,"wcs-footer"]]],["p-ee453b6e",[[1,"wcs-galactic",{text:[1],show:[32]}]]],["p-627bbb6a",[[1,"wcs-grid-column",{path:[1],name:[1],sort:[4],sortFn:[16],formatter:[16],sortOrder:[1025,"sort-order"],width:[1],customCells:[4,"custom-cells"],hidden:[4]}]]],["p-30d8f9c3",[[1,"wcs-grid-custom-cell",{columnId:[1,"column-id"],rowId:[8,"row-id"]}]]],["p-47d8ece5",[[1,"wcs-header"]]],["p-50dce764",[[1,"wcs-hint",{small:[1540]}]]],["p-c7494651",[[0,"wcs-icon",{icon:[1],size:[1]}]]],["p-54e29233",[[1,"wcs-label",{required:[516]}]]],["p-0ede0c37",[[1,"wcs-list-item",{activated:[1028]}]]],["p-ff9967eb",[[1,"wcs-list-item-properties"]]],["p-747a5962",[[1,"wcs-list-item-property"]]],["p-22480bd8",[[1,"wcs-native-select",{size:[513],expanded:[32],disabled:[32]}]]],["p-429bd9fb",[[1,"wcs-nav"]]],["p-554ca93c",[[4,"wcs-nav-item",{text:[513],href:[513]},[[0,"keydown","onKeyDown"]]]]],["p-d5a0e271",[[1,"wcs-progress-radial",{size:[2],showLabel:[4,"show-label"],value:[2]}]]],["p-069555a1",[[1,"wcs-radio-group",{value:[8],name:[520],mode:[513]},[[0,"wcsRadioClick","selectedOptionChanged"]]]]],["p-dfddec76",[[1,"wcs-skeleton-circle",{animation:[513],radius:[514]}]]],["p-292ca644",[[1,"wcs-skeleton-rectangle",{animation:[513],rounded:[516],height:[513],width:[513]}]]],["p-cfcacc44",[[1,"wcs-skeleton-text",{animation:[513],height:[1]}]]],["p-a5cd4c07",[[1,"wcs-switch",{name:[1],checked:[516],labelAlignment:[513,"label-alignment"],disabled:[4]}]]],["p-64dd7356",[[1,"wcs-tab",{header:[513],itemKey:[8,"item-key"]}]]],["p-07b8cd36",[[1,"wcs-tabs",{align:[513],selectedIndex:[2,"selected-index"],selectedKey:[8,"selected-key"],headersOnly:[4,"headers-only"],gutter:[4],headers:[32],currentActiveTabIndex:[32]},[[0,"tabLoaded","onTabLoaded"]]]]],["p-4a9f8e94",[[1,"wcs-tooltip",{for:[1],position:[513],interactive:[4],maxWidth:[8,"max-width"],delay:[2],duration:[2],trigger:[1],theme:[1],content:[1],appendTo:[1,"append-to"],hide:[64],show:[64],disable:[64],enable:[64]}]]],["p-9d798de4",[[1,"wcs-progress-bar",{small:[4],showLabel:[4,"show-label"],value:[2]}]]],["p-b856f2f6",[[1,"wcs-radio",{mode:[513],value:[1544],label:[1537],checked:[1540],disabled:[1028]},[[0,"keydown","onKeyDown"]]]]],["p-405140f9",[[4,"wcs-select-option",{disabled:[1540],selected:[1540],value:[8],chipColor:[1,"chip-color"],chipBackgroundColor:[1,"chip-background-color"],multiple:[1540]},[[1,"mousedown","onMouseDown"],[0,"keydown","handleKeydown"]]],[1,"wcs-select",{size:[513],value:[1032],placeholder:[1537],disabled:[1028],multiple:[516],chips:[516],name:[1],compareWith:[16],expanded:[32],hasLoaded:[32],displayText:[32],focused:[32],overlayDirection:[32],open:[64],close:[64]},[[1,"mousedown","onMouseDown"],[8,"click","onWindowClickEvent"],[0,"keydown","onKeyDown"],[0,"wcsSelectOptionClick","selectedOptionChanged"]]]]],["p-57560d7d",[[1,"wcs-error"],[1,"wcs-form-field",{isError:[1540,"is-error"],hasPrefix:[32],hasSuffix:[32],spiedElement:[32]}]]],["p-6acbf38a",[[1,"wcs-checkbox",{name:[1],indeterminate:[1540],checked:[1540],labelAlignment:[1537,"label-alignment"],disabled:[4]}]]],["p-b229a91c",[[17,"wcs-button",{type:[1025],href:[1],target:[1],disabled:[516],ripple:[4],size:[513],shape:[513],mode:[513],loading:[1028]},[[0,"click","onClick"]]]]],["p-e86c6cbb",[[1,"wcs-mat-icon",{icon:[1],size:[1],family:[1]}]]],["p-9910fedd",[[1,"wcs-spinner",{mode:[513]}]]]],e)));
 //# sourceMappingURL=wcs.esm.js.map

package/dist/wcs/wcs.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","type","label","readonly","value","validateFn","formatFn","errorMsg","size","currentState","isError","currentStep","steps","mode","checkOnComplete","internalCurrentStep","previous","next","min","max","step","currentValue","displayedValue","serverMode","data","loading","selectionConfig","selectedItems","wcsGridPaginationId","rowIdPath","columns","paginationEl","rows","availablePageSizes","currentPage","pageSize","itemsCount","pageCount","withoutBackdrop","show","showCloseButton","hideActions","noArrow","shape","disabled","placement","expanded","text","showPopoverMenu","fireFocusEvents","accept","autocapitalize","autocomplete","autocorrect","autofocus","clearInput","clearOnEdit","debounce","prefixLabel","suffixLabel","enterkeyhint","icon","inputmode","maxlength","minlength","multiple","name","pattern","placeholder","required","spellcheck","state","hasFocus","passwordReveal","setFocus","setBlur","getInputElement","cols","wrap","autoGrow","resize","fitContent","hideActionText","highlight","groupContentWithHeader","open","close","gutter","hasTabs","color","appName","mobileMenuOpen","currentActiveSizing","categoryOpen","panelTitle","panelDescription","menuOpen","path","sort","sortFn","formatter","sortOrder","width","customCells","hidden","columnId","rowId","small","activated","showLabel","checked","labelAlignment","header","itemKey","align","selectedIndex","selectedKey","headersOnly","headers","currentActiveTabIndex","for","position","interactive","maxWidth","delay","duration","trigger","theme","content","appendTo","hide","disable","enable","selected","chipColor","chipBackgroundColor","chips","compareWith","hasLoaded","displayText","focused","overlayDirection","hasPrefix","hasSuffix","spiedElement","indeterminate","target","ripple","family"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
+{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","type","label","readonly","value","validateFn","formatFn","errorMsg","size","currentState","isError","currentStep","steps","mode","checkOnComplete","internalCurrentStep","previous","next","min","max","step","displayedValue","serverMode","data","loading","selectionConfig","selectedItems","wcsGridPaginationId","rowIdPath","columns","paginationEl","rows","availablePageSizes","currentPage","pageSize","itemsCount","pageCount","withoutBackdrop","show","showCloseButton","hideActions","noArrow","shape","disabled","placement","expanded","text","showPopoverMenu","fireFocusEvents","accept","autocapitalize","autocomplete","autocorrect","autofocus","clearInput","clearOnEdit","debounce","prefixLabel","suffixLabel","enterkeyhint","icon","inputmode","maxlength","minlength","multiple","name","pattern","placeholder","required","spellcheck","state","hasFocus","passwordReveal","setFocus","setBlur","getInputElement","cols","wrap","autoGrow","resize","fitContent","hideActionText","highlight","groupContentWithHeader","open","close","gutter","hasTabs","color","appName","mobileMenuOpen","currentActiveSizing","categoryOpen","panelTitle","panelDescription","menuOpen","path","sort","sortFn","formatter","sortOrder","width","customCells","hidden","columnId","rowId","small","activated","showLabel","animation","radius","rounded","height","checked","labelAlignment","header","itemKey","align","selectedIndex","selectedKey","headersOnly","headers","currentActiveTabIndex","for","position","interactive","maxWidth","delay","duration","trigger","theme","content","appendTo","hide","disable","enable","selected","chipColor","chipBackgroundColor","chips","compareWith","hasLoaded","displayText","focused","overlayDirection","hasPrefix","hasSuffix","spiedElement","indeterminate","target","ripple","family"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "wcs-core",
-    "version": "4.0.2",
+    "version": "4.1.0",
     "description": "Web Components SNCF",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",
@@ -18,7 +18,7 @@
         "build:stencil": "stencil build",
         "generate-custom-element-manifest": "cd src && custom-elements-manifest analyze --stencil --outdir ../",
         "generate-docs-json": "stencil build --docs-json ./stories/documentation/generated/docs.json",
-        "build": "stencil build && npm run generate-custom-element-manifest && npm run generate-docs-json && npm run build-storybook",
+        "build": "stencil build && npm run generate-custom-element-manifest && npm run build-storybook",
         "watch:stencil": "stencil build --dev --watch",
         "start": "concurrently --names \"Stencil,Storybook\" -c \"bgBlue.bold,bgMagenta.bold\" \"stencil build --dev --watch\" \"npm run storybook\"",
         "test": "stencil test --spec --e2e",
@@ -37,6 +37,7 @@
         "@material/ripple": "13.0.0",
         "@stencil/angular-output-target": "0.5.0",
         "@stencil/core": "3.0.0",
+        "@stencil/react-output-target": "^0.5.3",
         "@stencil/sass": "2.0.3",
         "@storybook/addon-a11y": "^7.0.24",
         "@storybook/addon-actions": "^7.0.24",
@@ -51,23 +52,18 @@
         "@types/dom-inputevent": "^1.0.5",
         "@types/glob": "^7.1.3",
         "@types/jest": "^27.4.1",
+        "@types/lodash-es": "^4.17.9",
         "@typescript-eslint/eslint-plugin": "^5.18.0",
         "@typescript-eslint/parser": "^5.18.0",
-        "chokidar": "^3.4.1",
         "concurrently": "^5.2.0",
         "eslint": "^8.12.0",
         "glob": "^7.1.6",
-        "highlight.js": "^10.1.2",
         "jest": "^27.5.1",
         "jest-cli": "^27.5.1",
         "lit-html": "^2.6.1",
-        "markdown-it": "^11.0.0",
-        "mem": "^6.1.0",
         "puppeteer": "^19.5.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "rollup": "^2.23.0",
-        "rollup-plugin-typescript": "^1.0.1",
         "storybook": "^7.0.24",
         "tslib": "2.5.0",
         "typescript": "4.9.5",
@@ -76,7 +72,7 @@
     "dependencies": {
         "@popperjs/core": "^2.9.3",
         "chalk": "^4.1.0",
-        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
         "tippy.js": "^6.3.7",
         "uuid": "^8.3.2",
         "xstate": "^4.11.0"