q2-tecton-elements 1.51.1 → 1.52.1

package/dist/q2-tecton-elements/p-5a834214.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["q2DropdownItemCss","Q2DropdownItemStyle0","Q2DropdownItem","this","handleQ2LocValue","locElement","hostElement","querySelector","loc","value","substitutions","onItemClick","event","stopImmediatePropagation","dispatchEvent","CustomEvent","detail","type","bubbles","onItemFocus","stopPropagation","onItemKeydown","key","focusRemoveBtn","onRemoveBtnClick","onRemoveBtnFocus","onRemoveBtnKeydown","focusItem","componentWillLoad","handleAriaLabel","q2LocValue","onHostElementFocus","target","ariaLabelObserver","dropdownItemBtn","shadowRoot","innerLabel","label","textContent","trim","removeBtn","removeLabel","FocusEvent","renderItemDOM","h","class","tabIndex","disabled","_role","onClick","onKeyDown","onFocus","removable","renderSeparatorDOM","role","render","separator"],"sources":["src/components/q2-dropdown-item/q2-dropdown-item.scss?tag=q2-dropdown-item&encapsulation=shadow","src/components/q2-dropdown-item/q2-dropdown-item.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n.dropdown-separator {\n    --comp-default-separator-margin: 0 #{var-list(--tct-scale-1, --app-scale-3x, 15px)};\n    margin: var-list(var-prefixer(dropdown-separator-margin), --comp-default-separator-margin);\n    border-bottom: 1px solid\n        var-list(\n            var-prefixer(dropdown-item-separator-color),\n            var-prefixer(gray-11),\n            --tct-gray-l1,\n            --app-gray-l1,\n            #cccccc\n        );\n}\n\n.dropdown-item-wrapper {\n    display: flex;\n}\n\n.dropdown-item {\n    min-height: 44px;\n    flex: 1 1 100%;\n    padding: var-list(var-prefixer(dropdown-item-padding), 2px);\n}\n\n.dropdown-item-content {\n    --comp-default-content-padding: 12px var(--app-scale-3x, 15px);\n    padding: var-list(var-prefixer(dropdown-item-content-padding), --comp-default-content-padding);\n    text-align: left;\n    background: var-list(\n        --tct-dropdown-item-background,\n        var-prefixer(dropdown-item-bg),\n        --tct-white,\n        --t-base,\n        --app-white,\n        #ffffff\n    );\n    color: var-list(var-prefixer(dropdown-item-font-color), inherit);\n    transition: background-color\n        var-list(var-prefixer(dropdown-item-content-tween), --tct-tween-1, --app-tween-1, unquote('0.2s ease'));\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex: 1;\n}\n\n:host(:not([disabled])) .dropdown-item-content:hover,\n:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content {\n    background: var-list(\n        --tct-dropdown-item-hover-background,\n        var-prefixer(dropdown-item-selected-bg),\n        var-prefixer(gray-14),\n        --tct-gray-l3,\n        --app-gray-l3,\n        --t-base,\n        #f2f2f2\n    );\n    color: var-list(--tct-dropdown-item-hover-color, var-prefixer(dropdown-item-selected-font-color), inherit);\n}\n\n.remove-dropdown-item {\n    flex: 0 0 44px;\n    margin: 2px;\n}\n","import { Component, ComponentInterface, Prop, State, Element, Listen, Watch, h } from '@stencil/core';\nimport { loc, handleAriaLabel } from 'src/utils';\nimport { JSX } from '../../components';\n\n@Component({ tag: 'q2-dropdown-item', shadow: true, styleUrl: 'q2-dropdown-item.scss' })\nexport class Q2DropdownItem implements ComponentInterface {\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    q2LocValue: string;\n\n    // #endregion\n    // #region Public Property API\n\n    /** @deprecated */\n    @Prop({ reflect: true, mutable: true })\n    ariaLabel: string;\n\n    /** Disables interaction with the item and blocks its click event. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * The text that appears within the dropdown item.\n     *\n     * @info\n     * This will be used as the `aria-label` for this item.\n     * @localizable\n     */\n    @Prop({ reflect: true, mutable: true })\n    label: string;\n\n    /**\n     * Renders an icon button in the item.\n     * Clicking on this button will change the `type` on the item's click event detail to \"remove\".\n     */\n    @Prop({ reflect: true })\n    removable: boolean;\n\n    /**\n     * Renders a line in the item instead of text.\n     * Click events from these items will not have details provided.\n     * A `separator` allows for quick visual grouping of items, so interactions should not be bound to these options.\n     */\n    @Prop({ reflect: true })\n    separator: boolean;\n\n    /** A static reference value for the item. This value is returned in the click event detail. */\n    @Prop({ reflect: true })\n    value: string;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    componentWillLoad() {\n        handleAriaLabel(this);\n        this.q2LocValue = this.handleQ2LocValue();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('focus')\n    onHostElementFocus(event: FocusEvent) {\n        if (event.target === this.hostElement) {\n            this.focusItem();\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('ariaLabel')\n    ariaLabelObserver() {\n        handleAriaLabel(this);\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get dropdownItemBtn(): HTMLQ2BtnElement {\n        return this.hostElement.shadowRoot.querySelector('.dropdown-item');\n    }\n\n    get innerLabel(): string {\n        return this.label || this.hostElement.textContent.trim() || this.q2LocValue;\n    }\n\n    get removeBtn(): HTMLQ2BtnElement {\n        return this.hostElement.shadowRoot.querySelector('.remove-dropdown-item');\n    }\n\n    get removeLabel(): string {\n        return loc('tecton.element.dropdownItem.remove', [this.innerLabel || '']);\n    }\n\n    focusItem() {\n        this.dropdownItemBtn.dispatchEvent(new FocusEvent('focus', { bubbles: false }));\n    }\n\n    focusRemoveBtn() {\n        this.removeBtn && this.removeBtn.dispatchEvent(new FocusEvent('focus', { bubbles: false }));\n    }\n\n    handleQ2LocValue = (): string => {\n        const locElement = this.hostElement.querySelector('q2-loc');\n        return locElement ? loc(locElement.value, locElement.substitutions) : '';\n    };\n\n    onItemClick = (event: MouseEvent) => {\n        event.stopImmediatePropagation();\n        this.hostElement.dispatchEvent(\n            new CustomEvent('click', {\n                detail: {\n                    type: 'select',\n                    value: this.value || '',\n                },\n                bubbles: true,\n            })\n        );\n    };\n\n    onItemFocus = (event: FocusEvent) => {\n        event.stopPropagation();\n    };\n\n    onItemKeydown = (event: KeyboardEvent) => {\n        if (event.key === 'ArrowRight') this.focusRemoveBtn();\n    };\n\n    onRemoveBtnClick = (event: MouseEvent) => {\n        event.stopImmediatePropagation();\n\n        this.hostElement.dispatchEvent(\n            new CustomEvent('click', {\n                detail: {\n                    type: 'remove',\n                    value: this.value || '',\n                },\n                bubbles: true,\n            })\n        );\n    };\n\n    onRemoveBtnFocus = (event: FocusEvent) => {\n        event.stopPropagation();\n    };\n\n    onRemoveBtnKeydown = (event: KeyboardEvent) => {\n        if (event.key === 'ArrowLeft') this.focusItem();\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderItemDOM(): JSX.IntrinsicElements {\n        return (\n            <div class=\"dropdown-item-wrapper\">\n                <q2-btn\n                    class=\"dropdown-item\"\n                    label={this.innerLabel}\n                    hide-label\n                    tabIndex={-1}\n                    disabled={this.disabled}\n                    _role=\"menuitem\"\n                    onClick={this.onItemClick}\n                    onKeyDown={this.onItemKeydown}\n                    onFocus={this.onItemFocus}\n                    test-id=\"dropdownItem\"\n                >\n                    <div class=\"dropdown-item-content\">\n                        <slot />\n                    </div>\n                </q2-btn>\n                {!!this.removable && (\n                    <q2-btn\n                        class=\"remove-dropdown-item\"\n                        label={this.removeLabel}\n                        hide-label\n                        disabled={this.disabled}\n                        _role=\"menuitem\"\n                        onClick={this.onRemoveBtnClick}\n                        onKeyDown={this.onRemoveBtnKeydown}\n                        onFocus={this.onRemoveBtnFocus}\n                        test-id=\"removeDropdownItem\"\n                    >\n                        <q2-icon type=\"close\" />\n                    </q2-btn>\n                )}\n            </div>\n        );\n    }\n\n    renderSeparatorDOM(): JSX.IntrinsicElements {\n        return (\n            <div\n                class=\"dropdown-separator\"\n                role=\"separator\"\n                test-id=\"dropdownItemSeparator\"\n            />\n        );\n    }\n\n    render() {\n        if (!!this.separator) {\n            return this.renderSeparatorDOM();\n        }\n\n        return this.renderItemDOM();\n    }\n\n    // #endregion\n}\n"],"mappings":"6FAAA,MAAMA,EAAoB,25EAC1B,MAAAC,EAAeD,E,MCIFE,EAAc,M,yBAyGvBC,KAAAC,iBAAmB,KACf,MAAMC,EAAaF,KAAKG,YAAYC,cAAc,UAClD,OAAOF,EAAaG,EAAIH,EAAWI,MAAOJ,EAAWK,eAAiB,EAAE,EAG5EP,KAAAQ,YAAeC,IACXA,EAAMC,2BACNV,KAAKG,YAAYQ,cACb,IAAIC,YAAY,QAAS,CACrBC,OAAQ,CACJC,KAAM,SACNR,MAAON,KAAKM,OAAS,IAEzBS,QAAS,OAEhB,EAGLf,KAAAgB,YAAeP,IACXA,EAAMQ,iBAAiB,EAG3BjB,KAAAkB,cAAiBT,IACb,GAAIA,EAAMU,MAAQ,aAAcnB,KAAKoB,gBAAgB,EAGzDpB,KAAAqB,iBAAoBZ,IAChBA,EAAMC,2BAENV,KAAKG,YAAYQ,cACb,IAAIC,YAAY,QAAS,CACrBC,OAAQ,CACJC,KAAM,SACNR,MAAON,KAAKM,OAAS,IAEzBS,QAAS,OAEhB,EAGLf,KAAAsB,iBAAoBb,IAChBA,EAAMQ,iBAAiB,EAG3BjB,KAAAuB,mBAAsBd,IAClB,GAAIA,EAAMU,MAAQ,YAAanB,KAAKwB,WAAW,E,uKA/FnD,iBAAAC,GACIC,EAAgB1B,MAChBA,KAAK2B,WAAa3B,KAAKC,kB,CAO3B,kBAAA2B,CAAmBnB,GACf,GAAIA,EAAMoB,SAAW7B,KAAKG,YAAa,CACnCH,KAAKwB,W,EAQb,iBAAAM,GACIJ,EAAgB1B,K,CAMpB,mBAAI+B,GACA,OAAO/B,KAAKG,YAAY6B,WAAW5B,cAAc,iB,CAGrD,cAAI6B,GACA,OAAOjC,KAAKkC,OAASlC,KAAKG,YAAYgC,YAAYC,QAAUpC,KAAK2B,U,CAGrE,aAAIU,GACA,OAAOrC,KAAKG,YAAY6B,WAAW5B,cAAc,wB,CAGrD,eAAIkC,GACA,OAAOjC,EAAI,qCAAsC,CAACL,KAAKiC,YAAc,I,CAGzE,SAAAT,GACIxB,KAAK+B,gBAAgBpB,cAAc,IAAI4B,WAAW,QAAS,CAAExB,QAAS,Q,CAG1E,cAAAK,GACIpB,KAAKqC,WAAarC,KAAKqC,UAAU1B,cAAc,IAAI4B,WAAW,QAAS,CAAExB,QAAS,Q,CAsDtF,aAAAyB,GACI,OACIC,EAAA,OAAKC,MAAM,yBACPD,EAAA,UACIC,MAAM,gBACNR,MAAOlC,KAAKiC,WAAU,kBAEtBU,UAAW,EACXC,SAAU5C,KAAK4C,SACfC,MAAM,WACNC,QAAS9C,KAAKQ,YACduC,UAAW/C,KAAKkB,cAChB8B,QAAShD,KAAKgB,YAAW,UACjB,gBAERyB,EAAA,OAAKC,MAAM,yBACPD,EAAA,iBAGLzC,KAAKiD,WACJR,EAAA,UACIC,MAAM,uBACNR,MAAOlC,KAAKsC,YAAW,kBAEvBM,SAAU5C,KAAK4C,SACfC,MAAM,WACNC,QAAS9C,KAAKqB,iBACd0B,UAAW/C,KAAKuB,mBAChByB,QAAShD,KAAKsB,iBAAgB,UACtB,sBAERmB,EAAA,WAAS3B,KAAK,W,CAOlC,kBAAAoC,GACI,OACIT,EAAA,OACIC,MAAM,qBACNS,KAAK,YAAW,UACR,yB,CAKpB,MAAAC,GACI,KAAMpD,KAAKqD,UAAW,CAClB,OAAOrD,KAAKkD,oB,CAGhB,OAAOlD,KAAKwC,e"}

package/dist/q2-tecton-elements/p-5f99a4a8.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,g as o}from"./p-a5f18e27.js";import{m as r,o as n,i as a,w as s,l as c}from"./p-15ac45d6.js";import{s as l,a as d}from"./p-b7554a79.js";const p="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;position:relative;line-height:0}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}q2-popover,.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px))}.popover-top-container{position:sticky;top:0;z-index:5}.popover-bottom-container{position:sticky;bottom:0;z-index:5}.btn-wrapper{--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--comp-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--comp-btn-background);--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}.btn-wrapper.has-options,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-primary-active-background, var(--t-primary, #0079c1));--comp-active-btn-color:var(--tct-pill-primary-active-font-color, var(--t-primary-text, #ffffff));--comp-active-btn-border-color:var(--tct-pill-primary-active-border-color, var(--t-primary, #0079c1));--comp-hover-active-btn-background:var(--tct-pill-primary-active-hover-background, var(--t-primary-l3, #21acff));--comp-hover-active-btn-border-color:var(--tct-pill-primary-active-hover-border-color, var(--t-primary-l3, #21acff))}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-secondary-active-background, var(--t-secondary, #b3c2cc));--comp-active-btn-color:var(--tct-pill-secondary-active-font-color, var(--t-secondary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-secondary-active-border-color, var(--t-secondary, #b3c2cc));--comp-hover-active-btn-background:var(--tct-pill-secondary-active-hover-background, var(--t-secondary-l3, #c9d5db));--comp-hover-active-btn-border-color:var(--tct-pill-secondary-active-hover-border-color, var(--t-secondary-l3, #c9d5db))}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--tct-pill-tertiary-active-background, var(--t-tertiary, #e8f5fc));--comp-active-btn-color:var(--tct-pill-tertiary-active-font-color, var(--t-tertiary-text, #141414));--comp-active-btn-border-color:var(--tct-pill-tertiary-active-border-color, var(--t-tertiary, #e8f5fc));--comp-hover-active-btn-background:var(--tct-pill-tertiary-active-hover-background, var(--t-tertiary-l3, #eff8fd));--comp-hover-active-btn-border-color:var(--tct-pill-tertiary-active-hover-border-color, var(--t-tertiary-l3, #eff8fd))}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-a11y-gray-color-AA, #949494)));padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, 14px)));color:var(--comp-btn-color);display:block;width:100%;text-align:start}.btn-primary:focus,.btn-primary:hover{background:var(--comp-hover-btn-background)}.has-options .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]) .btn-primary{background:var(--comp-active-btn-background);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]) .btn-primary:focus,:host([active]) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}:host([active]) .btn-close{color:var(--comp-active-btn-color)}.has-options .btn-close,.has-icon .btn-close{opacity:1}q2-icon{--t-icon-stroke-primary:currentcolor;width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]) button.btn-close:focus,:host([active]) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}q2-popover{top:calc(var(--comp-pill-min-height) - (var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2)}:host([borderless]:not([borderless=false])) button{border-style:none}";const h=p;const v=class{constructor(e){t(this,e);this.change=i(this,"change",7);var o;this.scheduledAfterRender=[];this.clearSelectedOptions=()=>{this.selectedOptions=[];this.value=null;this.active=false;this.open=false;this.primaryBtn.focus();this.change.emit({value:null,values:[],active:false});this.scheduledAfterRender.push(r)};this.determineOptionCount=async()=>{if(this.optionList){const t=await this.optionList.getOptions();this.optionCount=t.length}else{const t=this.hostElement.querySelectorAll("q2-option").length;this.optionCount=t}};this.executeActionSheet=async t=>{const i=await l(this,t);this.handleSelectionChanges(i)};this.getOption=async t=>{if(this.optionList){const i=await this.optionList.getOptions();return i.find((i=>i.value===t))}else{return this.hostElement.querySelector(`q2-option[value="${t}"]`)}};this.handleButtonFocusout=async t=>{const i=t.relatedTarget;if((i===null||i===void 0?void 0:i.tagName)==="Q2-OPTION")return;this.open=false};this.handleChange=t=>{t.stopPropagation();if(!this.optionCount)return;this.handleSelectionChanges(t.detail)};this.handleClick=async t=>{t.stopPropagation();if(this.disabled)return;if(this.optionCount){if(d(this)){this.executeActionSheet(t)}else{await this.popoverElement.toggle()}}else{const{value:t,label:i}=this;const e=this.active=!this.active;const o=e?[{value:t,display:i}]:[];this.selectedOptions=o;this.change.emit({value:t,values:o,active:e})}};this.handleKeydown=async t=>{const i=t.metaKey||t.ctrlKey||t.key==="Tab";if(!this.optionCount||this.disabled||i)return;t.preventDefault();const e=this.hasPopoverTop||this.hasPopoverBottom;if(d(this,t)&&!e){this.executeActionSheet(t)}else{this.optionList.handleExternalKeydown(t)}};this.handleSelectionChanges=async t=>{const{multiple:i}=this;const{value:e="",values:o=[]}=t;const r=i?!!o.length:!!e;if(!this.hostElement.onchange){if(i){this.selectedOptions=o;this.value=undefined}else{const t=await this.getOption(e);this.selectedOptions=t?[{value:t.value,display:t.display}]:[];this.value=(t===null||t===void 0?void 0:t.value)||undefined}}this.change.emit({value:i?undefined:e,values:o,active:r})};this.handleWrapperClick=()=>{this.primaryBtn.focus();this.primaryBtn.click()};this.onClickElsewhere=t=>{const i=t.target;if(i.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:i}=this;if(!i)return;i.open=false}};this.onMutationObserved=()=>{this.updateSlotState();this.determineOptionCount();this.updateSelectedOptionElements()};this.updateSlotState=()=>{const{hostElement:t,hasPopoverTop:i,hasPopoverBottom:e}=this;const o=t.shadowRoot.querySelector('slot[name="popover-top"]');const r=t.shadowRoot.querySelector('slot[name="popover-bottom"]');const n=(o===null||o===void 0?void 0:o.assignedNodes().length)>0;const a=(r===null||r===void 0?void 0:r.assignedNodes().length)>0;if(i!==n)this.hasPopoverTop=n;if(e!==a)this.hasPopoverBottom=a};this.syncValueProperties=()=>{const{value:t,selectedOptions:i}=this;if(!!(i===null||i===void 0?void 0:i.length))this.selectedOptionsChanged(i);else if(t)this.valueChanged(t)};this.updateSelectedOptionElements=async()=>{var t;const{selectedOptions:i=[]}=this;const e=i.map((t=>t.value));const o=await((t=this.optionList)===null||t===void 0?void 0:t.getOptions());if(this.optionCount)this.active=!!e.length;this.selectedOptionElements=(o===null||o===void 0?void 0:o.filter((t=>e.includes(t.value))))||[]};this.hasPopoverTop=false;this.hasPopoverBottom=false;this.optionCount=undefined;this.selectedOptionElements=[];this.active=undefined;this.borderless=undefined;this.disabled=undefined;this.hoist=!!((o=window.Tecton)===null||o===void 0?void 0:o.useActionSheets);this.label=undefined;this.maxLength=undefined;this.multiple=undefined;this.open=undefined;this.optionListLabel=undefined;this.popoverAlignment="right";this.popoverDirection=undefined;this.popoverMaxHeight=undefined;this.popoverMinHeight=150;this.selectedOptions=[];this.theme=undefined;this.value=undefined}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}componentWillLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,attributes:true});this.mutationObserver=t}componentDidLoad(){n(this.hostElement);this.syncValueProperties()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}handleSelectedDisplay(){if(this.multiple)return;this.updateSelectedOptionElements()}delegateFocus(t){if(!a(t,this.hostElement))return;this.primaryBtn.focus()}popoverStateHandler({detail:{open:t}}){if(this.open!==t)this.open=t;if(t)return;this.optionList.setActiveElement(null)}async closePopover(){if(!this.open||this.disabled)return;this._togglePopover()}async openPopover(){if(this.open||this.disabled)return;this._togglePopover()}async setValue(t,i={closePopover:true}){var e;const o=new Set(Array.isArray(t)?t:[t]);const r=await((e=this.optionList)===null||e===void 0?void 0:e.getOptions());if(!this.open){await this.openPopover();await s()}o.forEach((t=>{var i;(i=r.find((i=>i.value===t)))===null||i===void 0?void 0:i.click()}));if(i.closePopover){await this.closePopover();await s()}}selectedOptionsChanged(t){var i,e;const{multiple:o}=this;const r=(e=(i=t===null||t===void 0?void 0:t[0])===null||i===void 0?void 0:i.value)!==null&&e!==void 0?e:null;if(o){if(this.value)this.value=null;this.updateSelectedOptionElements()}else if(this.value===r){this.updateSelectedOptionElements()}else{this.value=r}}async valueChanged(t){var i,e;const{multiple:o,selectedOptions:r}=this;if(o)return;const n=(e=(i=r===null||r===void 0?void 0:r[0])===null||i===void 0?void 0:i.value)!==null&&e!==void 0?e:null;if(t===n)this.updateSelectedOptionElements();else{const i=await this.getOption(t);const{value:e,display:o}=i||{value:t,display:null};this.selectedOptions=e?[{value:e,display:o}]:[]}}get buttonContent(){const{label:t,selectedOptions:i,selectedOptionElements:e,optionCount:o}=this;if(!o||e.length===0)return c(t);else if(e.length===1)return c(e[0].display);return c("tecton.element.pill.activeCount",{count:i.length})}get truncatedButtonContent(){const{maxLength:t,buttonContent:i}=this;if(t)return i.length>t?`${i.substring(0,t)}…`:i;else return i}_togglePopover(){const{primaryBtn:t}=this;t===null||t===void 0?void 0:t.click();t===null||t===void 0?void 0:t.focus();t.dispatchEvent(new FocusEvent("focus"))}renderHiddenElement(){return e("div",{id:"option-description",class:"sr","aria-hidden":"true"},c("tecton.element.optionList.optionCount",[this.optionCount]))}renderIcon(){const{optionCount:t,active:i}=this;const o=t&&i;const r=o?"button":"div";const n=o||!t?"close":"chevron-down";return e(r,{class:"btn-close",onClick:o&&this.clearSelectedOptions||undefined,disabled:o&&this.disabled||undefined,"aria-label":o&&c("tecton.element.pill.clearSelection")||undefined,type:o&&"button"||undefined},e("q2-icon",{type:n}))}render(){const{optionCount:t,active:i,open:o}=this;const r=["btn-wrapper"];if(t||i)r.push("has-icon");if(t)r.push("has-options");return e("click-elsewhere",{key:"02e7f5f616daeb2b0e40259c1c99ac142f86b553",onChange:this.onClickElsewhere},e("div",{key:"13ece1982239e075de4911cc76c806b9f30dc84b",class:r.join(" ")},e("div",{key:"afff34dc889240fbbf32cb2401359f51ce5feee4",class:"btn-height-wrapper",ref:t=>this.primaryBtnWrapper=t,onClick:this.handleWrapperClick,tabIndex:-1},e("button",{key:"5f9b91813e5f4006137534fe5fe1820adf35d2f6",class:"btn-primary","test-id":"btn-control",type:"button",role:t&&"combobox"||undefined,ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,disabled:this.disabled,"aria-roledescription":!t&&"filter","aria-controls":t&&"option-list"||undefined,"aria-expanded":t&&`${!!o}`||undefined,"aria-label":this.buttonContent,"aria-describedby":t&&"option-description"||undefined},this.truncatedButtonContent,!t&&i&&e("span",{key:"084fb2e933da3e3f281a5480c74e917ebac38015",class:"sr"},"(",c("tecton.element.pill.active"),")"))),this.renderIcon(),!!t&&this.renderHiddenElement()),this.optionCount>0&&e("q2-popover",{key:"5fcab5d95192479ac7f0e2e911d51327044500ef",ref:t=>this.popoverElement=t,controlElement:this.primaryBtn,open:this.open,"max-height":this.popoverMaxHeight,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment},e("div",{key:"b5d7756b724d76aa0cf487324c6790d7ca529293",class:"popover-content"},e("div",{key:"e191b41fcfa2a9f2fefc66dde961a24a867c73d8",ref:t=>this.popoverTopContainer=t,class:"popover-top-container",tabindex:"-1",hidden:!this.hasPopoverTop,onKeyDown:this.handleKeydown},e("slot",{key:"8078c79efc74285ce9db259c28a1c6b2e957a09f",name:"popover-top"})),e("q2-option-list",{key:"1cd2a521a30af647a4ba5008f11d927209454061",type:"listbox",ref:t=>this.optionList=t,id:"option-list",onChange:this.handleChange,multiple:this.multiple,selectedOptions:this.selectedOptions,onReady:()=>this.updateSelectedOptionElements(),label:c("tecton.element.optionList.label",[this.optionListLabel])},e("slot",{key:"432d785fe233aaf875a1b601522bb5189edf1b82"})),e("div",{key:"22d1406b38ae6f991c7253f5b10b70f7fa6744e7",ref:t=>this.popoverBottomContainer=t,class:"popover-bottom-container",tabindex:"-1",hidden:!this.hasPopoverBottom,onKeyDown:this.handleKeydown},e("slot",{key:"7619b7dabfaae3dea23363d7769e350a7f2ed51f",name:"popover-bottom"})))))}get hostElement(){return o(this)}static get watchers(){return{selectedOptions:["selectedOptionsChanged"],value:["valueChanged"]}}};v.style=h;export{v as q2_pill};
-//# sourceMappingURL=p-5f99a4a8.entry.js.map

package/dist/q2-tecton-elements/p-5f99a4a8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["q2PillCss","Q2PillStyle0","Q2Pill","this","scheduledAfterRender","clearSelectedOptions","selectedOptions","value","active","open","primaryBtn","focus","change","emit","values","push","resizeIframe","determineOptionCount","async","optionList","allOptions","getOptions","optionCount","length","numberOfOptions","hostElement","querySelectorAll","executeActionSheet","event","result","showActionSheetList","handleSelectionChanges","getOption","options","find","option","querySelector","handleButtonFocusout","relatedTarget","tagName","handleChange","stopPropagation","detail","handleClick","disabled","shouldShowActionSheet","popoverElement","toggle","label","isActive","display","handleKeydown","isTabMetaOrCtrl","metaKey","ctrlKey","key","preventDefault","hasSlot","hasPopoverTop","hasPopoverBottom","handleExternalKeydown","changeDetails","multiple","onchange","undefined","selectedOption","handleWrapperClick","click","onClickElsewhere","target","localName","onMutationObserved","updateSlotState","updateSelectedOptionElements","popTopSlot","shadowRoot","popBottomSlot","topSlotHasNode","assignedNodes","bottomSlotHasNode","syncValueProperties","selectedOptionsChanged","valueChanged","selectedValues","map","_a","selectedOptionElements","filter","includes","window","Tecton","useActionSheets","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","observer","MutationObserver","observe","childList","attributes","componentDidLoad","overrideFocus","componentDidRender","forEach","fn","handleSelectedDisplay","delegateFocus","isEventFromElement","popoverStateHandler","setActiveElement","closePopover","_togglePopover","openPopover","setValue","valueSet","Set","Array","isArray","waitForNextPaint","newValue","firstValue","_b","buttonContent","loc","count","truncatedButtonContent","maxLength","substring","dispatchEvent","FocusEvent","renderHiddenElement","h","id","class","renderIcon","isButton","TagName","iconName","onClick","type","render","wrapperClassNames","onChange","join","ref","el","primaryBtnWrapper","tabIndex","role","onKeyDown","onFocusout","controlElement","popoverMaxHeight","minHeight","popoverMinHeight","direction","popoverDirection","align","popoverAlignment","popoverTopContainer","tabindex","hidden","name","onReady","optionListLabel","popoverBottomContainer"],"sources":["src/components/q2-pill/q2-pill.scss?tag=q2-pill&encapsulation=shadow","src/components/q2-pill/q2-pill.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-block;\n    position: relative;\n    line-height: 0;\n}\n\n:host(:not(:last-child)) {\n    margin-inline-end: var-list(var-prefixer(pill-margin), --app-scale-2x, 10px);\n}\n\nq2-popover,\n.btn-wrapper {\n    --comp-pill-min-height: #{var-list(var-prefixer(pill-min-height), 44px)};\n    --comp-pill-btn-height: #{var-list(var-prefixer(pill-btn-height), 30px)};\n}\n\n.popover-top-container {\n    position: sticky;\n    top: 0;\n    z-index: 5;\n}\n\n.popover-bottom-container {\n    position: sticky;\n    bottom: 0;\n    z-index: 5;\n}\n\n.btn-wrapper {\n    --comp-pill-btn-border-width: #{var-list(var-prefixer(pill-btn-border-width), 2px)};\n    --comp-close-size: 0px;\n    --comp-btn-background: #{var-list(var-prefixer(pill-btn-background), --t-base, #ffffff)};\n    --comp-hover-btn-background: #{var-list(var-prefixer(pill-hover-btn-background), --t-gray-13, #e6e6e6)};\n    --comp-btn-padding: #{var-list(var-prefixer(pill-btn-padding-inline), --app-scale-3x, 15px)};\n    --comp-btn-color: #{var-list(var-prefixer(pill-btn-color), --t-gray-3, #262626)};\n    --comp-active-btn-color: var(--comp-btn-background);\n    --comp-active-btn-background: #{var-list(var-prefixer(pill-active-btn-background), --t-gray-7, #666666)};\n    --comp-active-btn-border-color: #{var-list(var-prefixer(pill-active-btn-border-color), --t-gray-7, #666666)};\n    --comp-hover-active-btn-background: #{var-list(var-prefixer(pill-active-btn-background), --t-gray-6, #4d4d4d)};\n    --comp-hover-active-btn-border-color: #{var-list(var-prefixer(pill-active-btn-background), --t-gray-6, #4d4d4d)};\n\n    position: relative;\n\n    &.has-options,\n    &.has-icon {\n        --comp-close-size: var(--comp-pill-btn-height);\n    }\n\n    :host([active]) & {\n        --comp-btn-color: #{var-list(var-prefixer(pill-active-btn-color), --t-base, #ffffff)};\n    }\n\n    :host([theme='primary']) & {\n        --comp-active-btn-background: #{var-list(--tct-pill-primary-active-background, --t-primary, #0079c1)};\n        --comp-active-btn-color: #{var-list(--tct-pill-primary-active-font-color, --t-primary-text, #ffffff)};\n        --comp-active-btn-border-color: #{var-list(--tct-pill-primary-active-border-color, --t-primary, #0079c1)};\n        --comp-hover-active-btn-background: #{var-list(\n                --tct-pill-primary-active-hover-background,\n                --t-primary-l3,\n                #21acff\n            )};\n        --comp-hover-active-btn-border-color: #{var-list(\n                --tct-pill-primary-active-hover-border-color,\n                --t-primary-l3,\n                #21acff\n            )};\n    }\n\n    :host([theme='secondary']) & {\n        --comp-active-btn-background: #{var-list(--tct-pill-secondary-active-background, --t-secondary, #b3c2cc)};\n        --comp-active-btn-color: #{var-list(--tct-pill-secondary-active-font-color, --t-secondary-text, #141414)};\n        --comp-active-btn-border-color: #{var-list(--tct-pill-secondary-active-border-color, --t-secondary, #b3c2cc)};\n        --comp-hover-active-btn-background: #{var-list(\n                --tct-pill-secondary-active-hover-background,\n                --t-secondary-l3,\n                #c9d5db\n            )};\n        --comp-hover-active-btn-border-color: #{var-list(\n                --tct-pill-secondary-active-hover-border-color,\n                --t-secondary-l3,\n                #c9d5db\n            )};\n    }\n\n    :host([theme='tertiary']) & {\n        --comp-active-btn-background: #{var-list(--tct-pill-tertiary-active-background, --t-tertiary, #e8f5fc)};\n        --comp-active-btn-color: #{var-list(--tct-pill-tertiary-active-font-color, --t-tertiary-text, #141414)};\n        --comp-active-btn-border-color: #{var-list(--tct-pill-tertiary-active-border-color, --t-tertiary, #e8f5fc)};\n        --comp-hover-active-btn-background: #{var-list(\n                --tct-pill-tertiary-active-hover-background,\n                --t-tertiary-l3,\n                #eff8fd\n            )};\n        --comp-hover-active-btn-border-color: #{var-list(\n                --tct-pill-tertiary-active-hover-border-color,\n                --t-tertiary-l3,\n                #eff8fd\n            )};\n    }\n}\n\n.btn-height-wrapper {\n    height: var(--comp-pill-min-height);\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    &:focus {\n        box-shadow: none;\n    }\n\n    :host([disabled]) & {\n        cursor: not-allowed;\n    }\n}\n\n.btn-close,\n.btn-primary {\n    cursor: pointer;\n    height: var(--comp-pill-btn-height);\n    border-style: solid;\n    border-radius: var-list(var-prefixer(pill-btn-border-radius), 30px);\n    transition-property: background, color, padding, width, opacity;\n    transition: var-list(var-prefixer(pill-btn-tween), --app-tween-1, unquote('0.2s ease'));\n}\n\n.btn-close,\n.btn-primary,\nq2-icon {\n    :host([disabled]) & {\n        opacity: var-list(var-prefixer(pill-disabled-opacity), --tct-disabled-opacity, --app-disabled-opacity, 0.4);\n        cursor: not-allowed;\n    }\n}\n\n.btn-primary {\n    background: var(--comp-btn-background);\n    border-width: var-list(--comp-pill-btn-border-width);\n    border-color: var-list(var-prefixer(pill-btn-border-color), --t-a11y-gray-color-AA, #949494);\n    padding-inline: var(--comp-btn-padding);\n    padding-right: calc(var(--comp-btn-padding) + var(--comp-close-size));\n    font-size: var-list(var-prefixer(pill-btn-font-size), --app-font-size, 14px);\n    color: var(--comp-btn-color);\n    display: block;\n    width: 100%;\n    text-align: start;\n\n    &:focus,\n    &:hover {\n        background: var(--comp-hover-btn-background);\n    }\n\n    .has-options &,\n    .has-icon & {\n        padding-right: calc(#{var-list(var-prefixer(pill-icon-gap), --app-scale-1x, 5px)} + var(--comp-close-size));\n    }\n\n    .has-options & {\n        @include line-clamp(1);\n        max-width: var-list(var-prefixer(pill-max-width), 200px);\n    }\n\n    :host([active]) & {\n        background: var(--comp-active-btn-background);\n        border-color: var(--comp-active-btn-border-color);\n        color: var(--comp-active-btn-color);\n\n        &:focus,\n        &:hover {\n            background: var(--comp-hover-active-btn-background);\n            border-color: var(--comp-hover-active-btn-border-color);\n        }\n    }\n}\n\n.btn-close {\n    background: transparent;\n    border-color: transparent;\n    border-width: var(--comp-pill-btn-border-width);\n    width: var(--comp-close-size);\n    height: var(--comp-close-size);\n    padding: 0;\n    border: 0;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    opacity: 0;\n    :host([active]) & {\n        color: var(--comp-active-btn-color);\n    }\n\n    .has-options &,\n    .has-icon & {\n        opacity: 1;\n    }\n}\n\nq2-icon {\n    --t-icon-stroke-primary: currentcolor;\n    width: var-list(var-prefixer(pill-icon-size), 14px);\n    height: var-list(var-prefixer(pill-icon-size), 14px);\n    transition-property: transform;\n    transition: var-list(var-prefixer(pill-btn-tween), --app-tween-1, unquote('0.2s ease'));\n}\n\ndiv.btn-close {\n    pointer-events: none;\n\n    :host([open]) & q2-icon {\n        transform: rotate(180deg);\n    }\n}\n\nbutton.btn-close {\n    :host([active]) & {\n        &:focus,\n        &:hover {\n            background: var-list(var-prefixer(pill-hover-close-btn-background), --t-top-a1, rgba(13, 13, 13, 0.35));\n            border-color: var-list(var-prefixer(pill-hover-close-btn-border-color), --t-top-a1, rgba(13, 13, 13, 0.35));\n        }\n    }\n}\n\nq2-popover {\n    top: calc(var(--comp-pill-min-height) - calc(calc(var(--comp-pill-min-height) - var(--comp-pill-btn-height)) / 2));\n}\n\n:host([borderless]:not([borderless='false'])) {\n    button {\n        border-style: none;\n    }\n}\n","import {\n    Component,\n    State,\n    Prop,\n    h,\n    ComponentInterface,\n    Listen,\n    Watch,\n    Element,\n    EventEmitter,\n    Event,\n    Method,\n} from '@stencil/core';\nimport { isEventFromElement, loc, overrideFocus, resizeIframe, waitForNextPaint } from 'src/utils';\nimport { shouldShowActionSheet, showActionSheetList } from 'src/utils/action-sheet';\nimport { IOptionValue } from '../q2-option-list/q2-option-list';\n\n@Component({ tag: 'q2-pill', shadow: true, styleUrl: 'q2-pill.scss' })\nexport class Q2Pill implements ComponentInterface {\n    // #region Own Properties\n\n    mutationObserver: MutationObserver;\n    optionList: HTMLQ2OptionListElement;\n    popoverElement: HTMLQ2PopoverElement;\n    popoverTopContainer: HTMLElement;\n    popoverBottomContainer: HTMLElement;\n    primaryBtn: HTMLButtonElement;\n    primaryBtnWrapper: HTMLElement;\n    scheduledAfterRender: (() => void)[] = [];\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region State Properties\n\n    @State()\n    hasPopoverTop = false;\n\n    @State()\n    hasPopoverBottom = false;\n\n    @State()\n    optionCount: number;\n\n    @State()\n    selectedOptionElements: HTMLQ2OptionElement[] = [];\n\n    // #endregion\n    // #region Public Property API\n\n    /** Determine if the elements is in the selected state, with values. */\n    @Prop({ reflect: true, mutable: true })\n    active: boolean;\n\n    /** Indicates that the pill has no border */\n    @Prop({ reflect: true })\n    borderless: boolean;\n\n    /** Indicates the pill cannot be focused or interacted with. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /**\n     * Instructs the component to use the action sheet workflow for displaying its options.\n     *\n     * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).\n     */\n    @Prop()\n    hoist: boolean = !!window.Tecton?.useActionSheets;\n\n    /**\n     * The text that populates the label.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /**\n     * The maximum number of characters to display before ellipcizing.\n     * @info\n     * Limitless by default.\n     */\n    @Prop({ reflect: true })\n    maxLength: number;\n\n    /**\n     * Enables the multi-select ability for the dropdown.\n     * @info\n     * Only applicable when options are provided.\n     */\n    @Prop({ reflect: true })\n    multiple: boolean;\n\n    /** Determine whether the popover is open or closed. */\n    @Prop({ reflect: true, mutable: true })\n    open: boolean;\n\n    /** Determines the label that is applied to the option list for accessibility purposes. */\n    @Prop()\n    optionListLabel: string;\n\n    /** Aligns the popover dropdown to the left or right side of the input field. */\n    @Prop({ mutable: true })\n    popoverAlignment: 'left' | 'right' = 'right';\n\n    /**\n     * Force the direction of the popover dropdown when it opens.\n     * If no value is passed, the component will auto-detect the direction based on available space.\n     */\n    @Prop()\n    popoverDirection: 'up' | 'down';\n\n    /**\n     * Force the maximum height of the popover. This value will be interpreted as pixels.\n     * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n     */\n    @Prop()\n    popoverMaxHeight: number;\n\n    /** @deprecated */\n    @Prop()\n    popoverMinHeight: number = 150;\n\n    /** A list of the selected options on the element. */\n    @Prop({ mutable: true })\n    selectedOptions: IOptionValue[] = [];\n\n    /** The color of the element when in the active state. */\n    @Prop({ reflect: true })\n    theme: 'primary' | 'secondary' | 'tertiary';\n\n    /** The value emitted when the component is selected. */\n    @Prop({ reflect: true, mutable: true })\n    value: string;\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the pill is clicked or the selected options change.\n     *\n     * When multi-select is enabled, `value` will be `undefined`.\n     * @legacyEvent\n     */\n    @Event()\n    change: EventEmitter<{ value: string; values: IOptionValue[]; active: boolean }>;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        this.mutationObserver.disconnect();\n        this.mutationObserver = null;\n    }\n\n    componentWillLoad() {\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true, attributes: true });\n        this.mutationObserver = observer;\n    }\n\n    componentDidLoad() {\n        overrideFocus(this.hostElement);\n        this.syncValueProperties();\n    }\n\n    componentDidRender() {\n        this.scheduledAfterRender.forEach(fn => fn());\n        this.scheduledAfterRender = [];\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('displayChanged')\n    handleSelectedDisplay() {\n        if (this.multiple) return;\n        this.updateSelectedOptionElements();\n    }\n\n    @Listen('focus')\n    delegateFocus(event: FocusEvent) {\n        if (!isEventFromElement(event, this.hostElement)) return;\n        this.primaryBtn.focus();\n    }\n\n    @Listen('popoverStateChanged')\n    popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n        if (this.open !== open) this.open = open;\n        if (open) return;\n        this.optionList.setActiveElement(null);\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the `<button>` to hide the popover if it is visible.\n     *\n     * @testOnly\n     */\n    @Method()\n    async closePopover() {\n        if (!this.open || this.disabled) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<button>` to display the popover if it is hidden.\n     *\n     * @testOnly\n     */\n    @Method()\n    async openPopover() {\n        if (this.open || this.disabled) return;\n        this._togglePopover();\n    }\n\n    /**\n     * Emulates clicking the `<button>` to display the popover and selecting the option(s) with the specified value(s).\n     *\n     * If multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed\n     * after the option(s) are selected.\n     *\n     * @testOnly\n     */\n    @Method()\n    async setValue(values: string | string[], options: { closePopover?: boolean } = { closePopover: true }) {\n        const valueSet = new Set(Array.isArray(values) ? values : [values]);\n        const allOptions: HTMLQ2OptionElement[] = await this.optionList?.getOptions();\n        if (!this.open) {\n            await this.openPopover();\n            await waitForNextPaint();\n        }\n\n        valueSet.forEach(value => {\n            allOptions.find(option => option.value === value)?.click();\n        });\n\n        if (options.closePopover) {\n            await this.closePopover();\n            await waitForNextPaint();\n        }\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('selectedOptions')\n    selectedOptionsChanged(newValue) {\n        const { multiple } = this;\n        const firstValue = newValue?.[0]?.value ?? null;\n        if (multiple) {\n            if (this.value) this.value = null;\n            this.updateSelectedOptionElements();\n        } else if (this.value === firstValue) {\n            this.updateSelectedOptionElements();\n        } else {\n            this.value = firstValue;\n        }\n    }\n\n    @Watch('value')\n    async valueChanged(newValue) {\n        const { multiple, selectedOptions } = this;\n        if (multiple) return;\n        const firstValue = selectedOptions?.[0]?.value ?? null;\n        if (newValue === firstValue) this.updateSelectedOptionElements();\n        else {\n            const selectedOption = await this.getOption(newValue);\n            const { value, display } = selectedOption || { value: newValue, display: null };\n            this.selectedOptions = value ? [{ value, display }] : [];\n        }\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get buttonContent() {\n        const { label, selectedOptions, selectedOptionElements, optionCount } = this;\n\n        if (!optionCount || selectedOptionElements.length === 0) return loc(label);\n        else if (selectedOptionElements.length === 1) return loc(selectedOptionElements[0].display);\n\n        return loc('tecton.element.pill.activeCount', { count: selectedOptions.length });\n    }\n\n    get truncatedButtonContent() {\n        const { maxLength, buttonContent } = this;\n        if (maxLength)\n            return buttonContent.length > maxLength ? `${buttonContent.substring(0, maxLength)}…` : buttonContent;\n        else return buttonContent;\n    }\n\n    _togglePopover() {\n        const { primaryBtn } = this;\n        primaryBtn?.click();\n        primaryBtn?.focus();\n        primaryBtn.dispatchEvent(new FocusEvent('focus'));\n    }\n\n    clearSelectedOptions = () => {\n        this.selectedOptions = [];\n        this.value = null;\n        this.active = false;\n        this.open = false;\n        this.primaryBtn.focus();\n        this.change.emit({ value: null, values: [], active: false });\n        this.scheduledAfterRender.push(resizeIframe);\n    };\n\n    determineOptionCount = async () => {\n        if (this.optionList) {\n            const allOptions = await this.optionList.getOptions();\n            this.optionCount = allOptions.length;\n        } else {\n            const numberOfOptions = this.hostElement.querySelectorAll('q2-option').length;\n            this.optionCount = numberOfOptions;\n        }\n    };\n\n    executeActionSheet = async (event: MouseEvent | KeyboardEvent) => {\n        const result = await showActionSheetList(this, event);\n        this.handleSelectionChanges(result);\n    };\n\n    getOption = async (value: string) => {\n        if (this.optionList) {\n            const options = await this.optionList.getOptions();\n            return options.find(option => option.value === value);\n        } else {\n            return this.hostElement.querySelector<HTMLQ2OptionElement>(`q2-option[value=\"${value}\"]`);\n        }\n    };\n\n    handleButtonFocusout = async (event: FocusEvent) => {\n        const relatedTarget = event.relatedTarget as unknown as HTMLElement;\n        if (relatedTarget?.tagName === 'Q2-OPTION') return;\n        this.open = false;\n    };\n\n    handleChange = event => {\n        event.stopPropagation();\n        if (!this.optionCount) return;\n        this.handleSelectionChanges(event.detail);\n    };\n\n    handleClick = async (event: MouseEvent) => {\n        event.stopPropagation();\n        if (this.disabled) return;\n        if (this.optionCount) {\n            if (shouldShowActionSheet(this)) {\n                this.executeActionSheet(event);\n            } else {\n                await this.popoverElement.toggle();\n            }\n        } else {\n            const { value, label } = this;\n            const isActive = (this.active = !this.active);\n            const values = isActive ? [{ value, display: label }] : [];\n            this.selectedOptions = values;\n            this.change.emit({\n                value,\n                values,\n                active: isActive,\n            });\n        }\n    };\n\n    handleKeydown = async (event: KeyboardEvent) => {\n        const isTabMetaOrCtrl = event.metaKey || event.ctrlKey || event.key === 'Tab';\n        if (!this.optionCount || this.disabled || isTabMetaOrCtrl) return;\n        event.preventDefault();\n        const hasSlot = this.hasPopoverTop || this.hasPopoverBottom;\n\n        // slots are incompatible with action sheet\n        if (shouldShowActionSheet(this, event) && !hasSlot) {\n            this.executeActionSheet(event);\n        } else {\n            this.optionList.handleExternalKeydown(event);\n        }\n    };\n\n    handleSelectionChanges = async (changeDetails: { value?: string; values?: IOptionValue[] }) => {\n        const { multiple } = this;\n        const { value = '', values = [] } = changeDetails;\n        const isActive = multiple ? !!values.length : !!value;\n        if (!this.hostElement.onchange) {\n            if (multiple) {\n                this.selectedOptions = values;\n                this.value = undefined;\n            } else {\n                const selectedOption = await this.getOption(value);\n                this.selectedOptions = selectedOption\n                    ? [{ value: selectedOption.value, display: selectedOption.display }]\n                    : [];\n                this.value = selectedOption?.value || undefined;\n            }\n        }\n\n        this.change.emit({\n            value: multiple ? undefined : value,\n            values,\n            active: isActive,\n        });\n    };\n\n    handleWrapperClick = () => {\n        this.primaryBtn.focus();\n        this.primaryBtn.click();\n    };\n\n    onClickElsewhere = (event: CustomEvent) => {\n        const target = event.target as HTMLClickElsewhereElement;\n        if (target.localName === 'click-elsewhere') {\n            event.stopPropagation();\n            const { popoverElement } = this;\n            if (!popoverElement) return;\n            popoverElement.open = false;\n        }\n    };\n\n    onMutationObserved = () => {\n        this.updateSlotState();\n        this.determineOptionCount();\n        this.updateSelectedOptionElements();\n    };\n\n    updateSlotState = () => {\n        const { hostElement, hasPopoverTop, hasPopoverBottom } = this;\n        const popTopSlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"popover-top\"]');\n        const popBottomSlot = hostElement.shadowRoot.querySelector<HTMLSlotElement>('slot[name=\"popover-bottom\"]');\n        const topSlotHasNode = popTopSlot?.assignedNodes().length > 0;\n        const bottomSlotHasNode = popBottomSlot?.assignedNodes().length > 0;\n\n        if (hasPopoverTop !== topSlotHasNode) this.hasPopoverTop = topSlotHasNode;\n        if (hasPopoverBottom !== bottomSlotHasNode) this.hasPopoverBottom = bottomSlotHasNode;\n    };\n\n    syncValueProperties = () => {\n        const { value, selectedOptions } = this;\n        if (!!selectedOptions?.length) this.selectedOptionsChanged(selectedOptions);\n        else if (value) this.valueChanged(value);\n    };\n\n    updateSelectedOptionElements = async () => {\n        const { selectedOptions = [] } = this;\n        const selectedValues = selectedOptions.map(option => option.value);\n        const options = await this.optionList?.getOptions();\n        if (this.optionCount) this.active = !!selectedValues.length;\n        this.selectedOptionElements = options?.filter(option => selectedValues.includes(option.value)) || [];\n    };\n\n    // #endregion\n    // #region Render Methods\n\n    renderHiddenElement() {\n        return (\n            <div\n                id=\"option-description\"\n                class=\"sr\"\n                aria-hidden=\"true\"\n            >\n                {loc('tecton.element.optionList.optionCount', [this.optionCount])}\n            </div>\n        );\n    }\n\n    renderIcon() {\n        const { optionCount, active } = this;\n        const isButton = optionCount && active;\n        const TagName = isButton ? 'button' : 'div';\n        const iconName = isButton || !optionCount ? 'close' : 'chevron-down';\n\n        return (\n            <TagName\n                class=\"btn-close\"\n                onClick={(isButton && this.clearSelectedOptions) || undefined}\n                disabled={(isButton && this.disabled) || undefined}\n                aria-label={(isButton && loc('tecton.element.pill.clearSelection')) || undefined}\n                type={(isButton && 'button') || undefined}\n            >\n                <q2-icon type={iconName}></q2-icon>\n            </TagName>\n        );\n    }\n\n    render() {\n        const { optionCount, active, open } = this;\n        const wrapperClassNames = ['btn-wrapper'];\n        if (optionCount || active) wrapperClassNames.push('has-icon');\n        if (optionCount) wrapperClassNames.push('has-options');\n\n        return (\n            <click-elsewhere onChange={this.onClickElsewhere}>\n                <div class={wrapperClassNames.join(' ')}>\n                    <div\n                        class=\"btn-height-wrapper\"\n                        ref={el => (this.primaryBtnWrapper = el)}\n                        onClick={this.handleWrapperClick}\n                        tabIndex={-1}\n                    >\n                        <button\n                            class=\"btn-primary\"\n                            test-id=\"btn-control\"\n                            type=\"button\"\n                            role={(optionCount && 'combobox') || undefined}\n                            ref={el => (this.primaryBtn = el)}\n                            onClick={this.handleClick}\n                            onKeyDown={this.handleKeydown}\n                            onFocusout={this.handleButtonFocusout}\n                            disabled={this.disabled}\n                            aria-roledescription={!optionCount && 'filter'}\n                            aria-controls={(optionCount && 'option-list') || undefined}\n                            aria-expanded={(optionCount && `${!!open}`) || undefined}\n                            aria-label={this.buttonContent}\n                            aria-describedby={(optionCount && 'option-description') || undefined}\n                        >\n                            {this.truncatedButtonContent}\n                            {!optionCount && active && <span class=\"sr\">({loc('tecton.element.pill.active')})</span>}\n                        </button>\n                    </div>\n                    {this.renderIcon()}\n                    {!!optionCount && this.renderHiddenElement()}\n                </div>\n                {this.optionCount > 0 && (\n                    <q2-popover\n                        ref={el => (this.popoverElement = el)}\n                        controlElement={this.primaryBtn}\n                        open={this.open}\n                        max-height={this.popoverMaxHeight}\n                        minHeight={this.popoverMinHeight}\n                        direction={this.popoverDirection}\n                        align={this.popoverAlignment}\n                    >\n                        <div class=\"popover-content\">\n                            <div\n                                ref={el => (this.popoverTopContainer = el)}\n                                class=\"popover-top-container\"\n                                tabindex=\"-1\"\n                                hidden={!this.hasPopoverTop}\n                                onKeyDown={this.handleKeydown}\n                            >\n                                <slot name=\"popover-top\"></slot>\n                            </div>\n                            <q2-option-list\n                                type=\"listbox\"\n                                ref={el => (this.optionList = el)}\n                                id=\"option-list\"\n                                onChange={this.handleChange}\n                                multiple={this.multiple}\n                                selectedOptions={this.selectedOptions}\n                                onReady={() => this.updateSelectedOptionElements()}\n                                label={loc('tecton.element.optionList.label', [this.optionListLabel])}\n                            >\n                                <slot />\n                            </q2-option-list>\n                            <div\n                                ref={el => (this.popoverBottomContainer = el)}\n                                class=\"popover-bottom-container\"\n                                tabindex=\"-1\"\n                                hidden={!this.hasPopoverBottom}\n                                onKeyDown={this.handleKeydown}\n                            >\n                                <slot name=\"popover-bottom\"></slot>\n                            </div>\n                        </div>\n                    </q2-popover>\n                )}\n            </click-elsewhere>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"oKAAA,MAAMA,EAAY,s+OAClB,MAAAC,EAAeD,E,MCiBFE,EAAM,M,8DAUfC,KAAAC,qBAAuC,GAqRvCD,KAAAE,qBAAuB,KACnBF,KAAKG,gBAAkB,GACvBH,KAAKI,MAAQ,KACbJ,KAAKK,OAAS,MACdL,KAAKM,KAAO,MACZN,KAAKO,WAAWC,QAChBR,KAAKS,OAAOC,KAAK,CAAEN,MAAO,KAAMO,OAAQ,GAAIN,OAAQ,QACpDL,KAAKC,qBAAqBW,KAAKC,EAAa,EAGhDb,KAAAc,qBAAuBC,UACnB,GAAIf,KAAKgB,WAAY,CACjB,MAAMC,QAAmBjB,KAAKgB,WAAWE,aACzClB,KAAKmB,YAAcF,EAAWG,M,KAC3B,CACH,MAAMC,EAAkBrB,KAAKsB,YAAYC,iBAAiB,aAAaH,OACvEpB,KAAKmB,YAAcE,C,GAI3BrB,KAAAwB,mBAAqBT,MAAOU,IACxB,MAAMC,QAAeC,EAAoB3B,KAAMyB,GAC/CzB,KAAK4B,uBAAuBF,EAAO,EAGvC1B,KAAA6B,UAAYd,MAAOX,IACf,GAAIJ,KAAKgB,WAAY,CACjB,MAAMc,QAAgB9B,KAAKgB,WAAWE,aACtC,OAAOY,EAAQC,MAAKC,GAAUA,EAAO5B,QAAUA,G,KAC5C,CACH,OAAOJ,KAAKsB,YAAYW,cAAmC,oBAAoB7B,M,GAIvFJ,KAAAkC,qBAAuBnB,MAAOU,IAC1B,MAAMU,EAAgBV,EAAMU,cAC5B,IAAIA,IAAa,MAAbA,SAAa,SAAbA,EAAeC,WAAY,YAAa,OAC5CpC,KAAKM,KAAO,KAAK,EAGrBN,KAAAqC,aAAeZ,IACXA,EAAMa,kBACN,IAAKtC,KAAKmB,YAAa,OACvBnB,KAAK4B,uBAAuBH,EAAMc,OAAO,EAG7CvC,KAAAwC,YAAczB,MAAOU,IACjBA,EAAMa,kBACN,GAAItC,KAAKyC,SAAU,OACnB,GAAIzC,KAAKmB,YAAa,CAClB,GAAIuB,EAAsB1C,MAAO,CAC7BA,KAAKwB,mBAAmBC,E,KACrB,OACGzB,KAAK2C,eAAeC,Q,MAE3B,CACH,MAAMxC,MAAEA,EAAKyC,MAAEA,GAAU7C,KACzB,MAAM8C,EAAY9C,KAAKK,QAAUL,KAAKK,OACtC,MAAMM,EAASmC,EAAW,CAAC,CAAE1C,QAAO2C,QAASF,IAAW,GACxD7C,KAAKG,gBAAkBQ,EACvBX,KAAKS,OAAOC,KAAK,CACbN,QACAO,SACAN,OAAQyC,G,GAKpB9C,KAAAgD,cAAgBjC,MAAOU,IACnB,MAAMwB,EAAkBxB,EAAMyB,SAAWzB,EAAM0B,SAAW1B,EAAM2B,MAAQ,MACxE,IAAKpD,KAAKmB,aAAenB,KAAKyC,UAAYQ,EAAiB,OAC3DxB,EAAM4B,iBACN,MAAMC,EAAUtD,KAAKuD,eAAiBvD,KAAKwD,iBAG3C,GAAId,EAAsB1C,KAAMyB,KAAW6B,EAAS,CAChDtD,KAAKwB,mBAAmBC,E,KACrB,CACHzB,KAAKgB,WAAWyC,sBAAsBhC,E,GAI9CzB,KAAA4B,uBAAyBb,MAAO2C,IAC5B,MAAMC,SAAEA,GAAa3D,KACrB,MAAMI,MAAEA,EAAQ,GAAEO,OAAEA,EAAS,IAAO+C,EACpC,MAAMZ,EAAWa,IAAahD,EAAOS,SAAWhB,EAChD,IAAKJ,KAAKsB,YAAYsC,SAAU,CAC5B,GAAID,EAAU,CACV3D,KAAKG,gBAAkBQ,EACvBX,KAAKI,MAAQyD,S,KACV,CACH,MAAMC,QAAuB9D,KAAK6B,UAAUzB,GAC5CJ,KAAKG,gBAAkB2D,EACjB,CAAC,CAAE1D,MAAO0D,EAAe1D,MAAO2C,QAASe,EAAef,UACxD,GACN/C,KAAKI,OAAQ0D,IAAc,MAAdA,SAAc,SAAdA,EAAgB1D,QAASyD,S,EAI9C7D,KAAKS,OAAOC,KAAK,CACbN,MAAOuD,EAAWE,UAAYzD,EAC9BO,SACAN,OAAQyC,GACV,EAGN9C,KAAA+D,mBAAqB,KACjB/D,KAAKO,WAAWC,QAChBR,KAAKO,WAAWyD,OAAO,EAG3BhE,KAAAiE,iBAAoBxC,IAChB,MAAMyC,EAASzC,EAAMyC,OACrB,GAAIA,EAAOC,YAAc,kBAAmB,CACxC1C,EAAMa,kBACN,MAAMK,eAAEA,GAAmB3C,KAC3B,IAAK2C,EAAgB,OACrBA,EAAerC,KAAO,K,GAI9BN,KAAAoE,mBAAqB,KACjBpE,KAAKqE,kBACLrE,KAAKc,uBACLd,KAAKsE,8BAA8B,EAGvCtE,KAAAqE,gBAAkB,KACd,MAAM/C,YAAEA,EAAWiC,cAAEA,EAAaC,iBAAEA,GAAqBxD,KACzD,MAAMuE,EAAajD,EAAYkD,WAAWvC,cAA+B,4BACzE,MAAMwC,EAAgBnD,EAAYkD,WAAWvC,cAA+B,+BAC5E,MAAMyC,GAAiBH,IAAU,MAAVA,SAAU,SAAVA,EAAYI,gBAAgBvD,QAAS,EAC5D,MAAMwD,GAAoBH,IAAa,MAAbA,SAAa,SAAbA,EAAeE,gBAAgBvD,QAAS,EAElE,GAAImC,IAAkBmB,EAAgB1E,KAAKuD,cAAgBmB,EAC3D,GAAIlB,IAAqBoB,EAAmB5E,KAAKwD,iBAAmBoB,CAAiB,EAGzF5E,KAAA6E,oBAAsB,KAClB,MAAMzE,MAAEA,EAAKD,gBAAEA,GAAoBH,KACnC,MAAMG,IAAe,MAAfA,SAAe,SAAfA,EAAiBiB,QAAQpB,KAAK8E,uBAAuB3E,QACtD,GAAIC,EAAOJ,KAAK+E,aAAa3E,EAAM,EAG5CJ,KAAAsE,6BAA+BvD,U,MAC3B,MAAMZ,gBAAEA,EAAkB,IAAOH,KACjC,MAAMgF,EAAiB7E,EAAgB8E,KAAIjD,GAAUA,EAAO5B,QAC5D,MAAM0B,SAAgBoD,EAAAlF,KAAKgB,cAAU,MAAAkE,SAAA,SAAAA,EAAEhE,cACvC,GAAIlB,KAAKmB,YAAanB,KAAKK,SAAW2E,EAAe5D,OACrDpB,KAAKmF,wBAAyBrD,IAAO,MAAPA,SAAO,SAAPA,EAASsD,QAAOpD,GAAUgD,EAAeK,SAASrD,EAAO5B,WAAW,EAAE,E,mBA9ZxF,M,sBAGG,M,uDAM6B,G,uFAuB7B8E,EAAAI,OAAOC,UAAM,MAAAL,SAAA,SAAAA,EAAEM,iB,+IAmCG,Q,sFAkBV,I,qBAIO,G,0CAyBlC,oBAAAC,GACIzF,KAAK0F,iBAAiBC,aACtB3F,KAAK0F,iBAAmB,I,CAG5B,iBAAAE,GACI,MAAMC,EAAW,IAAIC,iBAAiB9F,KAAKoE,oBAC3CyB,EAASE,QAAQ/F,KAAKsB,YAAa,CAAE0E,UAAW,KAAMC,WAAY,OAClEjG,KAAK0F,iBAAmBG,C,CAG5B,gBAAAK,GACIC,EAAcnG,KAAKsB,aACnBtB,KAAK6E,qB,CAGT,kBAAAuB,GACIpG,KAAKC,qBAAqBoG,SAAQC,GAAMA,MACxCtG,KAAKC,qBAAuB,E,CAOhC,qBAAAsG,GACI,GAAIvG,KAAK2D,SAAU,OACnB3D,KAAKsE,8B,CAIT,aAAAkC,CAAc/E,GACV,IAAKgF,EAAmBhF,EAAOzB,KAAKsB,aAAc,OAClDtB,KAAKO,WAAWC,O,CAIpB,mBAAAkG,EAAsBnE,QAAQjC,KAAEA,KAC5B,GAAIN,KAAKM,OAASA,EAAMN,KAAKM,KAAOA,EACpC,GAAIA,EAAM,OACVN,KAAKgB,WAAW2F,iBAAiB,K,CAYrC,kBAAMC,GACF,IAAK5G,KAAKM,MAAQN,KAAKyC,SAAU,OACjCzC,KAAK6G,gB,CAST,iBAAMC,GACF,GAAI9G,KAAKM,MAAQN,KAAKyC,SAAU,OAChCzC,KAAK6G,gB,CAYT,cAAME,CAASpG,EAA2BmB,EAAsC,CAAE8E,aAAc,O,MAC5F,MAAMI,EAAW,IAAIC,IAAIC,MAAMC,QAAQxG,GAAUA,EAAS,CAACA,IAC3D,MAAMM,SAA0CiE,EAAAlF,KAAKgB,cAAU,MAAAkE,SAAA,SAAAA,EAAEhE,cACjE,IAAKlB,KAAKM,KAAM,OACNN,KAAK8G,oBACLM,G,CAGVJ,EAASX,SAAQjG,I,OACb8E,EAAAjE,EAAWc,MAAKC,GAAUA,EAAO5B,QAAUA,OAAM,MAAA8E,SAAA,SAAAA,EAAElB,OAAO,IAG9D,GAAIlC,EAAQ8E,aAAc,OAChB5G,KAAK4G,qBACLQ,G,EAQd,sBAAAtC,CAAuBuC,G,QACnB,MAAM1D,SAAEA,GAAa3D,KACrB,MAAMsH,GAAaC,GAAArC,EAAAmC,IAAQ,MAARA,SAAQ,SAARA,EAAW,MAAE,MAAAnC,SAAA,SAAAA,EAAE9E,SAAK,MAAAmH,SAAA,EAAAA,EAAI,KAC3C,GAAI5D,EAAU,CACV,GAAI3D,KAAKI,MAAOJ,KAAKI,MAAQ,KAC7BJ,KAAKsE,8B,MACF,GAAItE,KAAKI,QAAUkH,EAAY,CAClCtH,KAAKsE,8B,KACF,CACHtE,KAAKI,MAAQkH,C,EAKrB,kBAAMvC,CAAasC,G,QACf,MAAM1D,SAAEA,EAAQxD,gBAAEA,GAAoBH,KACtC,GAAI2D,EAAU,OACd,MAAM2D,GAAaC,GAAArC,EAAA/E,IAAe,MAAfA,SAAe,SAAfA,EAAkB,MAAE,MAAA+E,SAAA,SAAAA,EAAE9E,SAAK,MAAAmH,SAAA,EAAAA,EAAI,KAClD,GAAIF,IAAaC,EAAYtH,KAAKsE,mCAC7B,CACD,MAAMR,QAAuB9D,KAAK6B,UAAUwF,GAC5C,MAAMjH,MAAEA,EAAK2C,QAAEA,GAAYe,GAAkB,CAAE1D,MAAOiH,EAAUtE,QAAS,MACzE/C,KAAKG,gBAAkBC,EAAQ,CAAC,CAAEA,QAAO2C,YAAa,E,EAO9D,iBAAIyE,GACA,MAAM3E,MAAEA,EAAK1C,gBAAEA,EAAegF,uBAAEA,EAAsBhE,YAAEA,GAAgBnB,KAExE,IAAKmB,GAAegE,EAAuB/D,SAAW,EAAG,OAAOqG,EAAI5E,QAC/D,GAAIsC,EAAuB/D,SAAW,EAAG,OAAOqG,EAAItC,EAAuB,GAAGpC,SAEnF,OAAO0E,EAAI,kCAAmC,CAAEC,MAAOvH,EAAgBiB,Q,CAG3E,0BAAIuG,GACA,MAAMC,UAAEA,EAASJ,cAAEA,GAAkBxH,KACrC,GAAI4H,EACA,OAAOJ,EAAcpG,OAASwG,EAAY,GAAGJ,EAAcK,UAAU,EAAGD,MAAgBJ,OACvF,OAAOA,C,CAGhB,cAAAX,GACI,MAAMtG,WAAEA,GAAeP,KACvBO,IAAU,MAAVA,SAAU,SAAVA,EAAYyD,QACZzD,IAAU,MAAVA,SAAU,SAAVA,EAAYC,QACZD,EAAWuH,cAAc,IAAIC,WAAW,S,CA8J5C,mBAAAC,GACI,OACIC,EAAA,OACIC,GAAG,qBACHC,MAAM,KAAI,cACE,QAEXV,EAAI,wCAAyC,CAACzH,KAAKmB,c,CAKhE,UAAAiH,GACI,MAAMjH,YAAEA,EAAWd,OAAEA,GAAWL,KAChC,MAAMqI,EAAWlH,GAAed,EAChC,MAAMiI,EAAUD,EAAW,SAAW,MACtC,MAAME,EAAWF,IAAalH,EAAc,QAAU,eAEtD,OACI8G,EAACK,EAAO,CACJH,MAAM,YACNK,QAAUH,GAAYrI,KAAKE,sBAAyB2D,UACpDpB,SAAW4F,GAAYrI,KAAKyC,UAAaoB,UAAS,aACrCwE,GAAYZ,EAAI,uCAA0C5D,UACvE4E,KAAOJ,GAAY,UAAaxE,WAEhCoE,EAAA,WAASQ,KAAMF,I,CAK3B,MAAAG,GACI,MAAMvH,YAAEA,EAAWd,OAAEA,EAAMC,KAAEA,GAASN,KACtC,MAAM2I,EAAoB,CAAC,eAC3B,GAAIxH,GAAed,EAAQsI,EAAkB/H,KAAK,YAClD,GAAIO,EAAawH,EAAkB/H,KAAK,eAExC,OACIqH,EAAA,mBAAA7E,IAAA,2CAAiBwF,SAAU5I,KAAKiE,kBAC5BgE,EAAA,OAAA7E,IAAA,2CAAK+E,MAAOQ,EAAkBE,KAAK,MAC/BZ,EAAA,OAAA7E,IAAA,2CACI+E,MAAM,qBACNW,IAAKC,GAAO/I,KAAKgJ,kBAAoBD,EACrCP,QAASxI,KAAK+D,mBACdkF,UAAW,GAEXhB,EAAA,UAAA7E,IAAA,2CACI+E,MAAM,cAAa,UACX,cACRM,KAAK,SACLS,KAAO/H,GAAe,YAAe0C,UACrCiF,IAAKC,GAAO/I,KAAKO,WAAawI,EAC9BP,QAASxI,KAAKwC,YACd2G,UAAWnJ,KAAKgD,cAChBoG,WAAYpJ,KAAKkC,qBACjBO,SAAUzC,KAAKyC,SAAQ,wBACAtB,GAAe,SAAQ,gBAC9BA,GAAe,eAAkB0C,UAAS,gBAC1C1C,GAAe,KAAKb,KAAWuD,UAAS,aAC5C7D,KAAKwH,cAAa,mBACXrG,GAAe,sBAAyB0C,WAE1D7D,KAAK2H,wBACJxG,GAAed,GAAU4H,EAAA,QAAA7E,IAAA,2CAAM+E,MAAM,MAAI,IAAGV,EAAI,8BAA6B,OAGtFzH,KAAKoI,eACHjH,GAAenB,KAAKgI,uBAE1BhI,KAAKmB,YAAc,GAChB8G,EAAA,cAAA7E,IAAA,2CACI0F,IAAKC,GAAO/I,KAAK2C,eAAiBoG,EAClCM,eAAgBrJ,KAAKO,WACrBD,KAAMN,KAAKM,KAAI,aACHN,KAAKsJ,iBACjBC,UAAWvJ,KAAKwJ,iBAChBC,UAAWzJ,KAAK0J,iBAChBC,MAAO3J,KAAK4J,kBAEZ3B,EAAA,OAAA7E,IAAA,2CAAK+E,MAAM,mBACPF,EAAA,OAAA7E,IAAA,2CACI0F,IAAKC,GAAO/I,KAAK6J,oBAAsBd,EACvCZ,MAAM,wBACN2B,SAAS,KACTC,QAAS/J,KAAKuD,cACd4F,UAAWnJ,KAAKgD,eAEhBiF,EAAA,QAAA7E,IAAA,2CAAM4G,KAAK,iBAEf/B,EAAA,kBAAA7E,IAAA,2CACIqF,KAAK,UACLK,IAAKC,GAAO/I,KAAKgB,WAAa+H,EAC9Bb,GAAG,cACHU,SAAU5I,KAAKqC,aACfsB,SAAU3D,KAAK2D,SACfxD,gBAAiBH,KAAKG,gBACtB8J,QAAS,IAAMjK,KAAKsE,+BACpBzB,MAAO4E,EAAI,kCAAmC,CAACzH,KAAKkK,mBAEpDjC,EAAA,QAAA7E,IAAA,8CAEJ6E,EAAA,OAAA7E,IAAA,2CACI0F,IAAKC,GAAO/I,KAAKmK,uBAAyBpB,EAC1CZ,MAAM,2BACN2B,SAAS,KACTC,QAAS/J,KAAKwD,iBACd2F,UAAWnJ,KAAKgD,eAEhBiF,EAAA,QAAA7E,IAAA,2CAAM4G,KAAK,sB"}

package/dist/q2-tecton-elements/p-72d948b4.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as n,g as o}from"./p-a5f18e27.js";const e="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}:host:active{box-shadow:none}.link{--comp-link-font-bold-stroke-width:0.5px;background:transparent;border:none;color:var(--tct-link-color, var(--t-primary, inherit));font-size:var(--tct-link-font-size, inherit);font-weight:var(--tct-link-font-weight, inherit)}.link a{height:var(--tct-link-height, 24px);display:flex;align-items:center;--tct-icon-size:16px;text-decoration:none}.link a q2-icon{margin-left:var(--tct-link-label-icon-gap, 6px)}.link.standalone{display:flex;align-items:center;color:var(--tct-link-color-standalone, var(--t-primary));--comp-icon-stroke:var(--tct-link-icon-stroke-width, 1.5)}.link.standalone:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link.standalone:active:hover{text-decoration:underline;-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));--tct-icon-stroke-width:calc(var(--comp-icon-stroke) + 0.5)}.link.standalone:active:hover a{color:var(--tct-link-color-standalone-active, var(--t-primary-d2));box-shadow:none}.link.standalone.disabled a{cursor:not-allowed;color:var(--tct-link-color-standalone-disabled, var(--t-primary));opacity:0.5;text-decoration:none}.link.standalone.disabled:hover{text-decoration:none}.link.inline{margin:0 var(--tct-link-side-margin, 6px);text-decoration:underline;color:var(--tct-link-color-inline, var(--t-primary))}.link.inline:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width))}.link.inline:active:hover{-webkit-text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));text-stroke-width:var(--tct-link-font-bold-stroke-width, var(--comp-link-font-bold-stroke-width));color:var(--tct-link-color-inline-active, var(--t-primary-d2));box-shadow:none}.link.inline.disabled{cursor:not-allowed;opacity:0.5}.link.inline:focus-visible .link.inline{box-shadow:var(--const-double-focus-ring)}";const r=e;const l=class{constructor(n){t(this,n);this.tctClick=i(this,"tctClick",7);this.disabled=false;this.href="#";this.label=undefined;this.referrerpolicy=undefined;this.target=undefined;this.tctTitle=undefined;this.variant="inline"}async clickLink(){const t=this.hostElement.shadowRoot.querySelector(`[test-id="linkAnchor"]`);t===null||t===void 0?void 0:t.click()}get classes(){const t=["link"];if(this.variant)t.push(this.variant);if(!!this.disabled)t.push("disabled");return t.join(" ")}handleClick(t){t.stopPropagation();if(this.disabled)return;this.tctClick.emit({target:this.target,referrerpolicy:this.referrerpolicy,href:this.href})}render(){return this.variant==="standalone"?n("div",{class:this.classes,"aria-label":this.label},n("a",{onClick:t=>this.handleClick(t),href:!!this.disabled?undefined:this.href,target:this.target||"_self",referrerPolicy:this.referrerpolicy||undefined,title:this.tctTitle||undefined,"test-id":"linkAnchor"},n("span",{class:"label"},this.label),n("q2-icon",{type:"chevron-right"}))):n("a",{class:this.classes,onClick:t=>this.handleClick(t),href:!!this.disabled?undefined:this.href,target:this.target||"_self",referrerPolicy:this.referrerpolicy||undefined,title:this.tctTitle||undefined,"test-id":"linkAnchor"},this.label)}get hostElement(){return o(this)}};l.style=r;export{l as q2_link};
-//# sourceMappingURL=p-72d948b4.entry.js.map

package/dist/q2-tecton-elements/p-72d948b4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["q2LinkCss","Q2LinkStyle0","Q2Link","clickLink","anchor","this","hostElement","shadowRoot","querySelector","click","classes","list","variant","push","disabled","join","handleClick","event","stopPropagation","tctClick","emit","target","referrerpolicy","href","render","h","class","label","onClick","e","undefined","referrerPolicy","title","tctTitle","type"],"sources":["src/components/q2-link/q2-link.scss?tag=q2-link&encapsulation=shadow","src/components/q2-link/q2-link.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n    display: inline-block;\n}\n\n:host {\n    &:active {\n        box-shadow: none;\n    }\n}\n\n.link {\n    --comp-link-font-bold-stroke-width: 0.5px;\n    background: transparent;\n    border: none;\n    color: var-list(--tct-link-color, --t-primary, inherit);\n    font-size: var-list(--tct-link-font-size, inherit);\n    font-weight: var-list(--tct-link-font-weight, inherit);\n    a {\n        height: var(--tct-link-height, 24px);\n        display: flex;\n        align-items: center;\n        --tct-icon-size: 16px;\n        text-decoration: none;\n        q2-icon {\n            margin-left: var(--tct-link-label-icon-gap, 6px);\n        }\n    }\n\n    &.standalone {\n        display: flex;\n        align-items: center;\n        color: var-list(--tct-link-color-standalone, --t-primary);\n        --comp-icon-stroke: var(--tct-link-icon-stroke-width, 1.5);\n        &:hover {\n            text-decoration: underline;\n            -webkit-text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n            text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n            --tct-icon-stroke-width: calc(var(--comp-icon-stroke) + 0.5);\n        }\n        &:active:hover {\n            text-decoration: underline;\n            -webkit-text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n            text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n            --tct-icon-stroke-width: calc(var(--comp-icon-stroke) + 0.5);\n            a {\n                color: var-list(--tct-link-color-standalone-active, --t-primary-d2);\n                box-shadow: none;\n            }\n        }\n        &.disabled {\n            a {\n                cursor: not-allowed;\n                color: var-list(--tct-link-color-standalone-disabled, --t-primary);\n                opacity: 0.5;\n                text-decoration: none;\n            }\n            &:hover {\n                text-decoration: none;\n            }\n        }\n    }\n\n    &.inline {\n        margin: 0 var(--tct-link-side-margin, 6px);\n        text-decoration: underline;\n        color: var-list(--tct-link-color-inline, --t-primary);\n        &:hover {\n            -webkit-text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n            text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n        }\n        &:active:hover {\n            -webkit-text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n            text-stroke-width: var-list(--tct-link-font-bold-stroke-width, --comp-link-font-bold-stroke-width);\n            color: var-list(--tct-link-color-inline-active, --t-primary-d2);\n            box-shadow: none;\n        }\n        &.disabled {\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n        &:focus-visible & {\n            box-shadow: var(--const-double-focus-ring);\n        }\n    }\n}\n\n","import { Component, Prop, h, ComponentInterface, Element, Event, EventEmitter, Method } from '@stencil/core';\n@Component({ tag: 'q2-link', shadow: true, styleUrl: 'q2-link.scss' })\nexport class Q2Link implements ComponentInterface {\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** The disabled.  */\n    @Prop({ reflect: true })\n    disabled: boolean = false;\n\n    /** The link when clicked. */\n    @Prop({ reflect: true })\n    href: string = '#';\n\n    /** The label to display. */\n    @Prop({ reflect: true })\n    label: string;\n\n    /** The [referrerpolicy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy) */\n    @Prop({ reflect: true })\n    referrerpolicy: ReferrerPolicy;\n\n    /** The target.  */\n    @Prop({ reflect: true })\n    target: string; // _self | _blank\n\n    /** The title attribute on a tag in shadowRoot. */\n    @Prop({ reflect: true })\n    tctTitle: string;\n\n    /** The value link to display. */\n    @Prop({ reflect: true })\n    variant: string = 'inline';\n\n    // #endregion\n    // #region Events\n\n    /**\n     * Emitted when the link is clicked.\n     * @legacyEvent\n     */\n    @Event()\n    tctClick: EventEmitter<{ target: string; referrerpolicy: string; href: string }>;\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * A method for click.\n     *\n     * @testOnly\n     */\n    @Method()\n    async clickLink() {\n        const anchor = this.hostElement.shadowRoot.querySelector(`[test-id=\"linkAnchor\"]`);\n        (anchor as HTMLAnchorElement)?.click();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get classes() {\n        const list = ['link'];\n        if (this.variant) list.push(this.variant);\n        if (!!this.disabled) list.push('disabled');\n        return list.join(' ');\n    }\n\n    handleClick(event: MouseEvent) {\n        event.stopPropagation();\n        if (this.disabled) return;\n        this.tctClick.emit({\n            target: this.target,\n            referrerpolicy: this.referrerpolicy,\n            href: this.href,\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        return this.variant === 'standalone' ? (\n            <div\n                class={this.classes}\n                aria-label={this.label}\n            >\n                <a\n                    onClick={e => this.handleClick(e)}\n                    href={!!this.disabled ? undefined : this.href}\n                    target={this.target || '_self'}\n                    referrerPolicy={this.referrerpolicy || undefined}\n                    title={this.tctTitle || undefined}\n                    test-id=\"linkAnchor\"\n                >\n                    <span class=\"label\">{this.label}</span>\n                    <q2-icon type=\"chevron-right\"></q2-icon>\n                </a>\n            </div>\n        ) : (\n            <a\n                class={this.classes}\n                onClick={e => this.handleClick(e)}\n                href={!!this.disabled ? undefined : this.href}\n                target={this.target || '_self'}\n                referrerPolicy={this.referrerpolicy || undefined}\n                title={this.tctTitle || undefined}\n                test-id=\"linkAnchor\"\n            >\n                {this.label}\n            </a>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,u+FAClB,MAAAC,EAAeD,E,MCCFE,EAAM,M,0EAWK,M,UAIL,I,8GAoBG,Q,CAqBlB,eAAMC,GACF,MAAMC,EAASC,KAAKC,YAAYC,WAAWC,cAAc,0BACxDJ,IAA4B,MAA5BA,SAAM,SAANA,EAA8BK,O,CAMnC,WAAIC,GACA,MAAMC,EAAO,CAAC,QACd,GAAIN,KAAKO,QAASD,EAAKE,KAAKR,KAAKO,SACjC,KAAMP,KAAKS,SAAUH,EAAKE,KAAK,YAC/B,OAAOF,EAAKI,KAAK,I,CAGrB,WAAAC,CAAYC,GACRA,EAAMC,kBACN,GAAIb,KAAKS,SAAU,OACnBT,KAAKc,SAASC,KAAK,CACfC,OAAQhB,KAAKgB,OACbC,eAAgBjB,KAAKiB,eACrBC,KAAMlB,KAAKkB,M,CAOnB,MAAAC,GACI,OAAOnB,KAAKO,UAAY,aACpBa,EAAA,OACIC,MAAOrB,KAAKK,QAAO,aACPL,KAAKsB,OAEjBF,EAAA,KACIG,QAASC,GAAKxB,KAAKW,YAAYa,GAC/BN,OAAQlB,KAAKS,SAAWgB,UAAYzB,KAAKkB,KACzCF,OAAQhB,KAAKgB,QAAU,QACvBU,eAAgB1B,KAAKiB,gBAAkBQ,UACvCE,MAAO3B,KAAK4B,UAAYH,UAAS,UACzB,cAERL,EAAA,QAAMC,MAAM,SAASrB,KAAKsB,OAC1BF,EAAA,WAASS,KAAK,oBAItBT,EAAA,KACIC,MAAOrB,KAAKK,QACZkB,QAASC,GAAKxB,KAAKW,YAAYa,GAC/BN,OAAQlB,KAAKS,SAAWgB,UAAYzB,KAAKkB,KACzCF,OAAQhB,KAAKgB,QAAU,QACvBU,eAAgB1B,KAAKiB,gBAAkBQ,UACvCE,MAAO3B,KAAK4B,UAAYH,UAAS,UACzB,cAEPzB,KAAKsB,M"}

package/dist/q2-tecton-elements/p-7903cd15.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,F as o,g as r}from"./p-a5f18e27.js";import{m as l,l as n}from"./p-15ac45d6.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{--comp-cell-padding:var(--tct-data-table-cell-padding, var(--tct-table-cell-padding, var(--app-scale-3x, 15px)));--comp-select-column-width:var(--tct-data-table-select-column-width, var(--tct-table-select-column-width, var(--tct-checkbox-size, 20px)));--comp-dropdown-column-width:var(--tct-data-table-dropdown-column-width, var(--tct-table-dropdown-column-width, var(--tct-btn-icon-width, 44px)));--comp-expandable-row-control-column-width:var(--tct-data-table-expandable-row-control-column-width, var(--tct-table-expandable-row-control-column-width, var(--tct-btn-icon-width, 44px)));overflow:auto;--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 4px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.container::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.container::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.container::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}:host([shadowed]:not([shadowed=false])) .container{box-shadow:var(--tct-data-table-shadow, var(--tct-table-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14))))}:host([density=compact]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-compact, var(--tct-table-cell-padding-compact, var(--app-scale-1x, 5px)))}:host([density=comfortable]) .container{--comp-cell-padding:var(--tct-data-table-cell-padding-comfortable, var(--tct-table-cell-padding-comfortable, var(--app-scale-5x, 25px)))}table{table-layout:var(--tct-data-table-layout, var(--tct-table-layout, auto));border-collapse:collapse;border-spacing:0;width:var(--tct-data-table-width, var(--tct-table-width));min-width:100%;background:var(--tct-data-table-background, var(--tct-table-background, var(--t-base, #ffffff)));caption-side:var(--tct-data-table-caption-side, var(--tct-table-caption-side, bottom))}thead{border-width:var(--tct-data-table-header-border-width, var(--tct-table-header-border-width, 0 0 2px 0));border-style:var(--tct-data-table-header-border-style, var(--tct-table-header-border-style, solid));border-color:var(--tct-data-table-header-border-color, var(--tct-table-header-border-color, var(--t-gray-9, #999999)));background:var(--tct-data-table-header-background, var(--tct-table-header-background))}col.select-column{width:var(--comp-select-column-width)}col.expandable-row-control-column{width:var(--comp-expandable-row-control-column-width)}col.dropdown-column{width:var(--comp-dropdown-column-width)}:host(:is([bordered=vertical],[bordered=grid])) col{border-width:var(--tct-data-table-column-border-width, 0 1px 0 0);border-style:var(--tct-data-table-column-border-style, solid);border-color:var(--tct-data-table-column-border-color, var(--t-gray-9, #999999))}:host(:is([bordered=vertical],[bordered=grid])) col:last-child{border:none}td,th{padding:var(--comp-cell-padding);text-align:start;vertical-align:middle}td.align-end,th.align-end{text-align:end}td.align-center,th.align-center{text-align:center}td.vertical-align-top,th.vertical-align-top{vertical-align:top}td.vertical-align-bottom,th.vertical-align-bottom{vertical-align:bottom}th .header-content{font-weight:var(--tct-data-table-header-font-weight, var(--tct-table-header-font-weight, 600));font-size:var(--tct-data-table-header-font-size, var(--app-font-size, 14px))}th.sorted .header-content{font-weight:var(--tct-data-table-header-sorted-font-weight, var(--tct-table-header-sorted-font-weight, 600))}th .sorted-indicator{--comp-header-sortable-icon-size:var(--tct-data-table-header-sortable-icon-size, var(--tct-table-header-sortable-icon-size, var(--app-scale-3x, 15px)));--tct-icon-stroke-width:2;width:var(--comp-header-sortable-icon-size);height:var(--comp-header-sortable-icon-size)}th .sorted-indicator.direction-ASC{transform:rotate(180deg)}th q2-btn .header-content{display:flex;align-items:center;gap:var(--tct-data-table-header-content-gap, var(--tct-table-header-content-gap, var(--app-scale-2x, 10px)))}tr.expandable,tr.clickable{cursor:pointer}tr.expandable:focus,tr.clickable:focus{outline:none;box-shadow:none}tr.striped:nth-child(even){background:var(--tct-data-table-row-even-background, var(--t-gray-14, #f2f2f2))}tr.striped:nth-child(odd){background:var(--tct-data-table-row-odd-background, transparent)}tr.expandable:hover{background:var(--tct-data-table-expandable-row-hover-background, var(--tct-table-expandable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.clickable:hover{background:var(--tct-data-table-clickable-row-hover-background, var(--tct-table-clickable-row-hover-background, var(--t-gray-14, #f2f2f2)))}tr.selected{background:var(--tct-data-table-selected-row-background, var(--tct-table-selected-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}tr.expanded .toggle-expandable-row{transform:rotate(180deg)}:host(:is([bordered],[bordered=horizontal],[bordered=grid]):not([bordered=vertical],[bordered=false])) tbody tr{border-width:var(--tct-data-table-row-border-width, var(--tct-table-row-border-width, 0 0 1px 0));border-style:var(--tct-data-table-row-border-style, var(--tct-table-row-border-style, solid));border-color:var(--tct-data-table-row-border-color, var(--tct-table-row-border-color, var(--t-gray-9, #999999)))}tr.loading-row{background:var(--tct-data-table-loading-row-background, var(--tct-table-loading-row-background, var(--t-base, #ffffff)))}tr.loading-row td{text-align:center}tr.loading-row q2-loading{font-size:4em}tr.empty-state{background:var(--tct-data-table-loading-row-background, var(--t-base, #ffffff))}tr.empty-state td{text-align:center}tr.empty-state .empty-state-content{display:flex;flex-direction:column;align-items:center;padding-top:var(--app-scale-10x, 50px);padding-bottom:var(--app-scale-10x, 50px);gap:var(--app-scale-4x, 20px);--tct-icon-size:var(--app-scale-6x, 30px)}tr.expandable-row{background:var(--tct-data-table-expanded-row-background, var(--tct-table-expanded-row-background, var(--t-gray-14, #f2f2f2)))}td.clamped div{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--comp-line-clamp-count, 1);-webkit-box-orient:vertical}td.expandable-row-control-column{--tct-btn-icon-hover-bg:transparent;padding:var(--tct-data-table-expandable-row-control-column-padding, var(--tct-table-expandable-row-control-column-padding, 0 5px));text-align:center}td.dropdown-column{padding:var(--tct-data-table-dropdown-column-padding, var(--tct-table-dropdown-column-padding, 0 5px));text-align:center}td.click-column:not(.sr){padding:var(--tct-data-table-clickable-column-padding, var(--tct-table-clickable-column-padding, 0 5px));text-align:center}caption{padding:var(--tct-data-table-caption-padding, var(--tct-table-caption-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-data-table-caption-font-size, var(--tct-table-caption-font-size, inherit));font-weight:var(--tct-data-table-caption-font-weight, var(--tct-table-caption-font-weight, 600));text-align:var(--tct-data-table-caption-text-align, var(--tct-table-caption-text-align, center));color:var(--tct-data-table-caption-color, var(--tct-table-caption-color, inherit))}q2-checkbox{padding:0}";const d=c;const i=class{constructor(a){t(this,a);this.click=e(this,"click",7);this.select=e(this,"select",7);this.selectAllRows=e(this,"selectAllRows",7);this.sort=e(this,"sort",7);this.toggle=e(this,"toggle",7);this.checkSlots=()=>{var t,e,a,o;this.hasExpandableRows=!!((e=(t=this.hostElement)===null||t===void 0?void 0:t.querySelector(`[slot$="-expandable-content"]`))!==null&&e!==void 0?e:false);this.hasDropdowns=!!((o=(a=this.hostElement)===null||a===void 0?void 0:a.querySelector(`[slot$="-dropdown"]`))!==null&&o!==void 0?o:false);this.checkSlotCount+=1};this.onClickRow=(t,e)=>{t.stopPropagation();this.click.emit({row:e})};this.onClickTableRow=(t,e)=>{if(this.clickable){this.onClickRow(t,e)}else if(this.hasExpandableRows){this.onToggleRow(t,e)}};this.onControlContainerClick=t=>{t.stopPropagation()};this.onSelectRow=(t,e)=>{t.stopPropagation();const{selectMode:a,serializedRows:o,selectedRows:r}=this;const{checked:l}=t.detail;const n=Object.assign(Object.assign({},e),{selected:l});let c;if(a==="single"){c=l?[n]:[]}else{c=l?[...r,n]:r.filter((t=>t.id!==n.id))}const d=c.length===o.length;const i=!d&&c.length>0;const s=this.select.emit({row:n,rows:c,allSelected:d});if(s.defaultPrevented)return;this.serializedRows=this.serializedRows.map((t=>t.id===n.id?n:t));this.allRowsSelected=d;this.someRowsSelected=i};this.onSort=t=>{const e=t.sorted==="ASC"?"DESC":"ASC";const a=t.key;const o=this.sort.emit({header:t,direction:e});if(o.defaultPrevented)return;const r=t.sortable!=="manual";if(!r)return;this.serializedHeaders=this.serializedHeaders.map((t=>{const o=a===t.key?e:undefined;return Object.assign(Object.assign({},t),{sorted:o})}));this.serializedRows=this.sortRows(this.serializedRows,Object.assign(Object.assign({},t),{sorted:e}))};this.onToggleRow=(t,e)=>{t.stopPropagation();const a=Object.assign(Object.assign({},e),{expanded:!e.expanded});const o=this.toggle.emit({row:a});if(o.defaultPrevented)return;this.serializedRows=this.serializedRows.map((t=>{if(t.id===a.id)return a;else return Object.assign({},t)}))};this.allRowsSelected=false;this.checkSlotCount=0;this.hasDropdowns=false;this.hasExpandableRows=false;this.hasRowData=false;this.serializedHeaders=[];this.serializedRows=[];this.someRowsSelected=false;this.bordered=undefined;this.caption=undefined;this.clickable=undefined;this.density=undefined;this.emptyIcon="inbox";this.emptyMessage="tecton.element.dataTable.emptyMessage";this.headers=undefined;this.hideCaption=undefined;this.hideClickable=undefined;this.loading=undefined;this.rows=undefined;this.selectable=undefined;this.selectMode="multiple";this.shadowed=undefined;this.striped=undefined}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}if(this.resizeObserver){this.resizeObserver.disconnect();this.resizeObserver=null}}componentWillLoad(){this.headersHandler(this.headers);this.rowsHandler(this.rows)}componentDidLoad(){if(typeof MutationObserver!=="undefined"){const t=new MutationObserver((()=>this.checkSlots()));t.observe(this.hostElement,{childList:true,subtree:true,attributes:true});this.mutationObserver=t}if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>l()));this.resizeObserver.observe(this.hostElement)}}onClickListener(t){if(t instanceof PointerEvent)t.stopImmediatePropagation()}onSelectAllRows(t){t.stopPropagation();const{checked:e}=t.detail;const a=e?this.serializedRows.map((t=>{if(t.disabled){return t}else{return Object.assign(Object.assign({},t),{selected:e})}})):[];const o=this.select.emit({row:undefined,rows:a,allSelected:e});if(o.defaultPrevented)return;this.serializedRows=this.serializedRows.map((t=>{if(t.disabled)return t;t.selected=e;return t}));this.allRowsSelected=e;this.someRowsSelected=false}async clickRow(t){const e=this.hostElement.shadowRoot.querySelector(`#row-${t} q2-btn[test-id="clickable-row-control"]`);e===null||e===void 0?void 0:e.click()}async getCellContent(t,e){var a,o;const r=(a=this.hostElement.querySelector(`[slot=row-${t}-cell-${e}`))===null||a===void 0?void 0:a.textContent;const l=(o=this.hostElement.shadowRoot.querySelector(`slot[name=row-${t}-cell-${e}]`))===null||o===void 0?void 0:o.textContent;return r||l||""}async sortColumn(t){const e=this.hostElement.shadowRoot.querySelector(`#header-${t.key} q2-btn[test-id="sort-control"]`);e===null||e===void 0?void 0:e.click()}async toggleRowExpansion(t){const e=this.hostElement.shadowRoot.querySelector(`#row-${t} q2-btn[test-id="expandable-row-control"]`);e===null||e===void 0?void 0:e.click()}async toggleRowSelect(t){const e=this.hostElement.shadowRoot.querySelector(`#row-${t} q2-checkbox[test-id="select-row-control"]`);e===null||e===void 0?void 0:e.click()}async toggleSelectAllRows(){if(!this.selectable)return;const t=this.hostElement.shadowRoot.querySelector(`q2-checkbox[test-id="select-all-rows-control"]`);t===null||t===void 0?void 0:t.click()}headersHandler(t=[]){this.serializedHeaders=t.map((t=>{const{title:e}=t;let{key:a}=t;if(!a)a=e.toLowerCase().replace(/\s/g,"-");return Object.assign({key:a},t)}))}rowsHandler(t=[]){const{serializedHeaders:e,mappedHeaders:a}=this;const o={id:null,cells:{},selected:false,expanded:false,disabled:false};let r=true;let l=false;const n=t.map((({id:t,cells:e,selected:n,expanded:c,disabled:d})=>{const i=Object.entries(e).reduce(((t,[e,o])=>{const r=a[e]||{};const{align:l,type:n="text",lineClamp:c,verticalAlign:d}=r;const i="type"in r&&r.type==="badge";const s={value:"",ariaLabel:undefined,type:n,align:l,lineClamp:c,verticalAlign:d,badgeStatus:i?r.badgeStatus:undefined,badgeTheme:i?r.badgeTheme:undefined};const b=typeof o==="object"?Object.assign(Object.assign({},s),o):Object.assign(Object.assign({},s),{value:o});t[e]=b;return t}),{});if(r&&!n)r=false;if(!r&&n)l=true;return Object.assign(Object.assign({},o),{id:t,selected:!!n,expanded:!!c,disabled:!!d,cells:i})}));const c=e.find((({sorted:t})=>t));const d=!!c&&c.sortable!=="manual";this.hasRowData=!!t.length;this.allRowsSelected=this.hasRowData&&r;this.someRowsSelected=this.hasRowData&&l;this.serializedRows=!!d?this.sortRows(n,c):n;this.checkSlots()}selectableHandler(){if(this.selectable===false){this.selectAllRows.emit({checked:false})}}get mappedHeaders(){return this.serializedHeaders.reduce(((t,e)=>{t[e.key]=e;return t}),{})}get numberOfColumns(){var t,e;return((e=(t=this.serializedHeaders)===null||t===void 0?void 0:t.length)!==null&&e!==void 0?e:0)+(this.selectable?1:0)+(this.clickable?1:0)+(this.hasExpandableRows?1:0)+(this.hasDropdowns?1:0)}get selectedRow(){return this.selectedRows.find((({selected:t})=>!!t))}get selectedRows(){return this.serializedRows.filter((({selected:t})=>t))}sortRows(t,e){const{key:a,sorted:o}=e;const r=o||"ASC";const l=[...t].sort(((t,e)=>{const o=t.cells[a].value;const l=e.cells[a].value;if(o<l)return r==="ASC"?-1:1;if(o>l)return r==="ASC"?1:-1;return 0}));return l}render(){const{caption:t}=this;return a("div",{key:"3b83513a749562f7d9787103e4bad96b281da690",class:"container"},a("table",{key:"61142600c24e4dba06d9bcf06a0abdc5e424997c"},t&&a("caption",{key:"db2048dcbd52e6f2bc892634be354d2fe8fc4560",class:this.hideCaption?"sr":undefined},t),this.renderTableColGroup(),this.renderTableHeader(),this.renderEmptyState(),this.renderTableRows()))}renderCellContent(t){if(!t)return;const{type:e,ariaLabel:o,value:r}=t;if([undefined,null].includes(r))return;switch(e){case"badge":let e;switch(typeof r){case"string":e=parseFloat(r);break;case"boolean":e=r?1:0;break;default:e=r;break}return a("q2-badge",{"aria-label":o,value:e,theme:t.badgeTheme,status:t.badgeStatus,size:"large"});case"icon":const l=typeof r==="string"?r:`${r}`;return a("q2-icon",{label:o,type:l});case"boolean":return!!r?a("q2-icon",{label:n("tecton.element.dataTable.booleanTrue"),type:"checkmark"}):a("div",{"aria-label":n("tecton.element.dataTable.booleanFalse")});case"code":return a("code",{"aria-label":o},r);default:return a("div",{"aria-label":o},r)}}renderEmptyState(){const{hasRowData:t,numberOfColumns:e,emptyIcon:o,emptyMessage:r,loading:l}=this;if(t||l)return null;return a("slot",{name:"empty-table"},a("tbody",null,a("tr",{class:"empty-state"},a("td",{colSpan:e},a("div",{class:"empty-state-content"},a("q2-icon",{type:o}),a("p",null,n(r)))))))}renderTableColGroup(){const{serializedHeaders:t,selectable:e,clickable:o,hasExpandableRows:r,hasDropdowns:l}=this;if(!t.length)return null;return a("colgroup",null,e&&a("col",{class:"select-column"}),t.map((({width:t,backgroundColor:e})=>a("col",{style:{width:t,backgroundColor:e}}))),o&&a("col",{class:"click-column"}),r&&a("col",{class:"expandable-row-control-column"}),l&&a("col",{class:"dropdown-column"}))}renderTableHeader(){const{serializedHeaders:t,selectable:e,clickable:o,hideClickable:r,selectMode:l,hasExpandableRows:c,hasDropdowns:d,allRowsSelected:i,someRowsSelected:s,hasRowData:b,loading:h}=this;if(!t.length)return null;return a("thead",null,a("tr",null,e&&a("th",null,l==="multiple"&&a("q2-checkbox",{label:n("tecton.element.dataTable.selectAllRows"),"hide-label":true,onChange:()=>this.selectAllRows.emit({checked:!i}),checked:b&&i&&!s,indeterminate:b&&s&&!i,disabled:h||!b,"test-id":"select-all-rows-control"})),t.map((t=>{const{align:e,sorted:o,verticalAlign:r}=t;const l=[];if(e)l.push(`align-${e}`);if(r)l.push(`vertical-align-${r}`);if(!!o)l.push("sorted");return a("th",{class:l.join(" "),id:`header-${t.key}`},t.sortable?a("q2-btn",{onClick:()=>this.onSort(t),"test-id":"sort-control",disabled:this.loading},a("div",{class:"header-content","aria-label":t.ariaLabel||undefined},a("slot",{name:`header-cell-${t.key}`},t.title),!!o?a("q2-icon",{class:`sorted-indicator direction-${o}`,type:"arrow-down",label:o==="ASC"?n("tecton.element.dataTable.sortedAscending"):n("tecton.element.dataTable.sortedDescending"),"test-id":"sorted-indicator"}):a("q2-icon",{class:`sorted-indicator`,type:"sort",label:n("tecton.element.dataTable.clickToSort"),"test-id":"sorted-indicator"}))):a("div",{class:"header-content","aria-label":t.ariaLabel||undefined},a("slot",{name:`header-cell-${t.key}`},t.title)))})),o&&a("th",{id:"click",class:r?"sr":undefined},a("span",{class:"sr"},n("tecton.element.dataTable.clickRow"))),c&&a("th",{id:"toggle"},a("span",{class:"sr"},n("tecton.element.dataTable.toggleRow"))),d&&a("th",null,a("span",{class:"sr"},n("tecton.element.dataTable.dropdown")))))}renderTableRows(){const{serializedHeaders:t,serializedRows:e,selectable:r,clickable:l,striped:c,hideClickable:d,selectMode:i,hasExpandableRows:s,hasDropdowns:b,numberOfColumns:h,loading:p}=this;if(p){return a("tbody",null,a("tr",{class:"loading-row"},a("td",{colSpan:h},a("q2-loading",{inline:true}))))}let u=false;let v;if(i==="single"){v=this.selectedRow;u=!!v}const g=[];if(l)g.push("click-column");if(d)g.push("sr");const f=g.join(" ");return a("tbody",null,e.map((e=>{const d=`row-${e.id}-cell`;const i=`row-${e.id}-expandable-content`;const p=`row-${e.id}-dropdown`;const g=s&&!!this.hostElement.querySelector(`[slot="${i}"]`);const w=b&&!!this.hostElement.querySelector(`[slot="${p}"]`);const m=[];if(g)m.push("expandable");if(l)m.push("clickable");if(c)m.push("striped");if(e.expanded)m.push("expanded");if(e.selected)m.push("selected");const x=l||g;return a(o,null,a("tr",{id:`row-${e.id}`,class:m.join(" "),onClick:x&&(t=>this.onClickTableRow(t,e)),tabIndex:x?-1:undefined},r&&a("td",{class:"select-column",onClick:this.onControlContainerClick},a("q2-checkbox",{label:n("tecton.element.dataTable.selectRow"),"hide-label":true,checked:e.selected,disabled:u&&e!==v||e.disabled,onChange:t=>this.onSelectRow(t,e),"test-id":"select-row-control"})),t.map((({key:t})=>{const o=e.cells[t];const r=o===null||o===void 0?void 0:o.lineClamp;const l=o===null||o===void 0?void 0:o.align;const n=o===null||o===void 0?void 0:o.verticalAlign;const c=[];if(l)c.push(`align-${l}`);if(n)c.push(`vertical-align-${n}`);if(r)c.push("clamped");const i=r?{"--comp-line-clamp-count":`${r}`}:undefined;return a("td",{class:c.join(" "),style:i},a("slot",{name:`${d}-${t}`},this.renderCellContent(o)))})),l&&a("td",{class:f},a("q2-btn",{intent:"neutral",size:"small",onClick:t=>this.onClickRow(t,e),"test-id":"clickable-row-control"},n("tecton.element.dataTable.clickRow"))),s&&a("td",{class:"expandable-row-control-column",onClick:this.onControlContainerClick},g&&a("q2-btn",{onClick:t=>this.onToggleRow(t,e),ariaExpanded:`${e.expanded}`,ariaControls:i,ariaLabel:n("tecton.element.dataTable.toggleRow"),"test-id":"expandable-row-control"},a("q2-icon",{type:"chevron-down",class:"toggle-expandable-row"}))),b&&a("td",{class:"dropdown-column",onClick:this.onControlContainerClick},w&&a("slot",{name:p}))),g&&a("tr",{id:i,class:"expandable-row",hidden:!e.expanded,"aria-hidden":!e.expanded},a("td",{colSpan:h,headers:"toggle"},a("div",{class:"expandable-content"},a("slot",{name:i})))))})))}get hostElement(){return r(this)}static get watchers(){return{headers:["headersHandler"],rows:["rowsHandler"],selectable:["selectableHandler"]}}};i.style=d;export{i as q2_data_table};
-//# sourceMappingURL=p-7903cd15.entry.js.map

package/dist/q2-tecton-elements/p-7906f49e.entry.js

@@ -1,2 +0,0 @@
-import{r,h as t,g as a}from"./p-a5f18e27.js";import{o as e,l as i}from"./p-15ac45d6.js";import{_ as n,I as s,S as o,b6 as h,P as u,b7 as f,o as l,a0 as c,h as v,i as d,u as p,s as b,H as g,b8 as m,G as y,m as w,d as x,C as A,W as M,a as k,g as S,b as C,b9 as N,t as z,z as U,ba as I,V as O,ai as T,bb as E,bc as L,a9 as _,aa as j,ab as D,ac as W,ad as B,ae as P,af as R}from"./p-2941aafa.js";import{c as H,j as V,g as q,i as F,a as G,e as X,f as Y,h as J}from"./p-ad80aef0.js";import{g as K,i as Q}from"./p-eea5aa01.js";var Z=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(r,t){return H(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,a){var e=this.coordinateSystem;if(e&&e.clampData){var i=e.clampData(r);var n=e.dataToPoint(i);if(a){s(e.getAxes(),(function(r,a){if(r.type==="category"&&t!=null){var e=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[a];var h=t[a]==="x1"||t[a]==="y1";if(h&&!s){o+=1}if(e.length<2){return}else if(e.length===2){n[a]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<e.length;c++){var v=e[c].coord;var d=c===e.length-1?e[c-1].tickValue+l:e[c].tickValue;if(d===o){f=v;break}else if(d<o){u=v}else if(u!=null&&d>o){f=(v+u)/2;break}if(c===1){l=d-e[0].tickValue}}if(f==null){if(!u){f=e[0].coord}else if(u){f=e[e.length-1].coord}}n[a]=r.toGlobalCoord(f)}}))}else{var o=this.getData();var h=o.getLayout("offset");var u=o.getLayout("size");var f=e.getBaseAxis().isHorizontal()?0:1;n[f]+=h+u/2}return n}return[NaN,NaN]};t.type="series.__base_bar__";t.defaultOption={z:2,coordinateSystem:"cartesian2d",legendHoverLink:true,barMinHeight:0,barMinAngle:0,large:false,largeThreshold:400,progressive:3e3,progressiveChunkMode:"mod"};return t}(o);o.registerClass(Z);const $=Z;var rr=function(r){n(t,r);function t(){var a=r!==null&&r.apply(this,arguments)||this;a.type=t.type;return a}t.prototype.getInitialData=function(){return H(null,this,{useEncodeDefaulter:true,createInvertedIndices:!!this.get("realtimeSort",true)||null})};t.prototype.getProgressive=function(){return this.get("large")?this.get("progressive"):false};t.prototype.getProgressiveThreshold=function(){var r=this.get("progressiveThreshold");var t=this.get("largeThreshold");if(t>r){r=t}return r};t.prototype.brushSelector=function(r,t,a){return a.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=h($.defaultOption,{clip:true,roundCap:false,showBackground:false,backgroundStyle:{color:"rgba(180, 180, 180, 0.2)",borderColor:null,borderWidth:0,borderType:"solid",borderRadius:0,shadowBlur:0,shadowColor:null,shadowOffsetX:0,shadowOffsetY:0,opacity:1},select:{itemStyle:{borderColor:"#212121"}},realtimeSort:false});return t}($);const tr=rr;var ar=function(){function r(){this.cx=0;this.cy=0;this.r0=0;this.r=0;this.startAngle=0;this.endAngle=Math.PI*2;this.clockwise=true}return r}();var er=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="sausage";return a}t.prototype.getDefaultShape=function(){return new ar};t.prototype.buildPath=function(r,t){var a=t.cx;var e=t.cy;var i=Math.max(t.r0||0,0);var n=Math.max(t.r,0);var s=(n-i)*.5;var o=i+s;var h=t.startAngle;var u=t.endAngle;var f=t.clockwise;var l=Math.PI*2;var c=f?u-h<l:h-u<l;if(!c){h=u-(f?l:-l)}var v=Math.cos(h);var d=Math.sin(h);var p=Math.cos(u);var b=Math.sin(u);if(c){r.moveTo(v*i+a,d*i+e);r.arc(v*o+a,d*o+e,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+a,d*n+e)}r.arc(a,e,n,h,u,!f);r.arc(p*o+a,b*o+e,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(a,e,i,u,h,f)}};return t}(u);const ir=er;function nr(r,t){t=t||{};var a=t.isRoundCap;return function(t,e,i){var n=e.position;if(!n||n instanceof Array){return f(t,e,i)}var s=r(n);var o=e.distance!=null?e.distance:5;var h=this.shape;var u=h.cx;var l=h.cy;var c=h.r;var v=h.r0;var d=(c+v)/2;var p=h.startAngle;var b=h.endAngle;var g=(p+b)/2;var m=a?Math.abs(c-v)/2:0;var y=Math.cos;var w=Math.sin;var x=u+c*y(p);var A=l+c*w(p);var M="left";var k="top";switch(s){case"startArc":x=u+(v-o)*y(g);A=l+(v-o)*w(g);M="center";k="top";break;case"insideStartArc":x=u+(v+o)*y(g);A=l+(v+o)*w(g);M="center";k="bottom";break;case"startAngle":x=u+d*y(p)+or(p,o+m,false);A=l+d*w(p)+hr(p,o+m,false);M="right";k="middle";break;case"insideStartAngle":x=u+d*y(p)+or(p,-o+m,false);A=l+d*w(p)+hr(p,-o+m,false);M="left";k="middle";break;case"middle":x=u+d*y(g);A=l+d*w(g);M="center";k="middle";break;case"endArc":x=u+(c+o)*y(g);A=l+(c+o)*w(g);M="center";k="bottom";break;case"insideEndArc":x=u+(c-o)*y(g);A=l+(c-o)*w(g);M="center";k="top";break;case"endAngle":x=u+d*y(b)+or(b,o+m,true);A=l+d*w(b)+hr(b,o+m,true);M="left";k="middle";break;case"insideEndAngle":x=u+d*y(b)+or(b,-o+m,true);A=l+d*w(b)+hr(b,-o+m,true);M="right";k="middle";break;default:return f(t,e,i)}t=t||{};t.x=x;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,a,e){if(l(e)){r.setTextConfig({rotation:e});return}else if(c(t)){r.setTextConfig({rotation:0});return}var i=r.shape;var n=i.clockwise?i.startAngle:i.endAngle;var s=i.clockwise?i.endAngle:i.startAngle;var o=(n+s)/2;var h;var u=a(t);switch(u){case"startArc":case"insideStartArc":case"middle":case"insideEndArc":case"endArc":h=o;break;case"startAngle":case"insideStartAngle":h=n;break;case"endAngle":case"insideEndAngle":h=s;break;default:r.setTextConfig({rotation:0});return}var f=Math.PI*1.5-h;if(u==="middle"&&f>Math.PI/2&&f<Math.PI*1.5){f-=Math.PI}r.setTextConfig({rotation:f})}function or(r,t,a){return t*Math.sin(r)*(a?-1:1)}function hr(r,t,a){return t*Math.cos(r)*(a?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var a=r.getArea&&r.getArea();if(F(r,"cartesian2d")){var e=r.getBaseAxis();if(e.type!=="category"||!e.onBand){var i=t.getLayout("bandWidth");if(e.isHorizontal()){a.x-=i;a.width+=i*2}else{a.y-=i;a.height+=i*2}}}return a}var cr=function(r){n(t,r);function t(){var a=r.call(this)||this;a.type=t.type;a._isFirstFrame=true;return a}t.prototype.render=function(r,t,a,e){this._model=r;this._removeOnRenderedListener(a);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,a):this._renderNormal(r,t,a,e)}};t.prototype.incrementalPrepareRender=function(r){this._clear();this._updateDrawMode(r);this._updateLargeClip(r)};t.prototype.incrementalRender=function(r,t){this._progressiveEls=[];this._incrementalRenderLarge(r,t)};t.prototype.eachRendered=function(r){v(this._progressiveEls||this.group,r)};t.prototype._updateDrawMode=function(r){var t=r.pipelineContext.large;if(this._isLargeDraw==null||t!==this._isLargeDraw){this._isLargeDraw=t;this._clear()}};t.prototype._renderNormal=function(r,t,a,e){var i=this.group;var n=r.getData();var s=this._data;var o=r.coordinateSystem;var h=o.getBaseAxis();var u;if(o.type==="cartesian2d"){u=h.isHorizontal()}else if(o.type==="polar"){u=h.dim==="angle"}var f=r.isAnimationEnabled()?r:null;var l=pr(r,o);if(l){this._enableRealtimeSort(l,n,a)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var w=r.get("roundCap",true);var x=r.get("showBackground",true);var A=r.getModel("backgroundStyle");var M=A.get("borderRadius")||0;var k=[];var S=this._backgroundEls;var C=e&&e.isInitSort;var N=e&&e.type==="changeAxisOrder";function z(r){var t=xr[o.type](n,r);var a=Tr(o,u,t);a.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){a.setShape("r",M)}else{a.setShape("cornerRadius",M)}k[r]=a;return a}n.diff(s).add((function(t){var a=n.getItemModel(t);var e=xr[o.type](n,t,a);if(x){z(t)}if(!n.hasValue(t)||!wr[o.type](e)){return}var s=false;if(c){s=vr[o.type](v,e)}var p=dr[o.type](r,n,t,e,u,f,h.model,false,w);if(l){p.forceLabelAnimation=true}kr(p,n,t,a,e,r,u,o.type==="polar");if(C){p.attr({shape:e})}else if(l){br(l,f,p,e,t,u,false,false)}else{d(p,{shape:e},r,t)}n.setItemGraphicEl(t,p);i.add(p);p.ignore=s})).update((function(t,a){var e=n.getItemModel(t);var d=xr[o.type](n,t,e);if(x){var m=void 0;if(S.length===0){m=z(a)}else{m=S[a];m.useStyle(A.getItemStyle());if(o.type==="cartesian2d"){m.setShape("r",M)}else{m.setShape("cornerRadius",M)}k[t]=m}var y=xr[o.type](n,t);var U=Or(u,y,o);p(m,{shape:U},f,t)}var I=s.getItemGraphicEl(a);if(!n.hasValue(t)||!wr[o.type](d)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,d);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,d,u,f,h.model,!!I,w)}else{b(I)}if(l){I.forceLabelAnimation=true}if(N){var T=I.getTextContent();if(T){var E=g(T);if(E.prevValue!=null){E.prevValue=E.value}}}else{kr(I,n,t,e,d,r,u,o.type==="polar")}if(C){I.attr({shape:d})}else if(l){br(l,f,I,d,t,u,true,N)}else{p(I,{shape:d},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var a=s.getItemGraphicEl(t);a&&m(a,r,t)})).execute();var U=this._backgroundGroup||(this._backgroundGroup=new y);U.removeAll();for(var I=0;I<k.length;++I){U.add(k[I])}i.add(U);this._backgroundEls=k;this._data=n};t.prototype._renderLarge=function(r,t,a){this._clear();zr(r,this.group);this._updateLargeClip(r)};t.prototype._incrementalRenderLarge=function(r,t){this._removeBackground();zr(t,this.group,this._progressiveEls,true)};t.prototype._updateLargeClip=function(r){var t=r.get("clip",true)&&V(r.coordinateSystem,false,r);var a=this.group;if(t){a.setClipPath(t)}else{a.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,a){var e=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,a);this._isFirstFrame=false}else{var n=function(r){var a=t.getItemGraphicEl(r);var e=a&&a.shape;return e&&Math.abs(i.isHorizontal()?e.height:e.width)||0};this._onRendered=function(){e._updateSortWithinSameData(t,n,i,a)};a.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,a){var e=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=a(t);i=i==null?NaN:i;e.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));e.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:w(e,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,a){var e=a.scale;var i=r.mapDimension(a.dim);var n=Number.MAX_VALUE;for(var s=0,o=e.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,e.getRawOrdinalNumber(s));var u=h<0?Number.MIN_VALUE:t(r.indexOfRawIndex(h));if(u>n){return true}n=u}return false};t.prototype._isOrderDifferentInView=function(r,t){var a=t.scale;var e=a.getExtent();var i=Math.max(0,e[0]);var n=Math.min(e[1],a.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==a.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,a,e){if(!this._isOrderChangedWithinSameData(r,t,a)){return}var i=this._dataSort(r,a,t);if(this._isOrderDifferentInView(i,a)){this._removeOnRenderedListener(e);e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",axisId:a.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,a){var e=t.baseAxis;var i=this._dataSort(r,e,(function(a){return r.get(r.mapDimension(t.otherAxis.dim),a)}));a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",isInitSort:true,axisId:e.index,sortInfo:i})};t.prototype.remove=function(r,t){this._clear(this._model);this._removeOnRenderedListener(t)};t.prototype.dispose=function(r,t){this._removeOnRenderedListener(t)};t.prototype._removeOnRenderedListener=function(r){if(this._onRendered){r.getZr().off("rendered",this._onRendered);this._onRendered=null}};t.prototype._clear=function(r){var t=this.group;var a=this._data;if(r&&r.isAnimationEnabled()&&a&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];a.eachItemGraphicEl((function(t){m(t,r,x(t).dataIndex)}))}else{t.removeAll()}this._data=null;this._isFirstFrame=true};t.prototype._removeBackground=function(){this.group.remove(this._backgroundGroup);this._backgroundGroup=null};t.type="bar";return t}(A);var vr={cartesian2d:function(r,t){var a=t.width<0?-1:1;var e=t.height<0?-1:1;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}var i=r.x+r.width;var n=r.y+r.height;var s=ur(t.x,r.x);var o=fr(t.x+t.width,i);var h=ur(t.y,r.y);var u=fr(t.y+t.height,n);var f=o<s;var l=u<h;t.x=f&&s>i?o:s;t.y=l&&h>n?u:h;t.width=f?0:o-s;t.height=l?0:u-h;if(a<0){t.x+=t.width;t.width=-t.width}if(e<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var a=t.r0<=t.r?1:-1;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}var i=fr(t.r,r.r);var n=ur(t.r0,r.r0);t.r=i;t.r0=n;var s=i-n<0;if(a<0){var e=t.r;t.r=t.r0;t.r0=e}return s}};var dr={cartesian2d:function(r,t,a,e,i,n,s,o,h){var u=new M({shape:k({},e),z2:1});u.__dataIndex=a;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,a,e,i,n,s,o,h){var u=!i&&h?ir:O;var f=new u({shape:e,z2:1});f.name="item";var l=Mr(i);f.calculateTextPosition=nr(l,{isRoundCap:u===ir});if(n){var c=f.shape;var v=i?"r":"endAngle";var b={};c[v]=i?e.r0:e.startAngle;b[v]=e[v];(o?p:d)(f,{shape:b},n)}return f}};function pr(r,t){var a=r.get("realtimeSort",true);var e=t.getBaseAxis();if(a&&e.type==="category"&&t.type==="cartesian2d"){return{baseAxis:e,otherAxis:t.getOtherAxis(e)}}}function br(r,t,a,e,i,n,s,o){var h;var u;if(n){u={x:e.x,width:e.width};h={y:e.y,height:e.height}}else{u={y:e.y,height:e.height};h={x:e.x,width:e.width}}if(!o){(s?p:d)(a,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?p:d)(a,{shape:u},f,i)}function gr(r,t){for(var a=0;a<t.length;a++){if(!isFinite(r[t[a]])){return true}}return false}var mr=["x","y","width","height"];var yr=["cx","cy","r","startAngle","endAngle"];var wr={cartesian2d:function(r){return!gr(r,mr)},polar:function(r){return!gr(r,yr)}};var xr={cartesian2d:function(r,t,a){var e=r.getItemLayout(t);var i=a?Sr(a,e):0;var n=e.width>0?1:-1;var s=e.height>0?1:-1;return{x:e.x+n*i/2,y:e.y+s*i/2,width:e.width-n*i,height:e.height-s*i}},polar:function(r,t,a){var e=r.getItemLayout(t);return{cx:e.cx,cy:e.cy,r0:e.r0,r:e.r,startAngle:e.startAngle,endAngle:e.endAngle,clockwise:e.clockwise}}};function Ar(r){return r.startAngle!=null&&r.endAngle!=null&&r.startAngle===r.endAngle}function Mr(r){return function(r){var t=r?"Arc":"Angle";return function(r){switch(r){case"start":case"insideStart":case"end":case"insideEnd":return r+t;default:return r}}}(r)}function kr(r,t,a,e,i,n,o,h){var u=t.getItemVisual(a,"style");if(!h){var f=e.get(["itemStyle","borderRadius"])||0;r.setShape("r",f)}else if(!n.get("roundCap")){var l=r.shape;var c=K(e.getModel("itemStyle"),l,true);k(l,c);r.setShape(l)}r.useStyle(u);var v=e.getShallow("cursor");v&&r.attr("cursor",v);var d=h?o?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":o?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var p=S(e);C(r,p,{labelFetcher:n,labelDataIndex:a,defaultText:q(n.getData(),a),inheritColor:u.fill,defaultOpacity:u.opacity,defaultOutsidePosition:d});var b=r.getTextContent();if(h&&b){var g=e.get(["label","position"]);r.textConfig.inside=g==="middle"?true:null;sr(r,g==="outside"?d:g,Mr(o),e.get(["label","rotate"]))}N(b,p,n.getRawValue(a),(function(r){return G(t,r)}));var m=e.getModel(["emphasis"]);z(r,m.get("focus"),m.get("blurScope"),m.get("disabled"));U(r,e);if(Ar(i)){r.style.fill="none";r.style.stroke="none";s(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var a=r.get(["itemStyle","borderColor"]);if(!a||a==="none"){return 0}var e=r.get(["itemStyle","borderWidth"])||0;var i=isNaN(t.width)?Number.MAX_VALUE:Math.abs(t.width);var n=isNaN(t.height)?Number.MAX_VALUE:Math.abs(t.height);return Math.min(e,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){n(t,r);function t(t){var a=r.call(this,t)||this;a.type="largeBar";return a}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var a=t.points;var e=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<a.length;h+=3){s[e]=o;s[i]=a[h+2];n[e]=a[h+e];n[i]=a[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(u);function zr(r,t,a,e){var i=r.getData();var n=i.getLayout("valueAxisHorizontal")?1:0;var s=i.getLayout("largeDataIndices");var o=i.getLayout("size");var h=r.getModel("backgroundStyle");var u=i.getLayout("largeBackgroundPoints");if(u){var f=new Nr({shape:{points:u},incremental:!!e,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);a&&a.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!e,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));x(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}a&&a.push(l)}var Ur=I((function(r){var t=this;var a=Ir(t,r.offsetX,r.offsetY);x(t).dataIndex=a>=0?a:null}),30,false);function Ir(r,t,a){var e=r.baseDimIdx;var i=1-e;var n=r.shape.points;var s=r.largeDataIndices;var o=[];var h=[];var u=r.barWidth;for(var f=0,l=n.length/3;f<l;f++){var c=f*3;h[e]=u;h[i]=n[c+2];o[e]=n[c+e];o[i]=n[c+i];if(h[i]<0){o[i]+=h[i];h[i]=-h[i]}if(t>=o[0]&&t<=o[0]+h[0]&&a>=o[1]&&a<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,a){if(F(a,"cartesian2d")){var e=t;var i=a.getArea();return{x:r?e.x:i.x,y:r?i.y:e.y,width:r?e.width:i.width,height:r?i.height:e.height}}else{var i=a.getArea();var n=t;return{cx:i.cx,cy:i.cy,r0:r?i.r0:n.r0,r:r?i.r:n.r,startAngle:r?n.startAngle:0,endAngle:r?n.endAngle:Math.PI*2}}}function Tr(r,t,a){var e=r.type==="polar"?O:M;return new e({shape:Or(t,a,r),silent:true,z2:0})}const Er=cr;function Lr(r){r.registerChartView(Er);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,T(L,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,E("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,X("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var a=r.componentType||"series";t.eachComponent({mainType:a,query:r},(function(t){if(r.sortInfo){t.axis.setCategorySortInfo(r.sortInfo)}}))}))}const _r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{width:var(--tct-bar-chart-width, 100%);height:var(--tct-bar-chart-height, 100%);display:block}.container{width:100%;height:100%}.chart-container{width:100%;height:100%}";const jr=_r;_([j,Lr,D,Q,Y,J]);const Dr=class{constructor(t){r(this,t);this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.data=[];this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.gridPadding=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}componentDidLoad(){const r=W(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);this.setupChartEvents(r);e(this.hostElement)}propsUpdates(){this.updateChart(this.chart)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=B("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const a=B(this.color,this.chartContainerStyles,this.hostElementStyles);const e=B(r,this.chartContainerStyles,this.hostElementStyles);if(e)return e;if(P(r))return r;if(a)return a;if(P(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}resizeChart(){this.chart.resize()}setupChartEvents(r){r.on("finished",(()=>{var t;const a=r.getDom().querySelector("canvas");if((t=a===null||a===void 0?void 0:a.hasAttribute("aria-hidden"))!==null&&t!==void 0?t:false)return;a.setAttribute("aria-hidden","true")}))}updateChart(r){var t;const a=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const e={type:"value",axisLabel:{formatter:r=>R(r,{type:this.format,decimals:a}),rotate:this.offsetDataValues?45:0,margin:this.offsetDataValues?15:8,show:!this.hideValueAxisLabels}};const n={type:"category",data:this.data.map((r=>i(r.name)||"")),axisLabel:{rotate:this.offsetDataNames?45:0,margin:this.offsetDataNames?15:8,interval:0,width:this.dataNamesWidth||50,overflow:this.dataNamesOverflow||"none",truncate:"ellipsis"},axisTick:{alignWithLabel:this.offsetDataNames}};return r.setOption({aria:{enabled:true},title:{text:i(this.chartName),show:this.showChartName,left:this.alignChartName,subtext:this.chartSubTitle},grid:Object.assign({containLabel:true},this.gridPadding),xAxis:this.orientation==="horizontal"?e:n,yAxis:this.orientation==="horizontal"?n:e,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>R(r.value,{type:this.format,decimals:a})},realtimeSort:this.sort}]})}render(){return t("div",{key:"894583cef73c43fc6ad9488a73c93f34acf266ca",class:"container"},t("div",{key:"7c8b92cce307c4d14bf5f4735ba9c40ed48d2592",ref:r=>this.chartContainer=r,class:"chart-container",role:"img","test-id":"barChartContainer"}))}get hostElement(){return a(this)}static get watchers(){return{chartName:["propsUpdates"],chartSubTitle:["propsUpdates"],color:["propsUpdates"],hideBarLabels:["propsUpdates"],showChartName:["propsUpdates"],alignChartName:["propsUpdates"],orientation:["propsUpdates"],format:["propsUpdates"],sort:["propsUpdates"],data:["propsUpdates"],offsetDataNames:["propsUpdates"],hideValueAxisLabels:["propsUpdates"],formatModifier:["propsUpdates"],dataNamesOverflow:["propsUpdates"],gridPadding:["propsUpdates"]}}};Dr.style=jr;export{Dr as q2_chart_bar};
-//# sourceMappingURL=p-7906f49e.entry.js.map

package/dist/q2-tecton-elements/p-7aef0c08.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a,H as r,g as o}from"./p-a5f18e27.js";import{l as n}from"./p-15ac45d6.js";const s="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}q2-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));--comp-carousel-shadow:var(--app-shadow-2, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 4px 8px rgba(0, 0, 0, 0.14));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) *{cursor:pointer}q2-carousel-pane.q2-carousel-pane:focus{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;box-shadow:var(--const-double-focus-ring)}q2-carousel-pane.q2-carousel-pane button{border:0;background:transparent;transition:all 0.2s;opacity:0.3;cursor:pointer}q2-carousel-pane.q2-carousel-pane button:hover{opacity:0.7}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:var(--comp-carousel-shadow);transition:var(--comp-carousel-pane-tween);background:var(--tct-carousel-background, var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff)))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 0px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 7px));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content:hover{box-shadow:var(--const-double-focus-ring), var(--comp-carousel-shadow)}q2-carousel-pane.q2-carousel-pane[slot-frameless]:not([slot-frameless=false]) .q2-carousel-pane-main-content{box-shadow:none;border:0;border-radius:0;padding:0}";const i=s;const c=class{constructor(a){e(this,a);this.clickCarouselPane=t(this,"clickCarouselPane",7);this.disabledElements=[];this.generatePaneClass=e=>`q2-carousel-pane swiper-slide q2-carousel-pane-${e}`;this.onMutationObserved=()=>{this.removePointerMoveListeners();this.addPointerMoveListeners()};this.paneClicked=e=>{if(this.isActivePane)return;e.preventDefault();this.clickCarouselPane.emit({paneIndex:this.index,pane:this.hostElement})};this.pointerMoveHandler=e=>{e.stopPropagation()};this.index=undefined;this.isActivePane=undefined;this.label=undefined;this.siblingCount=undefined;this.slotFrameless=undefined}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}this.removePointerMoveListeners()}componentDidLoad(){this.determineDisabledContent();this.addPointerMoveListeners();if(typeof MutationObserver!=="undefined"){const e=new MutationObserver(this.onMutationObserved);e.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=e}}determineDisabledContent(){const{isActivePane:e}=this;const t=this.hostElement.querySelectorAll('q2-btn, q2-dropdown, q2-item, q2-chart-donut, a[href], button, [tabindex]:not([tabindex="-1"])');t.forEach((t=>{const a=t.hasAttribute("tabindex")&&parseInt(t.getAttribute("tabindex"))>=0;if(a){t.setAttribute("data-q2-tabindex",`${t.tabIndex}`)}if(e){if(t.hasAttribute("data-q2-tabindex")){t.tabIndex=parseInt(t.getAttribute("data-q2-tabindex"));t.removeAttribute("data-q2-tabindex")}else{t.removeAttribute("tabindex")}}else{t.tabIndex=-1}}))}get currentPaneIndex(){return Array.prototype.indexOf.call(this.hostElement.parentElement.children,this.hostElement)}addPointerMoveListeners(){const e=["q2-dropdown","q2-dropdown-item"];this.disabledElements=Array.from(this.hostElement.querySelectorAll(e.join(",")));this.disabledElements.forEach((e=>{e.addEventListener("pointermove",this.pointerMoveHandler)}))}removePointerMoveListeners(){this.disabledElements.forEach((e=>{e.removeEventListener("pointermove",this.pointerMoveHandler)}))}render(){const{label:e}=this;return a(r,{key:"19ee20073c4e1c4cf787450e2e0558020f2d281e",class:this.generatePaneClass(this.currentPaneIndex),tabIndex:this.isActivePane?0:-1,role:"group","aria-roledescription":"slide","aria-hidden":this.isActivePane?undefined:"true","aria-label":e?n(e):n("tecton.element.carousel.itemDescription",[(this.currentPaneIndex+1).toString(),(this.siblingCount||0).toString()]),onClick:this.paneClicked},a("article",{key:"7603016c43a342e9733bd6b9ab60c212c0d4594d",class:"q2-carousel-pane-main-content"},a("slot",{key:"94524394e0a431c369887d7d2e040430f3f852dd"})))}get hostElement(){return o(this)}static get watchers(){return{isActivePane:["determineDisabledContent"]}}};c.style=i;export{c as q2_carousel_pane};
-//# sourceMappingURL=p-7aef0c08.entry.js.map

package/dist/q2-tecton-elements/p-7c9a0122.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,g as o}from"./p-a5f18e27.js";import{o as a,e as i}from"./p-15ac45d6.js";const r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([clickable]){cursor:pointer;--comp-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-a11y-active-gray-color-AA, #404040)))}:host([clickable]) .item{--comp-border-radius:var(--tct-item-border-radius, var(--app-border-radius-1, 4px));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-hover-box-shadow:var(--tct-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow));--comp-active-box-shadow:var(--tct-btn-primary-active-background, #0063a0);--comp-font-color:var(--tct-btn-primary-font-color, var(--app-white, #ffffff));--comp-hover-outer-ring-color:var(--tct-btn-primary-hover-outer-ring-color, var(--comp-background));--comp-hover-inner-ring-color:var(--tct-btn-primary-hover-inner-ring-color, var(--comp-font-color));--comp-hover-box-shadow:0 0 0 2px var(--comp-hover-inner-ring-color),\n      0 0 0 4px var(--comp-hover-outer-ring-color)}:host([clickable]) .item:hover{box-shadow:var(--comp-hover-box-shadow)}:host([clickable]) .item:active{box-shadow:var(--comp-active-box-shadow)}:host([clickable]) .item:focus-visible{box-shadow:var(--const-double-focus-ring)}.action{--tct-btn-icon-height:var(--tct-item-action-icon-height, var(--app-scale-6x, 30px));--tct-btn-icon-width:var(--tct-item-action-icon-width, var(--app-scale-6x, 30px));--tct-icon-size:var(--tct-item-action-icon-size, var(--app-scale-6x, 30px));--tct-radio-label-hidden-columns:18px;--tct-radio-label-margin-right:0;--tct-radio-margin:0;align-items:center;display:flex;grid-row:1;justify-content:center}.action-no-bullet{grid-column:2}.body{color:var(--tct-item-body-color, var(--t-textA, #747474));font-size:var(--tct-item-body-font-size, var(--app-font-size, 14px));font-weight:var(--tct-item-body-font-weight, 400)}.bullet{--tct-avatar-fallback-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-fallback-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));--tct-avatar-height:var(--tct-item-avatar-height, var(--app-scale-7x, 35px));--tct-avatar-width:var(--tct-item-avatar-width, var(--app-scale-7x, 35px));grid-column:1;grid-row-start:1;grid-row-end:3;padding-top:var(--tct-item-bullet-padding-top, var(--app-scale-1x, 5px));text-align:center}.bullet-no-footer{grid-row-end:2}.footer{grid-column-start:2;grid-column-end:4;grid-row:2}.footer-no-action-nor-bullet{grid-column-start:1;grid-column-end:2}.footer-no-action{grid-column-start:2;grid-column-end:3}.footer-no-bullet{grid-column-start:1;grid-column-end:3}.header{color:var(--tct-item-header-color, var(--t-text, #4d4d4d));font-size:var(--tct-item-header-font-size, 16px);font-weight:var(--tct-item-header-font-weight, 600);line-height:var(--tct-item-header-line-height, 1.5)}.item{border:var(--tct-item-border);border-radius:var(--comp-border-radius);transition:var(--comp-btn-tween);transition-property:box-shadow;column-gap:var(--tct-item-horizontal-spacing, var(--app-scale-3x, 15px));display:grid;grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(auto, 1fr) minmax(var(--app-scale-5x, 25px), auto);grid-template-rows:auto auto;padding:var(--tct-item-padding, 0);row-gap:var(--tct-item-vertical-spacing, var(--app-scale-2x, 10px))}.item-no-action-nor-bullet{grid-template-columns:auto}.item-no-action{grid-template-columns:minmax(var(--app-scale-7x, 35px), auto) minmax(auto, 1fr)}.item-no-footer{grid-template-rows:auto}.item-no-bullet{grid-template-columns:minmax(auto, 1fr) minmax(var(--app-scale-5x, 25px), auto)}.main{grid-column:2;grid-row:1}.main-no-action-nor-bullet{grid-column:1}.main-no-bullet{grid-column:1}";const n=r;const c=class{constructor(e){t(this,e);this.renderTrigger=0;this.clickable=undefined}componentDidLoad(){if(typeof MutationObserver!=="undefined"){const t=new MutationObserver((()=>this.renderTrigger+=1));t.observe(this.hostElement,{childList:true,subtree:true,attributes:true});this.mutationObserver=t}a(this.hostElement)}delegateFocus(t){var e;if(this.clickable){(e=this.itemElement)===null||e===void 0?void 0:e.focus()}else{t.preventDefault()}}get actionClasses(){const t=["action"];if(!this.hasBulletSlotContent){t.push(`action-no-bullet`)}return t.join(" ")}get bulletClasses(){const t=["bullet"];if(!this.hasFooterSlotContent){t.push(`bullet-no-footer`)}return t.join(" ")}get footerClasses(){const t=["footer"];if(!this.hasActionSlotContent&&!this.hasBulletSlotContent){t.push(`footer-no-action-nor-bullet`)}else if(!this.hasActionSlotContent){t.push(`footer-no-action`)}else if(!this.hasBulletSlotContent){t.push(`footer-no-bullet`)}return t.join(" ")}get hasActionSlotContent(){return i(this.hostElement,"action")}get hasBodySlotContent(){return i(this.hostElement,"body")}get hasBulletSlotContent(){return i(this.hostElement,"bullet")}get hasFooterSlotContent(){return i(this.hostElement,"footer")}get hasHeaderSlotContent(){return i(this.hostElement,"header")}get itemClasses(){const t=["item"];if(!this.hasActionSlotContent&&!this.hasBulletSlotContent){t.push(`item-no-action-nor-bullet`)}else if(!this.hasActionSlotContent){t.push(`item-no-action`)}else if(!this.hasBulletSlotContent){t.push(`item-no-bullet`)}if(!this.hasFooterSlotContent){t.push(`item-no-footer`)}return t.join(" ")}get mainClasses(){const t=["main"];if(!this.hasActionSlotContent&&!this.hasBulletSlotContent){t.push(`main-no-action-nor-bullet`)}else if(!this.hasBulletSlotContent){t.push(`main-no-bullet`)}return t.join(" ")}render(){const{clickable:t}=this;return e("div",{key:"2511d34e01575fe19d4a9becdce7a44ccc8736e7","test-id":"itemContainer",class:this.itemClasses,ref:t=>this.itemElement=t,role:t?"button":undefined,tabIndex:t?0:undefined},this.hasBulletSlotContent&&e("div",{key:"47595ae0c96465a0524c4b08f7c77997fa5ad012",class:this.bulletClasses},e("slot",{key:"0e446493744bdc304336f20e5bab89864b430cec",name:"bullet"})),e("div",{key:"061814832dc71b7bbe239cddb2e474f7ea91558c",class:this.mainClasses},this.hasHeaderSlotContent&&e("div",{key:"9f27b6fa63241088951935cff169385ef23b55e4",class:"header"},e("slot",{key:"9c99e37648c9c4c5a8b981aa16ec8a7b42a1887a",name:"header"})),this.hasBodySlotContent&&e("div",{key:"e8a788366c10d06fef823b9be88c40fba65d4e71",class:"body"},e("slot",{key:"617965a59d689b0679e920794ebf9a36848f4eab",name:"body"}))),this.hasActionSlotContent&&e("div",{key:"38c6a30f60c6a8bc8c953ed4b74a3687a0ba03a1",class:this.actionClasses},e("slot",{key:"76efb6ba1377adcb3fc850d8966ecc49b55896b5",name:"action"})),this.hasFooterSlotContent&&e("div",{key:"9a9bf0234ebac99487797bc93afa6e73097f1e68",class:this.footerClasses},e("slot",{key:"91abd31668cff2657ecf57ce8b9d6f63e8d375ae",name:"footer"})))}get hostElement(){return o(this)}};c.style=n;export{c as q2_item};
-//# sourceMappingURL=p-7c9a0122.entry.js.map

package/dist/q2-tecton-elements/p-7c9f8b62.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e}from"./p-a5f18e27.js";const i="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.formatted-text{color:var(--tct-formatted-text-color, inherit);font-size:var(--tct-formatted-text-font-size, inherit);font-weight:var(--tct-formatted-text-font-weight, inherit)}.formatted-text-small{color:var(--tct-formatted-text-small-color, inherit);font-size:var(--tct-formatted-text-small-font-size, 24px);font-weight:var(--tct-formatted-text-small-font-weight, 600)}.formatted-text-medium{color:var(--tct-formatted-text-medium-color, inherit);font-size:var(--tct-formatted-text-medium-font-size, 42px);font-weight:var(--tct-formatted-text-medium-font-weight, 600)}.formatted-text-large{color:var(--tct-formatted-text-large-color, inherit);font-size:var(--tct-formatted-text-large-font-size, 70px);font-weight:var(--tct-formatted-text-large-font-weight, 700)}";const o=i;const s=class{constructor(e){t(this,e);this.value=undefined;this.locale=document.documentElement.lang||"en-US";this.minimumIntegerDigits=1;this.minimumFractionDigits=2;this.maximumFractionDigits=2;this.signDisplay="auto";this.size=undefined;this.slotSize=undefined}componentWillLoad(){this.formatValue()}propsUpdated(){this.formatValue()}get formattedTextClasses(){const t=["formatted-text"];const e=this.size?this.size:this.slotSize;if(!!e)t.push(`formatted-text-${e}`);return t.join(" ")}formatValue(){const t={style:"decimal",signDisplay:this.signDisplay};if(!isNaN(this.minimumIntegerDigits))t.minimumIntegerDigits=this.minimumIntegerDigits;if(!isNaN(this.minimumFractionDigits))t.minimumFractionDigits=this.minimumFractionDigits;if(!isNaN(this.maximumFractionDigits))t.maximumFractionDigits=this.maximumFractionDigits;this.formattedValue=new Intl.NumberFormat(this.locale,t).format(this.value).trim()}render(){const{formattedTextClasses:t}=this;return e("div",{key:"0deb2247f66e39d44ab56bc889520cd67caf20dc",class:t,"aria-label":this.formattedValue},e("span",{key:"7b8bba7f894f439d4628329082dd41a3629b3f79"},this.formattedValue))}static get watchers(){return{value:["propsUpdated"],locale:["propsUpdated"],size:["propsUpdated"],slotSize:["propsUpdated"],signDisplay:["propsUpdated"]}}};s.style=o;export{s as q2_formatted_text};
-//# sourceMappingURL=p-7c9f8b62.entry.js.map

package/dist/q2-tecton-elements/p-81fbe718.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,g as r}from"./p-a5f18e27.js";import{c as s,f as o}from"./p-15ac45d6.js";const n="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:var(--tct-input-error-padding, 0);margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));border-width:1px;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 4px));position:relative}fieldset.has-error .error-icon-container{top:8px;right:8px;position:absolute;width:40%;text-align:right;background:linear-gradient(to right, var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))), var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgb(255, 255, 255))))}fieldset.has-error legend+div.error-icon-container.no-label{top:28px}.group-legend{font-weight:600}legend.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))));font-size:var(--tct-input-label-optional-font-size, 12px);font-weight:var(--tct-input-label-optional-font-weight, 400)}.flexed{margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.flexed.left{justify-content:left}";const a=n;const d=class{constructor(i){t(this,i);this.change=e(this,"change",7);this._id=`checkbox-group-${s()}`;this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};setTimeout((()=>{this.checkboxElements.forEach((t=>{e[t.value]=!!t.checked}));this.change.emit(e)}),0)};this.onMutationObserved=()=>{this.updateValue();this.updateDisabled();this.updateReadonly()};this.disabled=undefined;this.hasError=undefined;this.hideLabel=undefined;this.label=undefined;this.optional=undefined;this.readonly=undefined;this.value=undefined}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}}componentWillLoad(){this.updateReadonly()}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=t;this.onMutationObserved()}onHostElementChange(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail}}setValue(t){const e=new Set(Array.isArray(t)?t:[t]);this.checkboxElements.forEach((t=>{if(e.has(t.value))t.click()}))}disabledObserver(){this.updateDisabled()}readonlyObserver(){this.updateReadonly()}valueObserver(){this.updateValue()}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get inputId(){return this._id}get protectedValue(){return this.value||{}}inputDom(){return i("slot",null)}updateDisabled(){const t=this.disabled;this.checkboxElements.forEach((e=>{e.groupDisabled=t}))}updateReadonly(){const t=this.readonly;this.checkboxElements.forEach((e=>{e.slotReadonly=t}))}updateValue(){if(this.readonly)return;this.checkboxElements.forEach((t=>{if(this.protectedValue.hasOwnProperty(t.value)){t.checked=this.value[t.value]}}))}render(){const t=this.label||this.optional||this.readonly;return i("div",{key:"ee1eeb52e7e665ae80d9313014ba80a2a4abb5cd"},t&&!this.hideLabel&&i("div",{key:"153df1bc19ac7236cbcb8a7f9f5536e601d07b0c",class:"group-legend"},o(this)),i("fieldset",{key:"a118e02dd1b3183cd00c77d38686d38da58a8cc7",class:`q2-checkbox-fieldset ${this.hasError?"has-error":""}`,onChange:this.onInnerCheckboxChange,"aria-invalid":this.hasError===undefined?undefined:`${this.hasError}`},this.label||this.optional?i("legend",{class:"sr-only"},o(this)):"",this.hasError?i("div",{class:`error-icon-container ${this.label||this.optional?"":"no-label"}`},i("q2-icon",{class:"h(4) w(4) mrg-b(2)",type:"error"})):"",this.inputDom()))}get hostElement(){return r(this)}static get watchers(){return{disabled:["disabledObserver"],readonly:["readonlyObserver"],value:["valueObserver"]}}};d.style=a;export{d as q2_checkbox_group};
-//# sourceMappingURL=p-81fbe718.entry.js.map

package/dist/q2-tecton-elements/p-81fbe718.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["q2CheckboxGroupCss","Q2CheckboxGroupStyle0","Q2CheckboxGroup","this","_id","createGuid","onInnerCheckboxChange","event","stopImmediatePropagation","groupValue","setTimeout","checkboxElements","forEach","check","value","checked","change","emit","onMutationObserved","updateValue","updateDisabled","updateReadonly","disconnectedCallback","mutationObserver","disconnect","componentWillLoad","componentDidLoad","observer","MutationObserver","observe","hostElement","childList","subtree","onHostElementChange","target","onchange","detail","setValue","values","valuesSet","Set","Array","isArray","has","click","disabledObserver","readonlyObserver","valueObserver","from","querySelectorAll","inputId","protectedValue","inputDom","h","groupDisabled","disabled","checkbox","slotReadonly","readonly","hasOwnProperty","render","showLabel","label","optional","key","hideLabel","class","renderLabel","hasError","onChange","undefined","type"],"sources":["src/components/q2-checkbox-group/q2-checkbox-group.scss?tag=q2-checkbox-group&encapsulation=shadow","src/components/q2-checkbox-group/q2-checkbox-group.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n\n:host {\n    margin-top: var(--tct-scale-2, var(--app-scale-2x, 10px));\n}\n\nfieldset {\n    padding: var(--tct-input-error-padding, 0);\n    margin: 0;\n    border: 0;\n}\n\nfieldset.has-error {\n    border-color: var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a));\n    border-width: 1px;\n    border-style: solid;\n    border-radius: var(--tct-border-radius-1, var(--app-border-radius-1, 4px));\n    position: relative;\n}\n\nfieldset.has-error .error-icon-container {\n    top: 8px;\n    right: 8px;\n    position: absolute;\n    width: 40%;\n    text-align: right;\n    background: linear-gradient(\n        to right,\n        var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n        var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n    );\n}\n\nfieldset.has-error legend + div.error-icon-container.no-label {\n    top: 28px;\n}\n\n.group-legend {\n    font-weight: 600;\n}\n\nlegend.sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    border: 0;\n}\n\n.optional-tag {\n    margin-left: var(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px)));\n    color: var(\n        --tct-input-label-optional-font-color,\n        var(\n            --tct-a11y-color,\n            var(\n                --t-a11y-gray-color,\n                var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n            )\n        )\n    );\n    font-size: var(--tct-input-label-optional-font-size, 12px);\n    font-weight: var(--tct-input-label-optional-font-weight, 400);\n}\n\n.flexed {\n    margin: 0;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n}\n.flexed.left {\n    justify-content: left;\n}\n","import {\n    Component,\n    Prop,\n    Element,\n    h,\n    Listen,\n    EventEmitter,\n    Event,\n    ComponentInterface,\n    Watch,\n    Method,\n} from '@stencil/core';\nimport { createGuid, renderLabel } from 'src/utils';\n\n@Component({ tag: 'q2-checkbox-group', shadow: true, styleUrl: 'q2-checkbox-group.scss' })\nexport class Q2CheckboxGroup implements ComponentInterface {\n    // #region Own Properties\n\n    _id: string = `checkbox-group-${createGuid()}`;\n    mutationObserver: MutationObserver;\n\n    // #endregion\n    // #region Host HTML Element\n\n    @Element()\n    hostElement: HTMLElement;\n\n    // #endregion\n    // #region Public Property API\n\n    /** Determines if all checkboxes in the group are put into a `disabled` state. */\n    @Prop({ reflect: true })\n    disabled: boolean;\n\n    /** Determines if the component should display in an errant state. */\n    @Prop({ reflect: true })\n    hasError: boolean;\n\n    /**\n     * Hide's the group's `<label>` element from view.\n     * @warning\n     * Only use when a visible label is impractical.\n     */\n    @Prop({ reflect: true, mutable: true })\n    hideLabel: boolean;\n\n    /**\n     * The label that displays above all the checkboxes.\n     * @localizable\n     */\n    @Prop({ reflect: true })\n    label: string;\n\n    /** Determines if the component is marked as `optional`. */\n    @Prop({ reflect: true })\n    optional: boolean;\n\n    /** Determines if all the checkboxes are marked as `readonly`. */\n    @Prop({ reflect: true })\n    readonly: boolean;\n\n    /**\n     * Can be used to get and set the checked status of each `<q2-checkbox>` element contained within the group.\n     *\n     * **Example:**\n     * @snippet\n     * element.value = {\n     *   'checkbox-value-1': true,\n     *   'checkbox-value-2': false,\n     *   'checkbox-value-3': true,\n     * };\n     *\n     * // Also accepts partial values\n     * element.value = {\n     *   'checkbox-value-2': false,\n     * }\n     */\n    @Prop({ mutable: true })\n    value: object;\n\n    // #endregion\n    // #region Events\n\n    @Event()\n    change: EventEmitter;\n\n    // #endregion\n    // #region Component Lifecycle Events\n\n    disconnectedCallback() {\n        if (this.mutationObserver) {\n            this.mutationObserver.disconnect();\n            this.mutationObserver = null;\n        }\n    }\n\n    componentWillLoad() {\n        this.updateReadonly();\n    }\n\n    componentDidLoad() {\n        const observer = new MutationObserver(this.onMutationObserved);\n        observer.observe(this.hostElement, { childList: true, subtree: true });\n        this.mutationObserver = observer;\n        this.onMutationObserved();\n    }\n\n    // #endregion\n    // #region Listeners\n\n    @Listen('change')\n    onHostElementChange(event: CustomEvent) {\n        if (event.target === this.hostElement && !this.hostElement.onchange) {\n            this.value = event.detail;\n        }\n    }\n\n    // #endregion\n    // #region Public Methods API\n\n    /**\n     * Emulates clicking the `<q2-checkbox>` option(s) with the provided value.\n     *\n     * @testOnly\n     */\n    @Method()\n    setValue(values: string | string[]) {\n        const valuesSet = new Set(Array.isArray(values) ? values : [values]);\n        this.checkboxElements.forEach(check => {\n            if (valuesSet.has(check.value)) check.click();\n        });\n    }\n\n    // #endregion\n    // #region Watchers\n\n    @Watch('disabled')\n    disabledObserver() {\n        this.updateDisabled();\n    }\n\n    @Watch('readonly')\n    readonlyObserver() {\n        this.updateReadonly();\n    }\n\n    @Watch('value')\n    valueObserver() {\n        this.updateValue();\n    }\n\n    // #endregion\n    // #region Local Methods\n\n    get checkboxElements() {\n        return Array.from(this.hostElement.querySelectorAll('q2-checkbox')) as HTMLQ2CheckboxElement[];\n    }\n\n    get inputId() {\n        return this._id;\n    }\n\n    get protectedValue(): object {\n        return this.value || {};\n    }\n\n    inputDom() {\n        return <slot />;\n    }\n\n    onInnerCheckboxChange = (event: CustomEvent) => {\n        event.stopImmediatePropagation();\n        const groupValue = {};\n        setTimeout(() => {\n            this.checkboxElements.forEach(check => {\n                groupValue[check.value] = !!check.checked;\n            });\n            this.change.emit(groupValue);\n        }, 0);\n    };\n\n    onMutationObserved = () => {\n        this.updateValue();\n        this.updateDisabled();\n        this.updateReadonly();\n    };\n\n    updateDisabled() {\n        const groupDisabled = this.disabled;\n        this.checkboxElements.forEach(checkbox => {\n            checkbox.groupDisabled = groupDisabled;\n        });\n    }\n\n    updateReadonly() {\n        const slotReadonly = this.readonly;\n        this.checkboxElements.forEach(checkbox => {\n            checkbox.slotReadonly = slotReadonly;\n        });\n    }\n\n    updateValue() {\n        if (this.readonly) return;\n        this.checkboxElements.forEach(check => {\n            if (this.protectedValue.hasOwnProperty(check.value)) {\n                check.checked = this.value[check.value];\n            }\n        });\n    }\n\n    // #endregion\n    // #region Render Methods\n\n    render() {\n        const showLabel = this.label || this.optional || this.readonly;\n        return (\n            <div>\n                {showLabel && !this.hideLabel && <div class=\"group-legend\">{renderLabel(this)}</div>}\n                <fieldset\n                    class={`q2-checkbox-fieldset ${this.hasError ? 'has-error' : ''}`}\n                    onChange={this.onInnerCheckboxChange}\n                    aria-invalid={this.hasError === undefined ? undefined : `${this.hasError}`}\n                >\n                    {this.label || this.optional ? <legend class=\"sr-only\">{renderLabel(this)}</legend> : ''}\n                    {this.hasError ? (\n                        <div class={`error-icon-container ${this.label || this.optional ? '' : 'no-label'}`}>\n                            <q2-icon\n                                class=\"h(4) w(4) mrg-b(2)\"\n                                type=\"error\"\n                            ></q2-icon>\n                        </div>\n                    ) : (\n                        ''\n                    )}\n                    {this.inputDom()}\n                </fieldset>\n            </div>\n        );\n    }\n\n    // #endregion\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,oiEAC3B,MAAAC,EAAeD,E,MCcFE,EAAe,M,wDAGxBC,KAAAC,IAAc,kBAAkBC,MAwJhCF,KAAAG,sBAAyBC,IACrBA,EAAMC,2BACN,MAAMC,EAAa,GACnBC,YAAW,KACPP,KAAKQ,iBAAiBC,SAAQC,IAC1BJ,EAAWI,EAAMC,SAAWD,EAAME,OAAO,IAE7CZ,KAAKa,OAAOC,KAAKR,EAAW,GAC7B,EAAE,EAGTN,KAAAe,mBAAqB,KACjBf,KAAKgB,cACLhB,KAAKiB,iBACLjB,KAAKkB,gBAAgB,E,mKA/FzB,oBAAAC,GACI,GAAInB,KAAKoB,iBAAkB,CACvBpB,KAAKoB,iBAAiBC,aACtBrB,KAAKoB,iBAAmB,I,EAIhC,iBAAAE,GACItB,KAAKkB,gB,CAGT,gBAAAK,GACI,MAAMC,EAAW,IAAIC,iBAAiBzB,KAAKe,oBAC3CS,EAASE,QAAQ1B,KAAK2B,YAAa,CAAEC,UAAW,KAAMC,QAAS,OAC/D7B,KAAKoB,iBAAmBI,EACxBxB,KAAKe,oB,CAOT,mBAAAe,CAAoB1B,GAChB,GAAIA,EAAM2B,SAAW/B,KAAK2B,cAAgB3B,KAAK2B,YAAYK,SAAU,CACjEhC,KAAKW,MAAQP,EAAM6B,M,EAa3B,QAAAC,CAASC,GACL,MAAMC,EAAY,IAAIC,IAAIC,MAAMC,QAAQJ,GAAUA,EAAS,CAACA,IAC5DnC,KAAKQ,iBAAiBC,SAAQC,IAC1B,GAAI0B,EAAUI,IAAI9B,EAAMC,OAAQD,EAAM+B,OAAO,G,CAQrD,gBAAAC,GACI1C,KAAKiB,gB,CAIT,gBAAA0B,GACI3C,KAAKkB,gB,CAIT,aAAA0B,GACI5C,KAAKgB,a,CAMT,oBAAIR,GACA,OAAO8B,MAAMO,KAAK7C,KAAK2B,YAAYmB,iBAAiB,e,CAGxD,WAAIC,GACA,OAAO/C,KAAKC,G,CAGhB,kBAAI+C,GACA,OAAOhD,KAAKW,OAAS,E,CAGzB,QAAAsC,GACI,OAAOC,EAAA,Y,CAoBX,cAAAjC,GACI,MAAMkC,EAAgBnD,KAAKoD,SAC3BpD,KAAKQ,iBAAiBC,SAAQ4C,IAC1BA,EAASF,cAAgBA,CAAa,G,CAI9C,cAAAjC,GACI,MAAMoC,EAAetD,KAAKuD,SAC1BvD,KAAKQ,iBAAiBC,SAAQ4C,IAC1BA,EAASC,aAAeA,CAAY,G,CAI5C,WAAAtC,GACI,GAAIhB,KAAKuD,SAAU,OACnBvD,KAAKQ,iBAAiBC,SAAQC,IAC1B,GAAIV,KAAKgD,eAAeQ,eAAe9C,EAAMC,OAAQ,CACjDD,EAAME,QAAUZ,KAAKW,MAAMD,EAAMC,M,KAQ7C,MAAA8C,GACI,MAAMC,EAAY1D,KAAK2D,OAAS3D,KAAK4D,UAAY5D,KAAKuD,SACtD,OACIL,EAAA,OAAAW,IAAA,4CACKH,IAAc1D,KAAK8D,WAAaZ,EAAA,OAAAW,IAAA,2CAAKE,MAAM,gBAAgBC,EAAYhE,OACxEkD,EAAA,YAAAW,IAAA,2CACIE,MAAO,wBAAwB/D,KAAKiE,SAAW,YAAc,KAC7DC,SAAUlE,KAAKG,sBAAqB,eACtBH,KAAKiE,WAAaE,UAAYA,UAAY,GAAGnE,KAAKiE,YAE/DjE,KAAK2D,OAAS3D,KAAK4D,SAAWV,EAAA,UAAQa,MAAM,WAAWC,EAAYhE,OAAkB,GACrFA,KAAKiE,SACFf,EAAA,OAAKa,MAAO,wBAAwB/D,KAAK2D,OAAS3D,KAAK4D,SAAW,GAAK,cACnEV,EAAA,WACIa,MAAM,qBACNK,KAAK,WAEP,GAITpE,KAAKiD,Y"}

package/dist/q2-tecton-elements/p-896c7008.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,g as s}from"./p-a5f18e27.js";import{a as n,o as a,i as h,w as r,l as d}from"./p-15ac45d6.js";const l="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}:host([block]){display:block;width:100%}:host([block]) .q2-editable-field-wrapper:not([hidden]){display:grid;grid-template-columns:1fr auto auto}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2x, 10px)) 0 0}q2-input{flex:1 1 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0x, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0x, 0));display:flex;align-items:center}";const o=l;const c=class{constructor(e){t(this,e);this.change=i(this,"change",7);this.input=i(this,"input",7);this.scheduledAfterRender=[];this.cancelClick=t=>{t===null||t===void 0?void 0:t.stopPropagation();this.change.emit({editing:false,name:"cancel"});this.inputElement.setValue(this.defaultValue)};this.editClick=t=>{t===null||t===void 0?void 0:t.stopPropagation();this.change.emit({editing:true,name:"edit"})};this.inputChange=t=>{t.stopPropagation()};this.inputClick=t=>{t.stopPropagation()};this.inputInput=t=>{t.stopPropagation();this.input.emit(t.detail);this.formattedValue=t.detail.formattedValue;this.innerValue=t.detail.value};this.inputKeyDown=t=>{if(t.key==="Escape"||t.key==="Esc"){t.preventDefault();this.cancelClick();return}if(t.key==="Enter"){t.preventDefault();this.saveClick();return}};this.saveClick=t=>{t&&t.stopPropagation();const i=this.hostElement.shadowRoot.querySelector("q2-input").value;this.defaultValue=i;this.change.emit({editing:false,name:"save",value:this.innerValue||i,formattedValue:this.formattedValue||i})};this.formattedValue=undefined;this.ariaLabel=undefined;this.block=undefined;this.disabled=undefined;this.editing=false;this.errors=undefined;this.formatModifier=undefined;this.hideLabel=undefined;this.hints=undefined;this.label="";this.maxlength=undefined;this.persistentLabel=undefined;this.truncated=undefined;this.type=undefined;this.value=""}componentWillLoad(){n(this);this.defaultValue=this.value}componentDidLoad(){a(this.hostElement)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[];this.formattedValue=this.inputElement.formattedValue}onHostElementChange(t){if(!h(t,this.hostElement)||this.hostElement.onchange)return;queueMicrotask((()=>{switch(t.detail.name){case"save":if(this.hasErrors){this.inputElement.focus();break}this.value=t.detail.value;this.editing=t.detail.editing;break;case"cancel":this.inputElement.value=this.value;this.editing=t.detail.editing;break;case"edit":this.editing=t.detail.editing;break}}))}delegateFocus(t){if(!h(t,this.hostElement))return;this.hostElement.shadowRoot.querySelector(this.editing?"q2-input":"q2-btn.begin-edit").focus()}clickCancel(){var t;if(!this.editing)return;(t=this.cancelBtnElement)===null||t===void 0?void 0:t.click()}clickEdit(){var t;if(this.editing)return;(t=this.editBtnElement)===null||t===void 0?void 0:t.click()}clickSave(){var t;if(!this.editing)return;(t=this.saveBtnElement)===null||t===void 0?void 0:t.click()}async setValue(t,i={clickSave:true}){await this.clickEdit();await r();await this.inputElement.setValue(t);if(i.clickSave){await this.clickSave();await r()}}ariaLabelObserver(){n(this)}observesEditing(t,i){if(t===i)return;this.scheduledAfterRender.push(this.hostElement.focus)}errorsObserver(){const{editing:t,hasErrors:i}=this;const e=this.hostElement.shadowRoot.activeElement;const s=(e===null||e===void 0?void 0:e.tagName)==="Q2-INPUT";if(s||!e||!t||!i)return;this.inputElement.focus()}get hasErrors(){return Array.isArray(this.errors)&&!!this.errors.length}get hasHints(){return Array.isArray(this.hints)&&!!this.hints.length}get locLabel(){return this.label&&d(this.label)||""}get wrapperClass(){return`q2-editable-field-wrapper ${this.editing?"editing":""}`}generateEditBtn(){return e("q2-btn",{ref:t=>this.editBtnElement=t,class:"begin-edit",label:`${d("tecton.element.editableField.edit")} ${this.locLabel}`,"hide-label":true,disabled:this.disabled,"test-id":"editButton",onClick:this.editClick},e("q2-icon",{type:"edit"}))}generateEditStateDOM(){return e("div",{class:this.wrapperClass,hidden:!this.editing},e("q2-input",{ref:t=>this.inputElement=t,label:this.locLabel,hideLabel:this.hideLabel,value:this.value,hints:this.hasHints?this.hints:undefined,errors:this.hasErrors?this.errors:undefined,type:this.type,disabled:this.disabled,formatModifier:this.formatModifier,maxlength:this.maxlength,"test-id":"editableInput",onInput:this.inputInput,onChange:this.inputChange,onKeyDown:this.inputKeyDown,onClick:this.inputClick}),e("q2-btn",{ref:t=>this.cancelBtnElement=t,class:"cancel-edit",label:`${d("tecton.element.editableField.cancel")} ${this.locLabel}`,"hide-label":true,"test-id":"cancelButton",onClick:this.cancelClick},e("q2-icon",{type:"close"})),e("q2-btn",{ref:t=>this.saveBtnElement=t,class:"save-edit",label:`${d("tecton.element.editableField.save")} ${this.locLabel}`,"hide-label":true,"test-id":"saveButton",onClick:this.saveClick},e("q2-icon",{type:"checkmark"})))}generateReadStateDOM(){if(this.persistentLabel&&this.locLabel){return e("div",{class:this.wrapperClass,hidden:this.editing},e("dl",null,e("dt",{class:"read-state-label"},this.locLabel),e("dd",null,e("span",{class:"text-wrapper"},this.formattedValue||this.value),this.generateEditBtn())))}return e("div",{class:this.wrapperClass,hidden:this.editing},e("div",{class:"text-wrapper"},this.formattedValue||this.value),this.generateEditBtn())}render(){return e("div",{key:"5d8bb7b03afcc5c8efe1d9dab03e09e34bcd3148"},this.generateEditStateDOM(),this.generateReadStateDOM())}get hostElement(){return s(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],editing:["observesEditing"],errors:["errorsObserver"]}}};c.style=o;export{c as q2_editable_field};
-//# sourceMappingURL=p-896c7008.entry.js.map

package/dist/q2-tecton-elements/p-8d07cf91.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as n,g as o}from"./p-a5f18e27.js";import{l as a,o as i}from"./p-15ac45d6.js";const r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.month-container{--comp-month-primary-background:var(--tct-btn-primary-background, var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e)));--comp-month-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-month-primary-background:var(--tct-btn-secondary-background, var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc)));--comp-month-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)))}.month-container .navigation{display:flex;justify-content:space-between;flex-direction:row}.month-container .navigation .year-btn{padding:0 1rem;display:flex;align-items:center}.month-container .navigation .year-btn .year{margin-right:0.2rem}.month-container .navigation .year-btn .year-icon{--t-icon-stroke-width:2px;width:16px;height:16px;transition:all 0.3s ease-in-out}.month-container .navigation .year-btn .year-icon.on{transform:rotate(-180deg)}.month-container .navigation .month-controller{display:flex;align-items:center}.month-container .month-list{display:grid;grid-template-columns:auto auto auto}.month-container .month-list .month{display:flex;justify-content:center;align-items:center;padding:0.5rem 0}.month-container .month-list .month .month-button{border-radius:50%;aspect-ratio:1;width:50px;display:flex;justify-content:center;align-items:center}.month-container .month-list .month .month-button:hover{background:var(--comp-month-primary-background);color:var(--comp-month-secondary-font-color);cursor:pointer}.month-container .month-list .month .month-button:active,.month-container .month-list .month .month-button.active{background:var(--comp-month-primary-background);color:var(--comp-month-primary-font-color)}.month-container .today-label{padding:0.5rem 0;color:var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}";const c=r;const s=class{constructor(n){t(this,n);this.toggleChange=e(this,"toggleChange",7);this.viewChange=e(this,"viewChange",7);this.monthGrid=[[0,1,2],[3,4,5],[6,7,8],[9,10,11]];this.months=["January","February","March","April","May","June","July","August","September","October","November","December"].map((t=>({label:a(`tecton.element.calendar.months.${t}`),abbr:a(`tecton.element.calendar.months.abbr.${t}`)})));this.scheduledAfterRender=[];this.focusMonth=t=>{const e=this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);if(e){this.focusedIndex=t;e.focus()}};this.moveMonth=(t,e,n)=>{const o=t.length;const a=t[0].length;const i=Math.floor(e/a);const r=e%a;const c=[i,r];if(n.key==="ArrowUp"){n.stopPropagation();n.preventDefault();return t[Math.max(0,c[0]-1)][c[1]]}else if(n.key==="ArrowDown"){n.stopPropagation();n.preventDefault();return t[Math.min(o-1,c[0]+1)][c[1]]}else if(n.key==="ArrowLeft"){n.stopPropagation();n.preventDefault();return Math.max(0,e-1)}else if(n.key==="ArrowRight"){n.stopPropagation();n.preventDefault();return Math.min(this.months.length-1,e+1)}else{return t[c[0]][c[1]]}};this.onMonthKeydown=t=>{if(t.key==="Escape"||t.key==="Esc"){this.toggleChange.emit({close:true});return}const e=t.target.dataset.index;if(!e)return;if(t.key==="Enter"||t.key===" "){t.preventDefault();t.stopPropagation();this.selectMonth(Number(e))}else{const n=this.moveMonth(this.monthGrid,Number(e),t);this.focusMonth(n)}};this.onMonthSelection=t=>{var e,n;const o=t.target.closest(".month-button");if((e=o===null||o===void 0?void 0:o.dataset)===null||e===void 0?void 0:e.index){this.selectMonth(Number((n=o===null||o===void 0?void 0:o.dataset)===null||n===void 0?void 0:n.index))}};this.selectMonth=t=>{var e,n,o;this.selectedIndex=t;this.focusedIndex=t;const a=this.hostElement.shadowRoot.querySelector(`.month-button[data-index="${t}"]`);(e=this.hostElement.shadowRoot.querySelectorAll(`.month-button`))===null||e===void 0?void 0:e.forEach((t=>t.classList.remove("active")));a===null||a===void 0?void 0:a.classList.add("active");a===null||a===void 0?void 0:a.focus();const i={view:"day",monthIndex:t,selectedYear:this.year};(o=(n=this.hostElement).onchange)===null||o===void 0?void 0:o.call(n,new CustomEvent("click",{bubbles:true,detail:i}));this.viewChange.emit(i)};this.selectYear=t=>{this.year=Math.max(1970,t)};this.focusedIndex=0;this.selectedIndex=0;this.showYearLayer=false;this.disabledMonths=undefined;this.today=undefined;this.year=Number((new Date).toLocaleString("en-US",{year:"numeric"}))}componentDidLoad(){i(this.hostElement)}componentDidRender(){var t;(t=this.scheduledAfterRender)===null||t===void 0?void 0:t.forEach((t=>t()));this.scheduledAfterRender=[]}render(){return n("div",{key:"d22180a2a528e72f2e44753b6a4641f51165552d",class:"month-container",onKeyDown:this.onMonthKeydown},n("div",{key:"983b7140b4c87233e9110b4f6b951ab30d2eb516",class:"navigation"},n("q2-btn",{key:"ee79cfe4a3e38cd0b97307738700e94ad23c7e4b",class:"year-btn",onClick:()=>this.viewChange.emit({view:"year",selectedYear:this.year})},n("span",{key:"839b8de5beabf7be05a58f7531826548bb68d3ba",class:"year"},this.year),n("q2-icon",{key:"100c2dd1f43d29be9f51f5292973cb6dc727adcb",class:"year-icon off",type:"chevron-down"})),n("div",{key:"e3a62840e3510b9abf165a540f3db8a85ece6073",class:"month-controller"},n("div",{key:"65bc9199498ad0dd401a561739dcf8101e22e9fe",class:"cal-year-prev-next"},n("q2-btn",{key:"11586afd04c7f4952ea7e9c97b82c28003d1eb56",label:a("tecton.element.calendar.previousYear"),"hide-label":true,class:"cal-nav-btn prev-year","test-id":"previousYearButton",onClick:()=>this.selectYear(this.year-1)},n("q2-icon",{key:"6c9cf0005614b5f6034e070c7cc1b237ea058eca",type:"arrow-left"})),n("q2-btn",{key:"c40c6d29045e48d3d38bde0d24870672c8045226",label:a("tecton.element.calendar.nextYear"),"hide-label":true,class:"cal-nav-btn next-year","test-id":"nextYearButton",onClick:()=>this.selectYear(this.year+1)},n("q2-icon",{key:"66a04f751f9f85f146d915116d607e7a841e3a80",type:"arrow-right"}))))),n("div",{key:"7515edd4312fa9bbf81685e9cc9e8a2fcadcd8f0",class:"month-list",onClick:this.onMonthSelection},this.months.map(((t,e)=>n("div",{class:"month"},n("span",{role:"button",class:"month-button","data-index":e,"aria-label":t.label,tabindex:e===this.focusedIndex?0:-1},t.abbr))))),this.today&&n("div",{key:"f75f8128ec48c01ee725dd1bc0dafdb0d01870fa",class:"today-label"},a("tecton.element.calendar.today"),": ",this.today))}get hostElement(){return o(this)}};s.style=c;export{s as q2_month_picker};
-//# sourceMappingURL=p-8d07cf91.entry.js.map

package/dist/q2-tecton-elements/p-8d2b02e1.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,g as a}from"./p-a5f18e27.js";import{o as s,i as o,n as r,u as i,l as n}from"./p-15ac45d6.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--t-message-bar-width, var(--app-scale-1x, 5px)));border-left-style:solid;--comp-line-height:var(--tct-message-line-height, var(--t-message-line-height, var(--app-line-height, 1.428571429em)));display:grid;gap:var(--tct-scale-1, var(--app-scale-1x, 5px));align-items:flex-start;background:var(--tct-message-background, var(--tct-message-bg, var(--t-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))));color:var(--tct-message-font-color, var(--t-message-font-color, inherit));box-shadow:var(--tct-message-box-shadow, var(--t-message-box-shadow, inherit));border-radius:var(--tct-message-border-radius, var(--t-message-border-radius, inherit))}.message:focus{box-shadow:var(--const-global-focus)}.message-icon{--comp-top-offset:calc(calc(var(--comp-line-height) - var(--comp-icon-size)) / 2);--tct-icon-size:var(--comp-icon-size);top:var(--comp-top-offset);margin-bottom:calc(var(--comp-top-offset) * -1)}.message-content{flex:1;line-height:var(--comp-line-height)}::slotted(ul){--comp-list-default-padding:0 0 0 var(--app-scale-3x, 15px);padding:var(--tct-message-list-padding, var(--comp-list-default-padding))}:host(:not([appearance])),:host([appearance=standard]){--comp-default-margin:var(--app-scale-3x, 5px) 0;margin:var(--tct-message-margin, var(--comp-default-margin))}:host(:not([appearance])) .message,:host([appearance=standard]) .message{--comp-icon-size:var(--tct-message-icon-size, var(--t-message-icon-size, 24px));--comp-padding:var(--tct-message-padding, var(--t-message-padding, var(--app-scale-3x, 15px)));grid-template-columns:var(--comp-icon-size) 1fr;padding:var(--comp-padding);padding-left:calc(var(--comp-padding) - var(--tct-scale-2, var(--app-scale-2x, 10px)));padding-bottom:calc(var(--comp-padding) - var(--tct-scale-1, var(--app-scale-1x, 5px)))}:host(:not([appearance])) ::slotted(ul),:host([appearance=standard]) ::slotted(ul){--comp-list-default-margin:var(--app-scale-3x, 15px) 0;margin:var(--tct-message-list-margin, var(--comp-list-default-margin))}:host([appearance=minimal]){margin:0}:host([appearance=minimal]) .message{padding:var(--tct-message-minimal-padding, var(--t-message-minimal-padding, var(--app-scale-2x, 10px)));grid-template-columns:1fr}:host([appearance=minimal]) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}:host(:not([type])) .message,:host([type=info]) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type=info]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=success]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--tct-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=warning]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500));--tct-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #c35500))}:host([type=error]) .message,:host([type=danger]) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}:host([type=error]) .message-icon,:host([type=danger]) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}";const p=c;const d=class{constructor(e){t(this,e);this.presentToggle=undefined;this.appearance="standard";this.description=false;this.type="info"}componentDidLoad(){s(this.hostElement)}delegateFocus(t){if(!o(t,this.hostElement))return;this.hostElement.shadowRoot.querySelector(".message").focus()}async present(){const{isFirefox:t}=this;this.presentToggle=!this.presentToggle;if(!t)return;r((()=>{this.presentToggle=false}))}get isFirefox(){return i()}messageIcon(t){const a={success:"success",warning:"warning",danger:"error",error:"error",info:"info"};const s=a[t]||a.info;return e("q2-icon",{type:s,class:"message-icon"})}render(){const{isFirefox:t}=this;const a=t&&this.presentToggle;const s=!t&&this.presentToggle;const{description:o}=this;const r=n(`tecton.element.message.type.${this.type?this.type:"info"}`);return e("div",{key:"32df9337d60e4cde91b479f7ac2145b490c6e86f",tabindex:"-1",class:"message",role:o?undefined:"alert","aria-live":o?undefined:"assertive","aria-atomic":o?undefined:"true","aria-relevant":o&&a?undefined:"all","test-id":"messageContainer"},this.appearance==="standard"?this.messageIcon(this.type):"",s&&e("div",{key:"8c85280a31471b39972eaf836eba26e46f8fa384",class:"sr"}),e("div",{key:"38197f54a04591a1b059fb84adeaa753e7d75b5a",class:"sr message-label"},r),e("div",{key:"9cc59dd782ad77089f1e9bd9e19f03f6e2333752",class:"message-content","aria-hidden":a?"true":undefined},e("slot",{key:"10589fb202d11974e4a9eddd89646f88f1a38230"})))}get hostElement(){return a(this)}};d.style=p;export{d as q2_message};
-//# sourceMappingURL=p-8d2b02e1.entry.js.map

package/dist/q2-tecton-elements/p-95a7c042.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,F as i,g as s}from"./p-a5f18e27.js";import{d as a}from"./p-f1e887f5.js";import{l as n}from"./p-15ac45d6.js";const r="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";const o=r;const d=class{constructor(t){e(this,t);this.syncTimer=null;this.trimSuffix=false;this.displayedMessage=undefined;this.baseDate=undefined;this.date=undefined;this.locale=document.documentElement.lang||"en-US";this.messageFormat="short";this.numeric="auto";this.sync=true;this.unit=undefined}connectedCallback(){this.syncUpdated()}disconnectedCallback(){window.clearInterval(this.syncTimer);this.syncTimer=null}componentWillLoad(){this.updateMessage()}async displayedMessageValue(){return this.displayedMessage}async validBaseDateProp(){return this.isValidBaseDate}async validDateProp(){return this.isValidDate}updateMessage(){const{isValidDate:e,isBaseDateProvided:t,isValidBaseDate:i,dateObject:s,baseDateObject:r,locale:o,handleNumeric:d,messageFormat:h,isValidUnit:l,unit:u,trimSuffix:c}=this;if(!e||t&&!i){this.sync=false;this.displayedMessage=n("tecton.element.relativeTime.invalidDate");return}const p=a.intlFormatDistance(new Date(s),new Date(r),{locale:o,localeMatcher:"best fit",numeric:d,style:h,unit:l?u:null});if(c){this.displayedMessage=this.trimMessage(p)}else{this.displayedMessage=p}}syncUpdated(){if(this.sync){this.syncTimer=window.setInterval((()=>{this.updateMessage()}),1e3)}else{window.clearInterval(this.syncTimer);this.syncTimer=null}}get baseDateObject(){if(this.isBaseDateProvided&&this.isValidBaseDate){this.trimSuffix=true;this.sync=false;return new Date(this.baseDate)}else{this.trimSuffix=false;this.sync=true;return new Date}}get dateObject(){return new Date(this.date)}get handleNumeric(){if(this.isValidBaseDate)return"always";return this.numeric}get isBaseDateProvided(){return this.baseDate!==undefined}get isValidBaseDate(){const e=new Date(this.baseDate);const t=a.isValid(e);if(!t&&this.isBaseDateProvided){console.warn("Error: Invalid baseDate provided to q2-relative-time.")}return t}get isValidDate(){const e=new Date(this.date);const t=a.isValid(e);if(!t)console.warn("Error: Invalid date provided to q2-relative-time.");return t}get isValidUnit(){if(["second","minute","hour","day","month","quarter","year"].includes(this.unit))return true;return false}get shouldShow(){return!!this.displayedMessage}trimMessage(e){return e.replace(/^in\s?/,"").replace(/\sago$/,"")}render(){const{shouldShow:e,displayedMessage:s}=this;return t(i,{key:"bb2afb6a702c88e41eed0cad8ad263e7d7014406"},e?t("time",{dateTime:s},s):null)}get hostElement(){return s(this)}static get watchers(){return{messageFormat:["updateMessage"],locale:["updateMessage"],date:["updateMessage"],baseDate:["updateMessage"],numeric:["updateMessage"],unit:["updateMessage"],sync:["syncUpdated"]}}};d.style=o;export{d as q2_relative_time};
-//# sourceMappingURL=p-95a7c042.entry.js.map

package/dist/q2-tecton-elements/p-96b1406c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,g as n}from"./p-a5f18e27.js";const s="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";const d=s;const a=class{constructor(t){e(this,t);this.badge=i(this,"badge",7);this.onIFrameLoad=e=>{const i=e.target;i.contentWindow&&i.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")};this._showForm=undefined;this.authPayload=undefined;this.badgeCount=undefined;this.badgeDescription=undefined;this.badgeStatus=undefined;this.badgeTheme=undefined;this.guid=undefined;this.index=undefined;this.label=undefined;this.minHeight=undefined;this.moduleId=undefined;this.name=undefined;this.provided=undefined;this.selected=undefined;this.showForm=undefined;this.url=undefined;this.value=undefined}componentWillLoad(){this._showForm=this.showForm}componentWillRender(){const e=this.hostElement.shadowRoot.querySelector(".loading-wrapper");if(e){e.style.minHeight=this.minHeight;e.hidden=!this.selected}}componentDidRender(){const e=this.hostElement.shadowRoot.querySelector("form");if(!!e&&!!e.parentElement){e.submit();this._showForm=false}}badgeObserver(){this.badge.emit()}selectedObserver(){const e=this.hostElement.shadowRoot.querySelector('div[slot="loading-wrapper"]');this._showForm=this.showForm;if(e){e.hidden=!this.selected}}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}render(){return t("div",{key:"fbf2550a809c04de1ec1e0d56d042772e7a56ab1",id:`tab-pane-${this.guid}-${this.index}`,class:`tab-pane${this.selected?"":" hidden"}`,role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&this.provided!==undefined&&!this.provided&&t("div",{key:"3dfbabecf7a65d3e4a9e9cb022488ea2d74ec64a"},t("slot",{key:"38f20a0d29bea45eaae2c9fd1bfb6f324694accc",name:"loading-wrapper"}),t("iframe",{key:"25106e9d4ff8fca4b9ca785d75b97557d4441ade",hidden:true,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?t("form",{hidden:true,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((e=>t("input",{type:"hidden",value:e.value,name:e.key})))):""),t("div",{key:"caa4de86bb34e5cf3f4bb60977f2be9450210cf3",class:"slot-wrapper",hidden:this.selected&&this.provided!==undefined&&!this.provided},t("slot",{key:"da2ded5ffc3b4f5f42741b574f25280040a39eae"})))}get hostElement(){return n(this)}static get watchers(){return{badgeCount:["badgeObserver"],badgeDescription:["badgeObserver"],badgeTheme:["badgeObserver"],badgeStatus:["badgeObserver"],selected:["selectedObserver"]}}};a.style=d;export{a as tecton_tab_pane};
-//# sourceMappingURL=p-96b1406c.entry.js.map

package/dist/q2-tecton-elements/p-a068c84c.entry.js

@@ -1,2 +0,0 @@
-import{r as e}from"./p-a5f18e27.js";import{a as t}from"./p-50b425de.js";const n="q2-loading-element{display:block}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background:var(--tct-loading-skeleton-element-background, var(--tct-loading-skeleton-element-bg, var(--t-gray-8, #808080)))}.skeleton-shape.rectangle{min-height:var(--tct-loading-skeleton-rectangle-min-height, 20px)}.skeleton-shape.circle{border-radius:50%;padding-top:100%}";const a=n;const s=class{constructor(t){e(this,t);this.borderRadius=undefined;this.height=undefined;this.shape=undefined;this.width=undefined}get shapeMarkup(){return t[this.shape]?t[this.shape]({width:this.width,height:this.height,borderRadius:this.borderRadius}):""}render(){return this.shapeMarkup}};s.style=a;export{s as q2_loading_element};
-//# sourceMappingURL=p-a068c84c.entry.js.map

package/dist/q2-tecton-elements/p-a47597dd.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,F as a,g as o}from"./p-a5f18e27.js";import{c as r,o as n,i as s,f as d}from"./p-15ac45d6.js";const l='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 4px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}:host([has-error=false]) .options-container{border-color:transparent}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';const c=l;const p=class{constructor(i){t(this,i);this.change=e(this,"change",7);this._id=`radio-group-${r()}`;this.checkedRadioExists=()=>{const t=this.radioElements.find((t=>t.checked===true))||undefined;if(!this.value&&!!t){this.value=t.value}else if(!this.value&&!t){if(this.radioElements.length)this.radioElements[0].tabIndex=0}};this.onInnerRadioChange=t=>{t.stopImmediatePropagation();if(this.readonly)return;this.change.emit({value:t.detail.value})};this.onMutationObserved=()=>{this.valueUpdated(this.value);this.nameUpdated();this.disabledUpdated();this.readonlyUpdated();this.tileLayoutUpdated(this.tileLayout)};this.disabled=false;this.hasError=false;this.hideLabel=undefined;this.label=undefined;this.name=undefined;this.optional=undefined;this.readonly=undefined;this.tileAlignment="center";this.tilelayout=undefined;this.tileLayout=undefined;this.value=undefined}componentWillLoad(){this.checkedRadioExists();this.onMutationObserved();this.handleDeprecatedTilelayout(this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true});this.mutationObserver=t;n(this.hostElement);this.checkedRadioExists()}onHostElementChange(t){if(t.target===this.hostElement){if(!this.hostElement.onchange){this.value=t.detail.value}}}delegateFocus(t){if(!s(t,this.hostElement))return;const e=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");e===null||e===void 0?void 0:e.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const e=t.target.getAttribute("value")||this.value;let i=this.radioElements.findIndex((i=>i===t.target||i.getAttribute("value")===e));let a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1;break}if(i===-1||a===0){return}i+=a;i=a<0?Math.max(0,i):Math.min(this.radioElements.length-1,i);t.preventDefault();if(!this.readonly){this.value=this.radioElements[i].value}this.radioElements[i].dispatchEvent(new FocusEvent("focus"))}setValue(t){this.radioElements.forEach((e=>{if(t!==e.value)return;e.click()}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this._id}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((e=>e.groupReadonly=t))}handleDeprecatedTilelayout(t){if(typeof t!=="boolean")return;this.tileLayout=t;this.tilelayout=undefined}tileLayoutUpdated(t){this.radioElements.forEach((e=>{e.groupTileLayout=t}))}valueUpdated(t){this.radioElements.forEach((e=>{e.checked=t===e.value;if(!e.checked){e.removeAttribute("checked");e.tabIndex=-1}else if(e.checked){e.tabIndex=0}}))}get inputId(){return this._id}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this;const e=["left","center","right"].includes(t)?t:"center";return i("div",{class:`tile-container ${e}`},i("div",{class:"options-container"},i("slot",null)))}else{return i("div",{class:"options-container"},i("slot",null))}}render(){const t=this.label||this.optional||this.readonly;const{hasError:e}=this;const o=t||e;return i(a,{key:"17664abacfe3cdee9bf47664d76bd293a32cdf44"},o&&i("div",{key:"f6517c291e66c8980e3adfa3ae6f192a6932e171",class:"label-row"},t&&i("div",{key:"d7f90dfc20636f4c5a6a45bed929607f3c0c5f49",class:"group-legend"},d(this)),e&&i("q2-icon",{key:"864800b57dbc581a8ec8ac251e03b5277d615165",type:"error","test-id":"iconError"})),i("fieldset",{key:"0598273c1532aa0abfcd92a38576299a6bdc6fea",onChange:this.onInnerRadioChange,"aria-invalid":`${this.hasError}`},t&&i("legend",{key:"fd192a0ee8d2b34828edc1eadfacb660571df83e",class:"sr"},d(this)),this.inputDom()))}get hostElement(){return o(this)}static get watchers(){return{disabled:["disabledUpdated"],name:["nameUpdated"],readonly:["readonlyUpdated"],tilelayout:["handleDeprecatedTilelayout"],tileLayout:["tileLayoutUpdated"],value:["valueUpdated"]}}};p.style=c;export{p as q2_radio_group};
-//# sourceMappingURL=p-a47597dd.entry.js.map