q2-tecton-elements 1.45.5 → 1.45.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/click-elsewhere_2.cjs.entry.js +1 -1
- package/dist/cjs/{index-d1633d7b.js → index-6df1e29e.js} +36 -1
- package/dist/cjs/index-6df1e29e.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/q2-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/q2-btn_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +1 -1
- package/dist/cjs/q2-card.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-area.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-bar.cjs.entry.js +1 -1
- package/dist/cjs/q2-chart-donut.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/q2-data-table.cjs.entry.js +1 -1
- package/dist/cjs/q2-detail.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +1 -1
- package/dist/cjs/q2-input.cjs.entry.js +1 -1
- package/dist/cjs/q2-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-list.cjs.entry.js +1 -1
- package/dist/cjs/q2-loc.cjs.entry.js +1 -1
- package/dist/cjs/q2-message.cjs.entry.js +1 -1
- package/dist/cjs/q2-month-picker.cjs.entry.js +1 -1
- package/dist/cjs/q2-optgroup_2.cjs.entry.js +1 -1
- package/dist/cjs/q2-option-list.cjs.entry.js +1 -1
- package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
- package/dist/cjs/q2-pill.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio.cjs.entry.js +1 -1
- package/dist/cjs/q2-section.cjs.entry.js +1 -1
- package/dist/cjs/q2-select.cjs.entry.js +14 -7
- package/dist/cjs/q2-select.cjs.entry.js.map +1 -1
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
- package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
- package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
- package/dist/cjs/q2-tag.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
- package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
- package/dist/cjs/q2-tooltip.cjs.entry.js +1 -1
- package/dist/collection/components/q2-select/q2-select.js +20 -7
- package/dist/collection/components/q2-select/q2-select.js.map +1 -1
- package/dist/collection/utils/index.js +34 -0
- package/dist/collection/utils/index.js.map +1 -1
- package/dist/components/index2.js +35 -1
- package/dist/components/index2.js.map +1 -1
- package/dist/components/q2-btn2.js +1 -1
- package/dist/components/q2-input2.js +1 -1
- package/dist/components/q2-message2.js +1 -1
- package/dist/components/q2-option-list2.js +1 -1
- package/dist/components/q2-popover2.js +1 -1
- package/dist/components/q2-select.js +15 -8
- package/dist/components/q2-select.js.map +1 -1
- package/dist/esm/click-elsewhere_2.entry.js +1 -1
- package/dist/esm/{index-bcdf5800.js → index-d9f4d587.js} +36 -2
- package/dist/esm/index-d9f4d587.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/q2-action-sheet.entry.js +1 -1
- package/dist/esm/q2-btn_2.entry.js +1 -1
- package/dist/esm/q2-calendar.entry.js +1 -1
- package/dist/esm/q2-card.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +1 -1
- package/dist/esm/q2-carousel.entry.js +1 -1
- package/dist/esm/q2-chart-area.entry.js +1 -1
- package/dist/esm/q2-chart-bar.entry.js +1 -1
- package/dist/esm/q2-chart-donut.entry.js +1 -1
- package/dist/esm/q2-checkbox-group.entry.js +1 -1
- package/dist/esm/q2-checkbox.entry.js +1 -1
- package/dist/esm/q2-data-table.entry.js +1 -1
- package/dist/esm/q2-detail.entry.js +1 -1
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +1 -1
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +1 -1
- package/dist/esm/q2-input.entry.js +1 -1
- package/dist/esm/q2-item.entry.js +1 -1
- package/dist/esm/q2-list.entry.js +1 -1
- package/dist/esm/q2-loc.entry.js +1 -1
- package/dist/esm/q2-message.entry.js +1 -1
- package/dist/esm/q2-month-picker.entry.js +1 -1
- package/dist/esm/q2-optgroup_2.entry.js +1 -1
- package/dist/esm/q2-option-list.entry.js +1 -1
- package/dist/esm/q2-pagination.entry.js +1 -1
- package/dist/esm/q2-pill.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +1 -1
- package/dist/esm/q2-radio.entry.js +1 -1
- package/dist/esm/q2-section.entry.js +1 -1
- package/dist/esm/q2-select.entry.js +14 -7
- package/dist/esm/q2-select.entry.js.map +1 -1
- package/dist/esm/q2-stepper-pane.entry.js +1 -1
- package/dist/esm/q2-stepper-vertical.entry.js +1 -1
- package/dist/esm/q2-stepper.entry.js +1 -1
- package/dist/esm/q2-tab-container.entry.js +1 -1
- package/dist/esm/q2-tag.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.js +1 -1
- package/dist/esm/q2-textarea.entry.js +1 -1
- package/dist/esm/q2-tooltip.entry.js +1 -1
- package/dist/q2-tecton-elements/{p-a9c6ebda.entry.js → p-110ea928.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-fe6db5c3.entry.js → p-12863e29.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-3892b0eb.entry.js → p-1437d0cf.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-100938c8.entry.js → p-14aee8f5.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-911b7798.entry.js → p-24adf2c6.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-556b18ac.entry.js → p-32d9c880.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-0f0bf0c8.entry.js → p-38a5a6fb.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-5604e541.entry.js → p-393407b0.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-cb21467a.entry.js → p-39bcbdc0.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-1ac97a0c.entry.js → p-3b2612ef.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-e05ddf75.entry.js → p-3e1bc191.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-bc199dfa.entry.js → p-458b8606.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-8463a1bb.entry.js → p-4d97df35.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-1d8bfe8e.entry.js → p-52c0cd76.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-c1f32312.entry.js → p-577a238f.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-ce907c0c.entry.js → p-5f0b41dd.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-2b512eb9.entry.js → p-62165fe3.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-e216d48d.entry.js → p-69d325e0.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-632e1e0c.entry.js → p-6b3b2995.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-69df8a32.entry.js → p-7271d222.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-0a34d6b0.entry.js → p-73185a6c.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-e168e356.entry.js → p-7b11f001.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-2adbc99f.entry.js → p-87741e39.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-ff541a15.entry.js → p-88b3f4f0.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-a68fd5f3.entry.js → p-89bd8dcb.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-cd01a560.entry.js → p-a1587b5b.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-b41960b3.entry.js → p-a180d27e.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-4cec59d6.entry.js → p-a29cfe7f.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-1c5ae6c1.entry.js → p-a3a2e6c0.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-557e47c0.entry.js → p-a938c166.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-a3e711e5.entry.js → p-a97ef962.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-16316638.entry.js → p-afffd84d.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-998ced65.entry.js → p-b82c1681.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-c49e1a96.js +2 -0
- package/dist/q2-tecton-elements/p-c49e1a96.js.map +1 -0
- package/dist/q2-tecton-elements/{p-8e047dc7.entry.js → p-d262377b.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-49b6b300.entry.js → p-d3af153e.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-a39898b8.entry.js → p-d8b1ab7f.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-33ac1c35.entry.js → p-dbbc9877.entry.js} +2 -2
- package/dist/q2-tecton-elements/p-e6031ff8.entry.js +2 -0
- package/dist/q2-tecton-elements/p-e6031ff8.entry.js.map +1 -0
- package/dist/q2-tecton-elements/{p-3cf22783.entry.js → p-f00ce995.entry.js} +2 -2
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js.map +1 -1
- package/dist/test/elements/q2-select-test.spec.js +8 -12
- package/dist/test/elements/q2-select-test.spec.js.map +1 -1
- package/dist/types/components/q2-select/q2-select.d.ts +2 -1
- package/dist/types/utils/index.d.ts +4 -0
- package/package.json +3 -3
- package/dist/cjs/index-d1633d7b.js.map +0 -1
- package/dist/esm/index-bcdf5800.js.map +0 -1
- package/dist/q2-tecton-elements/p-8ba6e825.js +0 -2
- package/dist/q2-tecton-elements/p-8ba6e825.js.map +0 -1
- package/dist/q2-tecton-elements/p-da6c1104.entry.js +0 -2
- package/dist/q2-tecton-elements/p-da6c1104.entry.js.map +0 -1
- /package/dist/q2-tecton-elements/{p-a9c6ebda.entry.js.map → p-110ea928.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-fe6db5c3.entry.js.map → p-12863e29.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-3892b0eb.entry.js.map → p-1437d0cf.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-100938c8.entry.js.map → p-14aee8f5.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-911b7798.entry.js.map → p-24adf2c6.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-556b18ac.entry.js.map → p-32d9c880.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-0f0bf0c8.entry.js.map → p-38a5a6fb.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-5604e541.entry.js.map → p-393407b0.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-cb21467a.entry.js.map → p-39bcbdc0.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-1ac97a0c.entry.js.map → p-3b2612ef.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-e05ddf75.entry.js.map → p-3e1bc191.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-bc199dfa.entry.js.map → p-458b8606.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-8463a1bb.entry.js.map → p-4d97df35.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-1d8bfe8e.entry.js.map → p-52c0cd76.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-c1f32312.entry.js.map → p-577a238f.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-ce907c0c.entry.js.map → p-5f0b41dd.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-2b512eb9.entry.js.map → p-62165fe3.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-e216d48d.entry.js.map → p-69d325e0.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-632e1e0c.entry.js.map → p-6b3b2995.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-69df8a32.entry.js.map → p-7271d222.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-0a34d6b0.entry.js.map → p-73185a6c.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-e168e356.entry.js.map → p-7b11f001.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-2adbc99f.entry.js.map → p-87741e39.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-ff541a15.entry.js.map → p-88b3f4f0.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-a68fd5f3.entry.js.map → p-89bd8dcb.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-cd01a560.entry.js.map → p-a1587b5b.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-b41960b3.entry.js.map → p-a180d27e.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-4cec59d6.entry.js.map → p-a29cfe7f.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-1c5ae6c1.entry.js.map → p-a3a2e6c0.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-557e47c0.entry.js.map → p-a938c166.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-a3e711e5.entry.js.map → p-a97ef962.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-16316638.entry.js.map → p-afffd84d.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-998ced65.entry.js.map → p-b82c1681.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-8e047dc7.entry.js.map → p-d262377b.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-49b6b300.entry.js.map → p-d3af153e.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-a39898b8.entry.js.map → p-d8b1ab7f.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-33ac1c35.entry.js.map → p-dbbc9877.entry.js.map} +0 -0
- /package/dist/q2-tecton-elements/{p-3cf22783.entry.js.map → p-f00ce995.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as e,F as i,g as n}from"./p-a5f18e27.js";import{w as s,a as o,h as r,i as d,o as h,l as a}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e,F as i,g as n}from"./p-a5f18e27.js";import{w as s,a as o,h as r,i as d,o as h,l as a}from"./p-c49e1a96.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:inline-flex}:host([block]){display:block}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";const l=c;const u=class{constructor(e){t(this,e);this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.focusToggle=()=>{this.controlElement.shadowRoot.querySelector("button").focus()};this.openDropdown=()=>{if(this.open)return;this.open=true};this.closeDropdown=()=>{if(!this.open)return;this.open=false};this.onClickElsewhere=t=>{const e=t.target;if(e.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:e}=this;if(!e)return;e.open=false}};this.onToggleClick=()=>{this.popoverElement.controlElement=this.controlElement;if(this.open){this.closeDropdown()}else{this.openDropdown()}};this.onToggleKeydown=t=>{this.popoverElement.controlElement=this.controlElement;if(["ArrowUp","Up"].includes(t.key)){t.preventDefault();this.openDropdown();this.focusLastItem();return}if(["ArrowDown","Down"].includes(t.key)){t.preventDefault();this.openDropdown();this.focusFirstItem();return}if(["Escape","Esc"].includes(t.key)){t.preventDefault();this.focusToggle();this.closeDropdown();return}};this.onDropdownMenuClick=async t=>{if(t.target.localName!=="q2-dropdown-item"){return}const e=t.target;if(!e.disabled&&!e.separator){this.closeDropdown();await s();this.focusToggle()}};this.onDropdownMenuKeydown=t=>{if(["Escape","Esc"].includes(t.key)){this.closeDropdown();this.focusToggle();return}if(t.target.localName!=="q2-dropdown-item"){return}const e=t.target;if(["ArrowUp","Up"].includes(t.key)){t.preventDefault();this.focusAdjacentItem(e,"prev");return}if(["ArrowDown","Down"].includes(t.key)){t.preventDefault();this.focusAdjacentItem(e,"next");return}if(t.key==="Tab"){t.preventDefault()}};this.additionalContext=undefined;this.block=undefined;this.context=undefined;this.contextValue=undefined;this.disabled=undefined;this.hideLabel=undefined;this.icon=undefined;this.label=undefined;this.name=undefined;this.open=undefined;this.popoverDirection=undefined;this.popoverAlignment="left";this.popoverMode=null;this.popoverMinHeight=150;this.resolvedType=undefined;this.type="icon";this.alignment=undefined;this.popDirection=undefined;this.ariaLabel=undefined}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType,this.additionalContext)}orchestrateResolvedMenuItems(){if(!this.name||!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((t=>{this.removeResolvedElements();t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{this.removeResolvedElements();throw t}))}removeResolvedElements(){const t=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");t.forEach((t=>this.hostElement.removeChild(t)))}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let e;let i;if(t["tct-ctxid"]){i={};i[t.contextIdParamName]=t["tct-ctxid"]}switch(t.action){case"navigateTo":e=()=>this.navigateTo(t.featureName,t.moduleName,i);break;case"showOverpanel":e=()=>this.showOverpanel(`${t.featureName}.${t.moduleName}`,i);break}const n=document.createElement("q2-dropdown-item");n.setAttribute("value",t.itemLabel);n.classList.add("resolved-menu-item");n.innerHTML=t.itemLabel;n.onclick=e;return n}))))}navigateTo(t,e,i){var n,s;return(s=(n=window.TectonElements)===null||n===void 0?void 0:n.navigateTo)===null||s===void 0?void 0:s.call(n,t,e,i)}showOverpanel(t,e){var i,n;return(n=(i=window.TectonElements)===null||i===void 0?void 0:i.showOverpanel)===null||n===void 0?void 0:n.call(i,t,e,undefined,true)}get hasCustomButton(){return!!this.hostElement.querySelector("[slot=custom-dropdown-button]")}get determineDropdownItemCount(){return this.hostElement.querySelectorAll(this.dropdownItemSelector).length}get toggleButtonProps(){const t=["primary","secondary","neutral"];const e=["icon","fab","custom",...t];const i=e.includes(this.type)?this.type:"";const n=i==="icon";const s=i==="fab";const o=i==="custom";let r;if(t.includes(i)){r=i==="neutral"?i:`workflow-${i}`}const d=this.open;const h=!!this.disabled;const a=this.open;const c=!n&&!s&&!r?"unstyled":"";return{icon:n,fab:s,intent:r,active:d,disabled:h,ariaExpanded:a,className:c,custom:o}}popDirectionHandler(){o(this,"popDirection","popoverDirection")}alignmentHandler(){o(this,"alignment","popoverAlignment")}ariaLabelHandler(){r(this)}nameHandler(){this.orchestrateResolvedMenuItems()}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}additionalContextHandler(){this.orchestrateResolvedMenuItems()}delegateFocus(t){if(!d(t,this.hostElement))return;this.focusToggle()}popoverStateHandler({detail:{open:t}}){var e;if(this.open!==t)this.open=t;(e=this.popoverElement)===null||e===void 0?void 0:e.scrollContainerTo({top:0})}componentWillLoad(){this.popDirectionHandler();this.alignmentHandler();this.ariaLabelHandler()}componentDidLoad(){this.orchestrateResolvedMenuItems();h(this.hostElement)}focusFirstItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);t===null||t===void 0?void 0:t.dispatchEvent(new FocusEvent("focus"))}focusLastItem(){const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);t===null||t===void 0?void 0:t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,e){const i=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));const n=i.indexOf(t);if(n===-1){return}let s=0;if(e==="next"){s=n<i.length-1?n+1:0}else if(e==="prev"){if(n>0){s=n-1}else{s=i.length-1}}const o=i[s];o&&o.dispatchEvent(new Event("focus"))}render(){const t=this.toggleButtonProps;return e("click-elsewhere",{key:"8433dc0dc7f8e1591c30813c4a9134e386b09c98",class:this.open?"dropdown-open":"",onChange:this.onClickElsewhere,"test-id":"dropdownContainer"},e("q2-btn",{key:"cef8ad2eec1fc1ea59e37e91bbcfc1b6a08f62ca",ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?a(this.label):undefined,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block,description:a("tecton.element.dropdown.itemCount",[this.determineDropdownItemCount])},this.hasCustomButton?e("div",{"test-id":"dropdownCustom",class:t.custom?"":"hidden"},e("slot",{name:"custom-dropdown-button"})):e(i,null,this.icon?e("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&e("span",{class:"dropdown-button-text"},a(this.label)))),e("q2-popover",{key:"367c39871cc6cf4966e3aee4f5355e4788379073",ref:t=>this.popoverElement=t,controlElement:this.controlElement,open:this.open,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment,mode:this.popoverMode||undefined,block:this.block},e("div",{key:"aa40ab47da8cfbf8dfdeaed4de083d6234c12321",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown},e("slot",{key:"92e290a896dcfae15ab7b5b8a08ec38c149acc27"}),this.open&&e("q2-btn",{key:"06cf1c06939757f06eb8a04605ddbad3a136fa53",class:"sr close-dropdown",onFocus:this.closeDropdown}))))}get hostElement(){return n(this)}static get watchers(){return{popDirection:["popDirectionHandler"],alignment:["alignmentHandler"],ariaLabel:["ariaLabelHandler"],name:["nameHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],resolvedType:["resolvedTypeHandler"],additionalContext:["additionalContextHandler"]}}};u.style=l;export{u as q2_dropdown};
|
|
2
|
+
//# sourceMappingURL=p-a1587b5b.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,h as t,g as e}from"./p-a5f18e27.js";import{o as a,l as i}from"./p-8ba6e825.js";import{c as n,m as s,g as o,i as h,a as u,e as f,f as l,h as c,j as v,k as d,l as p}from"./p-15c6d86f.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as L,W as E,a as _,g as D,b as W,b6 as j,t as B,z as R,b7 as P,V as H,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-dfed434e.js";import{g as K,i as Q}from"./p-e640b69a.js";var Z=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(r,t){return n(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,e){var a=this.coordinateSystem;if(a&&a.clampData){var i=a.clampData(r);var n=a.dataToPoint(i);if(e){g(a.getAxes(),(function(r,e){if(r.type==="category"&&t!=null){var a=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[e];var h=t[e]==="x1"||t[e]==="y1";if(h&&!s){o+=1}if(a.length<2){return}else if(a.length===2){n[e]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<a.length;c++){var v=a[c].coord;var d=c===a.length-1?a[c-1].tickValue+l:a[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-a[0].tickValue}}if(f==null){if(!u){f=a[0].coord}else if(u){f=a[a.length-1].coord}}n[e]=r.toGlobalCoord(f)}}))}else{var s=this.getData();var o=s.getLayout("offset");var h=s.getLayout("size");var u=a.getBaseAxis().isHorizontal()?0:1;n[u]+=o+h/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}(m);m.registerClass(Z);const $=Z;var rr=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(){return n(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,e){return e.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=y($.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 er=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 ar=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="sausage";return e}t.prototype.getDefaultShape=function(){return new er};t.prototype.buildPath=function(r,t){var e=t.cx;var a=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+e,d*i+a);r.arc(v*o+e,d*o+a,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+e,d*n+a)}r.arc(e,a,n,h,u,!f);r.arc(p*o+e,b*o+a,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(e,a,i,u,h,f)}};return t}(w);const ir=ar;function nr(r,t){t=t||{};var e=t.isRoundCap;return function(t,a,i){var n=a.position;if(!n||n instanceof Array){return x(t,a,i)}var s=r(n);var o=a.distance!=null?a.distance:5;var h=this.shape;var u=h.cx;var f=h.cy;var l=h.r;var c=h.r0;var v=(l+c)/2;var d=h.startAngle;var p=h.endAngle;var b=(d+p)/2;var g=e?Math.abs(l-c)/2:0;var m=Math.cos;var y=Math.sin;var w=u+l*m(d);var A=f+l*y(d);var M="left";var k="top";switch(s){case"startArc":w=u+(c-o)*m(b);A=f+(c-o)*y(b);M="center";k="top";break;case"insideStartArc":w=u+(c+o)*m(b);A=f+(c+o)*y(b);M="center";k="bottom";break;case"startAngle":w=u+v*m(d)+or(d,o+g,false);A=f+v*y(d)+hr(d,o+g,false);M="right";k="middle";break;case"insideStartAngle":w=u+v*m(d)+or(d,-o+g,false);A=f+v*y(d)+hr(d,-o+g,false);M="left";k="middle";break;case"middle":w=u+v*m(b);A=f+v*y(b);M="center";k="middle";break;case"endArc":w=u+(l+o)*m(b);A=f+(l+o)*y(b);M="center";k="bottom";break;case"insideEndArc":w=u+(l-o)*m(b);A=f+(l-o)*y(b);M="center";k="top";break;case"endAngle":w=u+v*m(p)+or(p,o+g,true);A=f+v*y(p)+hr(p,o+g,true);M="left";k="middle";break;case"insideEndAngle":w=u+v*m(p)+or(p,-o+g,true);A=f+v*y(p)+hr(p,-o+g,true);M="right";k="middle";break;default:return x(t,a,i)}t=t||{};t.x=w;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,e,a){if(A(a)){r.setTextConfig({rotation:a});return}else if(M(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=e(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,e){return t*Math.sin(r)*(e?-1:1)}function hr(r,t,e){return t*Math.cos(r)*(e?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var e=r.getArea&&r.getArea();if(h(r,"cartesian2d")){var a=r.getBaseAxis();if(a.type!=="category"||!a.onBand){var i=t.getLayout("bandWidth");if(a.isHorizontal()){e.x-=i;e.width+=i*2}else{e.y-=i;e.height+=i*2}}}return e}var cr=function(r){b(t,r);function t(){var e=r.call(this)||this;e.type=t.type;e._isFirstFrame=true;return e}t.prototype.render=function(r,t,e,a){this._model=r;this._removeOnRenderedListener(e);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,e):this._renderNormal(r,t,e,a)}};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){k(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,e,a){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,e)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var d=r.get("roundCap",true);var p=r.get("showBackground",true);var b=r.getModel("backgroundStyle");var g=b.get("borderRadius")||0;var m=[];var y=this._backgroundEls;var w=a&&a.isInitSort;var x=a&&a.type==="changeAxisOrder";function A(r){var t=xr[o.type](n,r);var e=Tr(o,u,t);e.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){e.setShape("r",g)}else{e.setShape("cornerRadius",g)}m[r]=e;return e}n.diff(s).add((function(t){var e=n.getItemModel(t);var a=xr[o.type](n,t,e);if(p){A(t)}if(!n.hasValue(t)||!wr[o.type](a)){return}var s=false;if(c){s=vr[o.type](v,a)}var b=dr[o.type](r,n,t,a,u,f,h.model,false,d);if(l){b.forceLabelAnimation=true}kr(b,n,t,e,a,r,u,o.type==="polar");if(w){b.attr({shape:a})}else if(l){br(l,f,b,a,t,u,false,false)}else{S(b,{shape:a},r,t)}n.setItemGraphicEl(t,b);i.add(b);b.ignore=s})).update((function(t,e){var a=n.getItemModel(t);var M=xr[o.type](n,t,a);if(p){var k=void 0;if(y.length===0){k=A(e)}else{k=y[e];k.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){k.setShape("r",g)}else{k.setShape("cornerRadius",g)}m[t]=k}var S=xr[o.type](n,t);var U=Or(u,S,o);C(k,{shape:U},f,t)}var I=s.getItemGraphicEl(e);if(!n.hasValue(t)||!wr[o.type](M)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,M);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,M,u,f,h.model,!!I,d)}else{N(I)}if(l){I.forceLabelAnimation=true}if(x){var T=I.getTextContent();if(T){var L=z(T);if(L.prevValue!=null){L.prevValue=L.value}}}else{kr(I,n,t,a,M,r,u,o.type==="polar")}if(w){I.attr({shape:M})}else if(l){br(l,f,I,M,t,u,true,x)}else{C(I,{shape:M},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var e=s.getItemGraphicEl(t);e&&U(e,r,t)})).execute();var M=this._backgroundGroup||(this._backgroundGroup=new I);M.removeAll();for(var k=0;k<m.length;++k){M.add(m[k])}i.add(M);this._backgroundEls=m;this._data=n};t.prototype._renderLarge=function(r,t,e){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)&&s(r.coordinateSystem,false,r);var e=this.group;if(t){e.setClipPath(t)}else{e.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,e){var a=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,e);this._isFirstFrame=false}else{var n=function(r){var e=t.getItemGraphicEl(r);var a=e&&e.shape;return a&&Math.abs(i.isHorizontal()?a.height:a.width)||0};this._onRendered=function(){a._updateSortWithinSameData(t,n,i,e)};e.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,e){var a=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=e(t);i=i==null?NaN:i;a.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));a.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:O(a,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,e){var a=e.scale;var i=r.mapDimension(e.dim);var n=Number.MAX_VALUE;for(var s=0,o=a.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,a.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 e=t.scale;var a=e.getExtent();var i=Math.max(0,a[0]);var n=Math.min(a[1],e.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==e.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,e,a){if(!this._isOrderChangedWithinSameData(r,t,e)){return}var i=this._dataSort(r,e,t);if(this._isOrderDifferentInView(i,e)){this._removeOnRenderedListener(a);a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",axisId:e.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,e){var a=t.baseAxis;var i=this._dataSort(r,a,(function(e){return r.get(r.mapDimension(t.otherAxis.dim),e)}));e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",isInitSort:true,axisId:a.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 e=this._data;if(r&&r.isAnimationEnabled()&&e&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];e.eachItemGraphicEl((function(t){U(t,r,T(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}(L);var vr={cartesian2d:function(r,t){var e=t.width<0?-1:1;var a=t.height<0?-1:1;if(e<0){t.x+=t.width;t.width=-t.width}if(a<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(e<0){t.x+=t.width;t.width=-t.width}if(a<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var e=t.r0<=t.r?1:-1;if(e<0){var a=t.r;t.r=t.r0;t.r0=a}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(e<0){var a=t.r;t.r=t.r0;t.r0=a}return s}};var dr={cartesian2d:function(r,t,e,a,i,n,s,o,h){var u=new E({shape:_({},a),z2:1});u.__dataIndex=e;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,e,a,i,n,s,o,h){var u=!i&&h?ir:H;var f=new u({shape:a,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 d={};c[v]=i?a.r0:a.startAngle;d[v]=a[v];(o?C:S)(f,{shape:d},n)}return f}};function pr(r,t){var e=r.get("realtimeSort",true);var a=t.getBaseAxis();if(e&&a.type==="category"&&t.type==="cartesian2d"){return{baseAxis:a,otherAxis:t.getOtherAxis(a)}}}function br(r,t,e,a,i,n,s,o){var h;var u;if(n){u={x:a.x,width:a.width};h={y:a.y,height:a.height}}else{u={y:a.y,height:a.height};h={x:a.x,width:a.width}}if(!o){(s?C:S)(e,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?C:S)(e,{shape:u},f,i)}function gr(r,t){for(var e=0;e<t.length;e++){if(!isFinite(r[t[e]])){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,e){var a=r.getItemLayout(t);var i=e?Sr(e,a):0;var n=a.width>0?1:-1;var s=a.height>0?1:-1;return{x:a.x+n*i/2,y:a.y+s*i/2,width:a.width-n*i,height:a.height-s*i}},polar:function(r,t,e){var a=r.getItemLayout(t);return{cx:a.cx,cy:a.cy,r0:a.r0,r:a.r,startAngle:a.startAngle,endAngle:a.endAngle,clockwise:a.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,e,a,i,n,s,h){var f=t.getItemVisual(e,"style");if(!h){var l=a.get(["itemStyle","borderRadius"])||0;r.setShape("r",l)}else if(!n.get("roundCap")){var c=r.shape;var v=K(a.getModel("itemStyle"),c,true);_(c,v);r.setShape(c)}r.useStyle(f);var d=a.getShallow("cursor");d&&r.attr("cursor",d);var p=h?s?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":s?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var b=D(a);W(r,b,{labelFetcher:n,labelDataIndex:e,defaultText:o(n.getData(),e),inheritColor:f.fill,defaultOpacity:f.opacity,defaultOutsidePosition:p});var m=r.getTextContent();if(h&&m){var y=a.get(["label","position"]);r.textConfig.inside=y==="middle"?true:null;sr(r,y==="outside"?p:y,Mr(s),a.get(["label","rotate"]))}j(m,b,n.getRawValue(e),(function(r){return u(t,r)}));var w=a.getModel(["emphasis"]);B(r,w.get("focus"),w.get("blurScope"),w.get("disabled"));R(r,a);if(Ar(i)){r.style.fill="none";r.style.stroke="none";g(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var e=r.get(["itemStyle","borderColor"]);if(!e||e==="none"){return 0}var a=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(a,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="largeBar";return e}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var e=t.points;var a=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<e.length;h+=3){s[a]=o;s[i]=e[h+2];n[a]=e[h+a];n[i]=e[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(w);function zr(r,t,e,a){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:!!a,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);e&&e.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!a,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));T(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}e&&e.push(l)}var Ur=P((function(r){var t=this;var e=Ir(t,r.offsetX,r.offsetY);T(t).dataIndex=e>=0?e:null}),30,false);function Ir(r,t,e){var a=r.baseDimIdx;var i=1-a;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[a]=u;h[i]=n[c+2];o[a]=n[c+a];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]&&e>=o[1]&&e<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,e){if(h(e,"cartesian2d")){var a=t;var i=e.getArea();return{x:r?a.x:i.x,y:r?i.y:a.y,width:r?a.width:i.width,height:r?i.height:a.height}}else{var i=e.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,e){var a=r.type==="polar"?H:E;return new a({shape:Or(t,e,r),silent:true,z2:0})}const Lr=cr;function Er(r){r.registerChartView(Lr);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,V(F,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,f("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var e=r.componentType||"series";t.eachComponent({mainType:e,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 Dr=_r;G([X,Er,Y,Q,l,c]);const Wr=class{constructor(t){r(this,t);this.data=[];this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}componentDidLoad(){const r=J(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);a(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=v("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const e=v(this.color,this.chartContainerStyles,this.hostElementStyles);const a=v(r,this.chartContainerStyles,this.hostElementStyles);if(a)return a;if(d(r))return r;if(e)return e;if(d(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}updateChart(r){var t;const e=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const a={type:"value",axisLabel:{formatter:r=>p(r,{type:this.format,decimals:e}),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:{containLabel:true},xAxis:this.orientation==="horizontal"?a:n,yAxis:this.orientation==="horizontal"?n:a,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>p(r.value,{type:this.format,decimals:e})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return t("div",{key:"e69c35dff8f08a9eb7702ad2ad79ec533ff54d45",class:"container"},t("div",{key:"bef70cf02ebe040dc1efc3cd045a3df285b0ed1d",ref:r=>this.chartContainer=r,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return e(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"]}}};Wr.style=Dr;export{Wr as q2_chart_bar};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,h as t,g as e}from"./p-a5f18e27.js";import{o as a,l as i}from"./p-c49e1a96.js";import{c as n,m as s,g as o,i as h,a as u,e as f,f as l,h as c,j as v,k as d,l as p}from"./p-15c6d86f.js";import{_ as b,I as g,S as m,b3 as y,P as w,b4 as x,o as A,a0 as M,h as k,i as S,u as C,s as N,H as z,b5 as U,G as I,m as O,d as T,C as L,W as E,a as _,g as D,b as W,b6 as j,t as B,z as R,b7 as P,V as H,af as V,b8 as q,b9 as F,a9 as G,aa as X,ab as Y,ac as J}from"./p-dfed434e.js";import{g as K,i as Q}from"./p-e640b69a.js";var Z=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(r,t){return n(null,this,{useEncodeDefaulter:true})};t.prototype.getMarkerPosition=function(r,t,e){var a=this.coordinateSystem;if(a&&a.clampData){var i=a.clampData(r);var n=a.dataToPoint(i);if(e){g(a.getAxes(),(function(r,e){if(r.type==="category"&&t!=null){var a=r.getTicksCoords();var s=r.getTickModel().get("alignWithLabel");var o=i[e];var h=t[e]==="x1"||t[e]==="y1";if(h&&!s){o+=1}if(a.length<2){return}else if(a.length===2){n[e]=r.toGlobalCoord(r.getExtent()[h?1:0]);return}var u=void 0;var f=void 0;var l=1;for(var c=0;c<a.length;c++){var v=a[c].coord;var d=c===a.length-1?a[c-1].tickValue+l:a[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-a[0].tickValue}}if(f==null){if(!u){f=a[0].coord}else if(u){f=a[a.length-1].coord}}n[e]=r.toGlobalCoord(f)}}))}else{var s=this.getData();var o=s.getLayout("offset");var h=s.getLayout("size");var u=a.getBaseAxis().isHorizontal()?0:1;n[u]+=o+h/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}(m);m.registerClass(Z);const $=Z;var rr=function(r){b(t,r);function t(){var e=r!==null&&r.apply(this,arguments)||this;e.type=t.type;return e}t.prototype.getInitialData=function(){return n(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,e){return e.rect(t.getItemLayout(r))};t.type="series.bar";t.dependencies=["grid","polar"];t.defaultOption=y($.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 er=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 ar=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="sausage";return e}t.prototype.getDefaultShape=function(){return new er};t.prototype.buildPath=function(r,t){var e=t.cx;var a=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+e,d*i+a);r.arc(v*o+e,d*o+a,s,-Math.PI+h,h,!f)}else{r.moveTo(v*n+e,d*n+a)}r.arc(e,a,n,h,u,!f);r.arc(p*o+e,b*o+a,s,u-Math.PI*2,u-Math.PI,!f);if(i!==0){r.arc(e,a,i,u,h,f)}};return t}(w);const ir=ar;function nr(r,t){t=t||{};var e=t.isRoundCap;return function(t,a,i){var n=a.position;if(!n||n instanceof Array){return x(t,a,i)}var s=r(n);var o=a.distance!=null?a.distance:5;var h=this.shape;var u=h.cx;var f=h.cy;var l=h.r;var c=h.r0;var v=(l+c)/2;var d=h.startAngle;var p=h.endAngle;var b=(d+p)/2;var g=e?Math.abs(l-c)/2:0;var m=Math.cos;var y=Math.sin;var w=u+l*m(d);var A=f+l*y(d);var M="left";var k="top";switch(s){case"startArc":w=u+(c-o)*m(b);A=f+(c-o)*y(b);M="center";k="top";break;case"insideStartArc":w=u+(c+o)*m(b);A=f+(c+o)*y(b);M="center";k="bottom";break;case"startAngle":w=u+v*m(d)+or(d,o+g,false);A=f+v*y(d)+hr(d,o+g,false);M="right";k="middle";break;case"insideStartAngle":w=u+v*m(d)+or(d,-o+g,false);A=f+v*y(d)+hr(d,-o+g,false);M="left";k="middle";break;case"middle":w=u+v*m(b);A=f+v*y(b);M="center";k="middle";break;case"endArc":w=u+(l+o)*m(b);A=f+(l+o)*y(b);M="center";k="bottom";break;case"insideEndArc":w=u+(l-o)*m(b);A=f+(l-o)*y(b);M="center";k="top";break;case"endAngle":w=u+v*m(p)+or(p,o+g,true);A=f+v*y(p)+hr(p,o+g,true);M="left";k="middle";break;case"insideEndAngle":w=u+v*m(p)+or(p,-o+g,true);A=f+v*y(p)+hr(p,-o+g,true);M="right";k="middle";break;default:return x(t,a,i)}t=t||{};t.x=w;t.y=A;t.align=M;t.verticalAlign=k;return t}}function sr(r,t,e,a){if(A(a)){r.setTextConfig({rotation:a});return}else if(M(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=e(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,e){return t*Math.sin(r)*(e?-1:1)}function hr(r,t,e){return t*Math.cos(r)*(e?1:-1)}var ur=Math.max;var fr=Math.min;function lr(r,t){var e=r.getArea&&r.getArea();if(h(r,"cartesian2d")){var a=r.getBaseAxis();if(a.type!=="category"||!a.onBand){var i=t.getLayout("bandWidth");if(a.isHorizontal()){e.x-=i;e.width+=i*2}else{e.y-=i;e.height+=i*2}}}return e}var cr=function(r){b(t,r);function t(){var e=r.call(this)||this;e.type=t.type;e._isFirstFrame=true;return e}t.prototype.render=function(r,t,e,a){this._model=r;this._removeOnRenderedListener(e);this._updateDrawMode(r);var i=r.get("coordinateSystem");if(i==="cartesian2d"||i==="polar"){this._progressiveEls=null;this._isLargeDraw?this._renderLarge(r,t,e):this._renderNormal(r,t,e,a)}};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){k(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,e,a){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,e)}var c=r.get("clip",true)||l;var v=lr(o,n);i.removeClipPath();var d=r.get("roundCap",true);var p=r.get("showBackground",true);var b=r.getModel("backgroundStyle");var g=b.get("borderRadius")||0;var m=[];var y=this._backgroundEls;var w=a&&a.isInitSort;var x=a&&a.type==="changeAxisOrder";function A(r){var t=xr[o.type](n,r);var e=Tr(o,u,t);e.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){e.setShape("r",g)}else{e.setShape("cornerRadius",g)}m[r]=e;return e}n.diff(s).add((function(t){var e=n.getItemModel(t);var a=xr[o.type](n,t,e);if(p){A(t)}if(!n.hasValue(t)||!wr[o.type](a)){return}var s=false;if(c){s=vr[o.type](v,a)}var b=dr[o.type](r,n,t,a,u,f,h.model,false,d);if(l){b.forceLabelAnimation=true}kr(b,n,t,e,a,r,u,o.type==="polar");if(w){b.attr({shape:a})}else if(l){br(l,f,b,a,t,u,false,false)}else{S(b,{shape:a},r,t)}n.setItemGraphicEl(t,b);i.add(b);b.ignore=s})).update((function(t,e){var a=n.getItemModel(t);var M=xr[o.type](n,t,a);if(p){var k=void 0;if(y.length===0){k=A(e)}else{k=y[e];k.useStyle(b.getItemStyle());if(o.type==="cartesian2d"){k.setShape("r",g)}else{k.setShape("cornerRadius",g)}m[t]=k}var S=xr[o.type](n,t);var U=Or(u,S,o);C(k,{shape:U},f,t)}var I=s.getItemGraphicEl(e);if(!n.hasValue(t)||!wr[o.type](M)){i.remove(I);return}var O=false;if(c){O=vr[o.type](v,M);if(O){i.remove(I)}}if(!I){I=dr[o.type](r,n,t,M,u,f,h.model,!!I,d)}else{N(I)}if(l){I.forceLabelAnimation=true}if(x){var T=I.getTextContent();if(T){var L=z(T);if(L.prevValue!=null){L.prevValue=L.value}}}else{kr(I,n,t,a,M,r,u,o.type==="polar")}if(w){I.attr({shape:M})}else if(l){br(l,f,I,M,t,u,true,x)}else{C(I,{shape:M},r,t,null)}n.setItemGraphicEl(t,I);I.ignore=O;i.add(I)})).remove((function(t){var e=s.getItemGraphicEl(t);e&&U(e,r,t)})).execute();var M=this._backgroundGroup||(this._backgroundGroup=new I);M.removeAll();for(var k=0;k<m.length;++k){M.add(m[k])}i.add(M);this._backgroundEls=m;this._data=n};t.prototype._renderLarge=function(r,t,e){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)&&s(r.coordinateSystem,false,r);var e=this.group;if(t){e.setClipPath(t)}else{e.removeClipPath()}};t.prototype._enableRealtimeSort=function(r,t,e){var a=this;if(!t.count()){return}var i=r.baseAxis;if(this._isFirstFrame){this._dispatchInitSort(t,r,e);this._isFirstFrame=false}else{var n=function(r){var e=t.getItemGraphicEl(r);var a=e&&e.shape;return a&&Math.abs(i.isHorizontal()?a.height:a.width)||0};this._onRendered=function(){a._updateSortWithinSameData(t,n,i,e)};e.getZr().on("rendered",this._onRendered)}};t.prototype._dataSort=function(r,t,e){var a=[];r.each(r.mapDimension(t.dim),(function(r,t){var i=e(t);i=i==null?NaN:i;a.push({dataIndex:t,mappedValue:i,ordinalNumber:r})}));a.sort((function(r,t){return t.mappedValue-r.mappedValue}));return{ordinalNumbers:O(a,(function(r){return r.ordinalNumber}))}};t.prototype._isOrderChangedWithinSameData=function(r,t,e){var a=e.scale;var i=r.mapDimension(e.dim);var n=Number.MAX_VALUE;for(var s=0,o=a.getOrdinalMeta().categories.length;s<o;++s){var h=r.rawIndexOf(i,a.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 e=t.scale;var a=e.getExtent();var i=Math.max(0,a[0]);var n=Math.min(a[1],e.getOrdinalMeta().categories.length-1);for(;i<=n;++i){if(r.ordinalNumbers[i]!==e.getRawOrdinalNumber(i)){return true}}};t.prototype._updateSortWithinSameData=function(r,t,e,a){if(!this._isOrderChangedWithinSameData(r,t,e)){return}var i=this._dataSort(r,e,t);if(this._isOrderDifferentInView(i,e)){this._removeOnRenderedListener(a);a.dispatchAction({type:"changeAxisOrder",componentType:e.dim+"Axis",axisId:e.index,sortInfo:i})}};t.prototype._dispatchInitSort=function(r,t,e){var a=t.baseAxis;var i=this._dataSort(r,a,(function(e){return r.get(r.mapDimension(t.otherAxis.dim),e)}));e.dispatchAction({type:"changeAxisOrder",componentType:a.dim+"Axis",isInitSort:true,axisId:a.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 e=this._data;if(r&&r.isAnimationEnabled()&&e&&!this._isLargeDraw){this._removeBackground();this._backgroundEls=[];e.eachItemGraphicEl((function(t){U(t,r,T(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}(L);var vr={cartesian2d:function(r,t){var e=t.width<0?-1:1;var a=t.height<0?-1:1;if(e<0){t.x+=t.width;t.width=-t.width}if(a<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(e<0){t.x+=t.width;t.width=-t.width}if(a<0){t.y+=t.height;t.height=-t.height}return f||l},polar:function(r,t){var e=t.r0<=t.r?1:-1;if(e<0){var a=t.r;t.r=t.r0;t.r0=a}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(e<0){var a=t.r;t.r=t.r0;t.r0=a}return s}};var dr={cartesian2d:function(r,t,e,a,i,n,s,o,h){var u=new E({shape:_({},a),z2:1});u.__dataIndex=e;u.name="item";if(n){var f=u.shape;var l=i?"height":"width";f[l]=0}return u},polar:function(r,t,e,a,i,n,s,o,h){var u=!i&&h?ir:H;var f=new u({shape:a,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 d={};c[v]=i?a.r0:a.startAngle;d[v]=a[v];(o?C:S)(f,{shape:d},n)}return f}};function pr(r,t){var e=r.get("realtimeSort",true);var a=t.getBaseAxis();if(e&&a.type==="category"&&t.type==="cartesian2d"){return{baseAxis:a,otherAxis:t.getOtherAxis(a)}}}function br(r,t,e,a,i,n,s,o){var h;var u;if(n){u={x:a.x,width:a.width};h={y:a.y,height:a.height}}else{u={y:a.y,height:a.height};h={x:a.x,width:a.width}}if(!o){(s?C:S)(e,{shape:h},t,i,null)}var f=t?r.baseAxis.model:null;(s?C:S)(e,{shape:u},f,i)}function gr(r,t){for(var e=0;e<t.length;e++){if(!isFinite(r[t[e]])){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,e){var a=r.getItemLayout(t);var i=e?Sr(e,a):0;var n=a.width>0?1:-1;var s=a.height>0?1:-1;return{x:a.x+n*i/2,y:a.y+s*i/2,width:a.width-n*i,height:a.height-s*i}},polar:function(r,t,e){var a=r.getItemLayout(t);return{cx:a.cx,cy:a.cy,r0:a.r0,r:a.r,startAngle:a.startAngle,endAngle:a.endAngle,clockwise:a.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,e,a,i,n,s,h){var f=t.getItemVisual(e,"style");if(!h){var l=a.get(["itemStyle","borderRadius"])||0;r.setShape("r",l)}else if(!n.get("roundCap")){var c=r.shape;var v=K(a.getModel("itemStyle"),c,true);_(c,v);r.setShape(c)}r.useStyle(f);var d=a.getShallow("cursor");d&&r.attr("cursor",d);var p=h?s?i.r>=i.r0?"endArc":"startArc":i.endAngle>=i.startAngle?"endAngle":"startAngle":s?i.height>=0?"bottom":"top":i.width>=0?"right":"left";var b=D(a);W(r,b,{labelFetcher:n,labelDataIndex:e,defaultText:o(n.getData(),e),inheritColor:f.fill,defaultOpacity:f.opacity,defaultOutsidePosition:p});var m=r.getTextContent();if(h&&m){var y=a.get(["label","position"]);r.textConfig.inside=y==="middle"?true:null;sr(r,y==="outside"?p:y,Mr(s),a.get(["label","rotate"]))}j(m,b,n.getRawValue(e),(function(r){return u(t,r)}));var w=a.getModel(["emphasis"]);B(r,w.get("focus"),w.get("blurScope"),w.get("disabled"));R(r,a);if(Ar(i)){r.style.fill="none";r.style.stroke="none";g(r.states,(function(r){if(r.style){r.style.fill=r.style.stroke="none"}}))}}function Sr(r,t){var e=r.get(["itemStyle","borderColor"]);if(!e||e==="none"){return 0}var a=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(a,i,n)}var Cr=function(){function r(){}return r}();var Nr=function(r){b(t,r);function t(t){var e=r.call(this,t)||this;e.type="largeBar";return e}t.prototype.getDefaultShape=function(){return new Cr};t.prototype.buildPath=function(r,t){var e=t.points;var a=this.baseDimIdx;var i=1-this.baseDimIdx;var n=[];var s=[];var o=this.barWidth;for(var h=0;h<e.length;h+=3){s[a]=o;s[i]=e[h+2];n[a]=e[h+a];n[i]=e[h+i];r.rect(n[0],n[1],s[0],s[1])}};return t}(w);function zr(r,t,e,a){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:!!a,silent:true,z2:0});f.baseDimIdx=n;f.largeDataIndices=s;f.barWidth=o;f.useStyle(h.getItemStyle());t.add(f);e&&e.push(f)}var l=new Nr({shape:{points:i.getLayout("largePoints")},incremental:!!a,ignoreCoarsePointer:true,z2:1});l.baseDimIdx=n;l.largeDataIndices=s;l.barWidth=o;t.add(l);l.useStyle(i.getVisual("style"));T(l).seriesIndex=r.seriesIndex;if(!r.get("silent")){l.on("mousedown",Ur);l.on("mousemove",Ur)}e&&e.push(l)}var Ur=P((function(r){var t=this;var e=Ir(t,r.offsetX,r.offsetY);T(t).dataIndex=e>=0?e:null}),30,false);function Ir(r,t,e){var a=r.baseDimIdx;var i=1-a;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[a]=u;h[i]=n[c+2];o[a]=n[c+a];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]&&e>=o[1]&&e<=o[1]+h[1]){return s[f]}}return-1}function Or(r,t,e){if(h(e,"cartesian2d")){var a=t;var i=e.getArea();return{x:r?a.x:i.x,y:r?i.y:a.y,width:r?a.width:i.width,height:r?i.height:a.height}}else{var i=e.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,e){var a=r.type==="polar"?H:E;return new a({shape:Or(t,e,r),silent:true,z2:0})}const Lr=cr;function Er(r){r.registerChartView(Lr);r.registerSeriesModel(tr);r.registerLayout(r.PRIORITY.VISUAL.LAYOUT,V(F,"bar"));r.registerLayout(r.PRIORITY.VISUAL.PROGRESSIVE_LAYOUT,q("bar"));r.registerProcessor(r.PRIORITY.PROCESSOR.STATISTIC,f("bar"));r.registerAction({type:"changeAxisOrder",event:"changeAxisOrder",update:"update"},(function(r,t){var e=r.componentType||"series";t.eachComponent({mainType:e,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 Dr=_r;G([X,Er,Y,Q,l,c]);const Wr=class{constructor(t){r(this,t);this.data=[];this.alignChartName=undefined;this.chartName=undefined;this.chartSubTitle=undefined;this.color=undefined;this.dataNamesOverflow=undefined;this.dataNamesWidth=undefined;this.format=undefined;this.formatModifier=undefined;this.hideBarLabels=false;this.hideValueAxisLabels=false;this.offsetDataNames=false;this.offsetDataValues=false;this.orientation=undefined;this.showChartName=false;this.sort=false}componentDidLoad(){const r=J(this.chartContainer);this.chart=r;this.resizeEventListener=()=>this.resizeChart();window.addEventListener("resize",this.resizeEventListener);this.cacheComputedStyles();this.updateChart(r);a(this.hostElement)}disconnectedCallback(){window.removeEventListener("resize",this.resizeEventListener)}cacheComputedStyles(){this.chartContainerStyles=getComputedStyle(this.chartContainer);this.hostElementStyles=getComputedStyle(this.hostElement)}getColor(r){const t=v("var(--t-primary)",this.chartContainerStyles,this.hostElementStyles);const e=v(this.color,this.chartContainerStyles,this.hostElementStyles);const a=v(r,this.chartContainerStyles,this.hostElementStyles);if(a)return a;if(d(r))return r;if(e)return e;if(d(this.color))return this.color;return t}processData(r){return r.map((r=>({value:r.value||0,itemStyle:{color:this.getColor(r.color)}})))}updateChart(r){var t;const e=((t=this.formatModifier)===null||t===void 0?void 0:t.includes("dec"))?this.formatModifier.replace("dec",""):0;const a={type:"value",axisLabel:{formatter:r=>p(r,{type:this.format,decimals:e}),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:{containLabel:true},xAxis:this.orientation==="horizontal"?a:n,yAxis:this.orientation==="horizontal"?n:a,series:[{data:this.processData(this.data),id:"bar",type:"bar",label:{show:!this.hideBarLabels,position:"top",fontWeight:"bold",formatter:r=>p(r.value,{type:this.format,decimals:e})},realtimeSort:this.sort}]})}resizeChart(){this.chart.resize()}propsUpdates(){this.updateChart(this.chart)}render(){return t("div",{key:"e69c35dff8f08a9eb7702ad2ad79ec533ff54d45",class:"container"},t("div",{key:"bef70cf02ebe040dc1efc3cd045a3df285b0ed1d",ref:r=>this.chartContainer=r,class:"chart-container","test-id":"barChartContainer"}))}get hostElement(){return e(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"]}}};Wr.style=Dr;export{Wr as q2_chart_bar};
|
|
2
|
+
//# sourceMappingURL=p-a180d27e.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,c as t,g as i,h as e}from"./p-a5f18e27.js";import{t as s,w as r,u as n,d as p}from"./p-8ba6e825.js";const a=class{constructor(i){o(this,i);this.change=t(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=o=>{const t=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(o))||this.originatesInSlots(o.target);if(!i&&(this.isCurrentlyFocused||t)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||t};this.windowBlurHandler=()=>{const o=this.findActiveElement();if(o===document.body&&this.isCurrentlyFocused||o!==document.body&&(o===null||o===void 0?void 0:o.tagName)==="IFRAME"){this.isCurrentlyFocused=false;this.change.emit();return}}}componentWillLoad(){}connectedCallback(){this.mouseEventList.forEach((o=>{document.addEventListener(o,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((o=>{document.removeEventListener(o,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}findActiveElement(){let o=document.activeElement;while(true){if(!o||!o.shadowRoot){return o}o=o.shadowRoot.activeElement}}shadowEventTarget(o){return o.composedPath()[0]||o.target}shadowContains(o){while(true){if(o===this.hostElement){return true}if(!o){return false}o=o.parentNode||o.host}}originatesInSlots(o){const t=this.hostElement.querySelectorAll("slot");for(const i of Array.from(t)){const t=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(t)){if(i.contains(o)){return true}}}return false}get hostElement(){return i(this)}};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}.legacy.container{display:none}.legacy.show{display:block;z-index:var(--tct-popover-z-index, 50)}:popover-open,.show{position:absolute;margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--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, 3px)));--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}:popover-open.block,.show.block{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:popover-open.left,.show.left{left:var(--comp-pop-left);right:unset}:popover-open.right,.show.right{right:var(--comp-pop-right);left:unset}:popover-open.down,.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}:popover-open.up,.show.up{top:unset;bottom:var(--comp-pop-bottom)}:popover-open::-webkit-scrollbar,.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}:popover-open::-webkit-scrollbar-thumb,.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}:popover-open::-webkit-scrollbar-track,.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const l=c;const h=class{constructor(i){o(this,i);this.popoverStateChanged=t(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){s(this,"minHeight","prop")}};this.handlePopoverToggleEvent=o=>{this.popoverStateChanged.emit({open:o.newState==="open"})};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.setPopoverAPICSSProperties=async()=>{var o,t,i,e,s,n;const{controlElement:p,containerElement:a,currentDirection:c,isModule:l,align:h}=this;const{top:d,bottom:u,left:w,right:v}=(t=(o=p===null||p===void 0?void 0:p.getBoundingClientRect)===null||o===void 0?void 0:o.call(p))!==null&&t!==void 0?t:{top:0,bottom:0,left:0,right:0};const f=w;const b=((i=window===null||window===void 0?void 0:window.visualViewport)===null||i===void 0?void 0:i.width)-v;if(h==="right"){a.style.setProperty("--comp-pop-right",`${b-window.scrollX}px`);a.style.setProperty("--comp-pop-left","unset")}else{a.style.setProperty("--comp-pop-left",`${f+window.scrollX}px`);a.style.setProperty("--comp-pop-right","unset")}if(this.block)a.style.setProperty("--comp-pop-width",`${(p===null||p===void 0?void 0:p.offsetWidth)||0}px`);if(c==="up"){if(l){a.style.setProperty("--comp-pop-bottom",`${window.innerHeight-d}px`)}else{a.style.setProperty("--comp-pop-bottom",`${window.innerHeight-d-((e=window===null||window===void 0?void 0:window.visualViewport)===null||e===void 0?void 0:e.offsetTop)-window.scrollY}px`)}}if(c==="down"){if(l){a.style.setProperty("--comp-pop-top",`${u}px`)}else{a.style.setProperty("--comp-pop-top",`${u+((n=(s=window===null||window===void 0?void 0:window.visualViewport)===null||s===void 0?void 0:s.offsetTop)!==null&&n!==void 0?n:0)+window.scrollY}px`)}}await r();a.style.setProperty("--comp-pop-opacity","1")};this.setAbsoluteCSSProperties=async()=>{const{controlElement:o,containerElement:t,currentDirection:i,align:e}=this;if(e==="right"){t.style.setProperty("--comp-pop-right","0");t.style.setProperty("--comp-pop-left","unset")}else{t.style.setProperty("--comp-pop-left","0");t.style.setProperty("--comp-pop-right","unset")}if(this.block){t.style.setProperty("--comp-pop-width","100%")}if(i==="up"){const i=getComputedStyle(o);const e=parseInt(i.height||"0")+parseInt(i.borderTopWidth||"0")+parseInt(i.borderBottomWidth||"0");t.style.setProperty("--comp-pop-bottom",`${e}px`)}await r();t.style.setProperty("--comp-pop-opacity","1")};this.direction=undefined;this.align="left";this.open=undefined;this.block=undefined;this.controlElement=undefined;this.mode=null;this.minHeight=undefined;this.currentDirection=undefined;this.show=false}componentWillLoad(){if(!this.supportsPopoverAPI){console.warn("The Popover API is not supported in this browser. Please update your browser to the latest version. The component will use legacy mode.");this.mode="legacy"}}componentDidLoad(){this.handleMinHeight();if(this.supportsPopoverAPI)this.containerElement.addEventListener("toggle",this.handlePopoverToggleEvent);if(this.open)this.determinePopDirection()}disconnectedCallback(){this.removeViewportListeners();this.containerElement.removeEventListener("toggle",this.handlePopoverToggleEvent);this.containerElement=null;this.contentElement=null;this.controlElement=null}async toggle(){this.open=!this.open}async scrollContainerTo(o){this.containerElement.scrollTo(o)}async openChanged(o){this.popoverStateChanged.emit({open:o});if(o){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;if(this.mode==="legacy"||!this.supportsPopoverAPI){this.show=false}else{this.containerElement.hidePopover()}await r();this.clearCSSProperties()}}minHeightProvided(){this.handleMinHeight()}popoverStateHandler(o){const{detail:{open:t}}=o;if(t===this.open)return;this.open=t;o.stopPropagation()}get providedDirection(){const{direction:o}=this;switch(o){case"up":case"down":return o;default:return undefined}}get isModule(){var o,t;const i=window!==window.top;const e=Object.keys((t=(o=window.Tecton)===null||o===void 0?void 0:o.platformDimensions)!==null&&t!==void 0?t:{}).length>0;return i&&e}get supportsPopoverAPI(){return Object.hasOwn(HTMLElement.prototype,"popover")}addViewportListeners(){var o;window.addEventListener("resize",this.viewPortOrientationChanged);visualViewport===null||visualViewport===void 0?void 0:visualViewport.addEventListener("resize",this.viewPortChanged);if(n(this.hostElement)&&!p()){window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true})}(o=screen===null||screen===void 0?void 0:screen.orientation)===null||o===void 0?void 0:o.addEventListener("orientationchange",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}removeViewportListeners(){var o;window.removeEventListener("resize",this.viewPortOrientationChanged);visualViewport===null||visualViewport===void 0?void 0:visualViewport.removeEventListener("resize",this.viewPortChanged);window.removeEventListener("scroll",this.viewPortChanged);(o=screen===null||screen===void 0?void 0:screen.orientation)===null||o===void 0?void 0:o.removeEventListener("orientationchange",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}setDirectionAndShow(o){const t=this.open;if(!t)return;this.currentDirection=o;if(this.mode==="legacy"||!this.supportsPopoverAPI){this.show=true;this.setAbsoluteCSSProperties()}else{this.setPopoverAPICSSProperties();this.containerElement.showPopover()}}async determinePopDirection(){var o,t,i;const{containerElement:e,controlElement:s,providedDirection:n,displayBuffer:p}=this;if(e)e.style.maxHeight=null;await r();const{isModule:a}=this;const{top:c,bottom:l}=(t=(o=s===null||s===void 0?void 0:s.getBoundingClientRect)===null||o===void 0?void 0:o.call(s))!==null&&t!==void 0?t:{top:0,bottom:0};let h;let d;let u;if(a){const{outletOffset:o=0,innerHeight:t=window.innerHeight,top:e=0,bottom:s=0}=((i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions)||{};const r=window.innerHeight-l;const n=o>0?c:c+o-e;const a=o+l-e;const h=n;const w=t-s-a;const v=r<w;d=h-p;u=v?r-p:w-p}else{h=window.innerHeight;d=c-p;u=h-l-p}const w=d>u?"up":"down";const v=!e.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const f=this.currentDirection||n||w;switch(f){case"up":if(v){e.style.setProperty("--comp-pop-max-height",`${d}px`)}this.setDirectionAndShow("up");break;case"down":if(v){e.style.setProperty("--comp-pop-max-height",`${u}px`)}this.setDirectionAndShow("down");break}}render(){const o=["container",this.currentDirection,this.align];if(this.show)o.push("show");if(this.block)o.push("block");if(this.mode==="legacy")o.push("legacy");return e("div",{key:"905a094a594313ed22edd54d8d25fb01ed03d249",ref:o=>this.containerElement=o,class:o.join(" "),"test-id":"outerContainer",tabIndex:-1,popover:"manual"},e("div",{key:"6bf69df89b1560f40a5b60455a932606cd78b8f6",ref:o=>this.contentElement=o,class:"content"},e("slot",{key:"940ad69e58f9833cfc023ab96c1a976cb1df693c"})))}get hostElement(){return i(this)}static get watchers(){return{open:["openChanged"],minHeight:["minHeightProvided"]}}};h.style=l;export{a as click_elsewhere,h as q2_popover};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,c as t,g as i,h as e}from"./p-a5f18e27.js";import{u as s,w as r,v as n,d as p}from"./p-c49e1a96.js";const a=class{constructor(i){o(this,i);this.change=t(this,"change",7);this.mouseEventList=["mousedown","dragstart","touchstart"];this.isCurrentlyFocused=false;this.mouseHandler=o=>{const t=this.shadowContains(this.findActiveElement());const i=this.shadowContains(this.shadowEventTarget(o))||this.originatesInSlots(o.target);if(!i&&(this.isCurrentlyFocused||t)){this.isCurrentlyFocused=false;this.change.emit();return}this.isCurrentlyFocused=i||t};this.windowBlurHandler=()=>{const o=this.findActiveElement();if(o===document.body&&this.isCurrentlyFocused||o!==document.body&&(o===null||o===void 0?void 0:o.tagName)==="IFRAME"){this.isCurrentlyFocused=false;this.change.emit();return}}}componentWillLoad(){}connectedCallback(){this.mouseEventList.forEach((o=>{document.addEventListener(o,this.mouseHandler)}));window.addEventListener("blur",this.windowBlurHandler)}disconnectedCallback(){this.mouseEventList.forEach((o=>{document.removeEventListener(o,this.mouseHandler)}));window.removeEventListener("blur",this.windowBlurHandler)}findActiveElement(){let o=document.activeElement;while(true){if(!o||!o.shadowRoot){return o}o=o.shadowRoot.activeElement}}shadowEventTarget(o){return o.composedPath()[0]||o.target}shadowContains(o){while(true){if(o===this.hostElement){return true}if(!o){return false}o=o.parentNode||o.host}}originatesInSlots(o){const t=this.hostElement.querySelectorAll("slot");for(const i of Array.from(t)){const t=i&&i.assignedNodes&&i.assignedNodes()||this.hostElement.childNodes;for(const i of Array.from(t)){if(i.contains(o)){return true}}}return false}get hostElement(){return i(this)}};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}.legacy.container{display:none}.legacy.show{display:block;z-index:var(--tct-popover-z-index, 50)}:popover-open,.show{position:absolute;margin:0;padding:0;overflow:auto;background:var(--tct-popover-background, var(--app-white, #ffffff));color:var(--tct-popover-font-color, var(--t-text, #4d4d4d));min-width:var(--tct-popover-min-width, 135px);margin-block:var(--tct-popover-margin-block, 0);box-shadow:var(--tct-popover-box-shadow, var(--app-shadow-1, 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14)));border-width:var(--tct-popover-border-width, 0);border-style:solid;border-color:var(--tct-popover-border-color, transparent);border-radius:var(--tct-popover-border-radius, 0);max-height:var(--comp-pop-max-height);left:var(--comp-pop-left);opacity:var(--comp-pop-opacity, 0);--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, 3px)));--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}:popover-open.block,.show.block{right:unset;width:var(--comp-pop-width);min-width:var(--tct-popover-min-width, unset)}:popover-open.left,.show.left{left:var(--comp-pop-left);right:unset}:popover-open.right,.show.right{right:var(--comp-pop-right);left:unset}:popover-open.down,.show.down{top:var(--tct-popover-top, var(--comp-pop-top));bottom:unset}:popover-open.up,.show.up{top:unset;bottom:var(--comp-pop-bottom)}:popover-open::-webkit-scrollbar,.show::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}:popover-open::-webkit-scrollbar-thumb,.show::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}:popover-open::-webkit-scrollbar-track,.show::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}click-elsewhere{position:relative;display:block}";const l=c;const h=class{constructor(i){o(this,i);this.popoverStateChanged=t(this,"popoverStateChanged",7);this.displayBuffer=10;this.orientationChanged=false;this.handleMinHeight=()=>{if(this.minHeight){s(this,"minHeight","prop")}};this.handlePopoverToggleEvent=o=>{this.popoverStateChanged.emit({open:o.newState==="open"})};this.viewPortChanged=()=>{if(!this.open)return;this.determinePopDirection()};this.viewPortOrientationChanged=()=>{this.orientationChanged=true;this.viewPortChanged()};this.setPopoverAPICSSProperties=async()=>{var o,t,i,e,s,n;const{controlElement:p,containerElement:a,currentDirection:c,isModule:l,align:h}=this;const{top:d,bottom:u,left:v,right:w}=(t=(o=p===null||p===void 0?void 0:p.getBoundingClientRect)===null||o===void 0?void 0:o.call(p))!==null&&t!==void 0?t:{top:0,bottom:0,left:0,right:0};const f=v;const m=((i=window===null||window===void 0?void 0:window.visualViewport)===null||i===void 0?void 0:i.width)-w;if(h==="right"){a.style.setProperty("--comp-pop-right",`${m-window.scrollX}px`);a.style.setProperty("--comp-pop-left","unset")}else{a.style.setProperty("--comp-pop-left",`${f+window.scrollX}px`);a.style.setProperty("--comp-pop-right","unset")}if(this.block)a.style.setProperty("--comp-pop-width",`${(p===null||p===void 0?void 0:p.offsetWidth)||0}px`);if(c==="up"){if(l){a.style.setProperty("--comp-pop-bottom",`${window.innerHeight-d}px`)}else{a.style.setProperty("--comp-pop-bottom",`${window.innerHeight-d-((e=window===null||window===void 0?void 0:window.visualViewport)===null||e===void 0?void 0:e.offsetTop)-window.scrollY}px`)}}if(c==="down"){if(l){a.style.setProperty("--comp-pop-top",`${u}px`)}else{a.style.setProperty("--comp-pop-top",`${u+((n=(s=window===null||window===void 0?void 0:window.visualViewport)===null||s===void 0?void 0:s.offsetTop)!==null&&n!==void 0?n:0)+window.scrollY}px`)}}await r();a.style.setProperty("--comp-pop-opacity","1")};this.setAbsoluteCSSProperties=async()=>{const{controlElement:o,containerElement:t,currentDirection:i,align:e}=this;if(e==="right"){t.style.setProperty("--comp-pop-right","0");t.style.setProperty("--comp-pop-left","unset")}else{t.style.setProperty("--comp-pop-left","0");t.style.setProperty("--comp-pop-right","unset")}if(this.block){t.style.setProperty("--comp-pop-width","100%")}if(i==="up"){const i=getComputedStyle(o);const e=parseInt(i.height||"0")+parseInt(i.borderTopWidth||"0")+parseInt(i.borderBottomWidth||"0");t.style.setProperty("--comp-pop-bottom",`${e}px`)}await r();t.style.setProperty("--comp-pop-opacity","1")};this.direction=undefined;this.align="left";this.open=undefined;this.block=undefined;this.controlElement=undefined;this.mode=null;this.minHeight=undefined;this.currentDirection=undefined;this.show=false}componentWillLoad(){if(!this.supportsPopoverAPI){console.warn("The Popover API is not supported in this browser. Please update your browser to the latest version. The component will use legacy mode.");this.mode="legacy"}}componentDidLoad(){this.handleMinHeight();if(this.supportsPopoverAPI)this.containerElement.addEventListener("toggle",this.handlePopoverToggleEvent);if(this.open)this.determinePopDirection()}disconnectedCallback(){this.removeViewportListeners();this.containerElement.removeEventListener("toggle",this.handlePopoverToggleEvent);this.containerElement=null;this.contentElement=null;this.controlElement=null}async toggle(){this.open=!this.open}async scrollContainerTo(o){this.containerElement.scrollTo(o)}async openChanged(o){this.popoverStateChanged.emit({open:o});if(o){this.addViewportListeners();this.determinePopDirection()}else{this.removeViewportListeners();this.currentDirection=undefined;if(this.mode==="legacy"||!this.supportsPopoverAPI){this.show=false}else{this.containerElement.hidePopover()}await r();this.clearCSSProperties()}}minHeightProvided(){this.handleMinHeight()}popoverStateHandler(o){const{detail:{open:t}}=o;if(t===this.open)return;this.open=t;o.stopPropagation()}get providedDirection(){const{direction:o}=this;switch(o){case"up":case"down":return o;default:return undefined}}get isModule(){var o,t;const i=window!==window.top;const e=Object.keys((t=(o=window.Tecton)===null||o===void 0?void 0:o.platformDimensions)!==null&&t!==void 0?t:{}).length>0;return i&&e}get supportsPopoverAPI(){return Object.hasOwn(HTMLElement.prototype,"popover")}addViewportListeners(){var o;window.addEventListener("resize",this.viewPortOrientationChanged);visualViewport===null||visualViewport===void 0?void 0:visualViewport.addEventListener("resize",this.viewPortChanged);if(n(this.hostElement)&&!p()){window.addEventListener("scroll",this.viewPortChanged,{passive:true,capture:true})}(o=screen===null||screen===void 0?void 0:screen.orientation)===null||o===void 0?void 0:o.addEventListener("orientationchange",this.viewPortOrientationChanged);window.addEventListener("orientationchange",this.viewPortOrientationChanged)}removeViewportListeners(){var o;window.removeEventListener("resize",this.viewPortOrientationChanged);visualViewport===null||visualViewport===void 0?void 0:visualViewport.removeEventListener("resize",this.viewPortChanged);window.removeEventListener("scroll",this.viewPortChanged);(o=screen===null||screen===void 0?void 0:screen.orientation)===null||o===void 0?void 0:o.removeEventListener("orientationchange",this.viewPortOrientationChanged);window.removeEventListener("orientationchange",this.viewPortOrientationChanged)}clearCSSProperties(){this.containerElement.style.removeProperty("--comp-pop-max-height");this.containerElement.style.removeProperty("--comp-pop-top");this.containerElement.style.removeProperty("--comp-pop-bottom");this.containerElement.style.removeProperty("--comp-pop-left");this.containerElement.style.removeProperty("--comp-pop-right");this.containerElement.style.removeProperty("--comp-pop-width");this.containerElement.style.removeProperty("--comp-pop-opacity")}setDirectionAndShow(o){const t=this.open;if(!t)return;this.currentDirection=o;if(this.mode==="legacy"||!this.supportsPopoverAPI){this.show=true;this.setAbsoluteCSSProperties()}else{this.setPopoverAPICSSProperties();this.containerElement.showPopover()}}async determinePopDirection(){var o,t,i;const{containerElement:e,controlElement:s,providedDirection:n,displayBuffer:p}=this;if(e)e.style.maxHeight=null;await r();const{isModule:a}=this;const{top:c,bottom:l}=(t=(o=s===null||s===void 0?void 0:s.getBoundingClientRect)===null||o===void 0?void 0:o.call(s))!==null&&t!==void 0?t:{top:0,bottom:0};let h;let d;let u;if(a){const{outletOffset:o=0,innerHeight:t=window.innerHeight,top:e=0,bottom:s=0}=((i=window.Tecton)===null||i===void 0?void 0:i.platformDimensions)||{};const r=window.innerHeight-l;const n=o>0?c:c+o-e;const a=o+l-e;const h=n;const v=t-s-a;const w=r<v;d=h-p;u=w?r-p:v-p}else{h=window.innerHeight;d=c-p;u=h-l-p}const v=d>u?"up":"down";const w=!e.style.getPropertyValue("--comp-pop-max-height")||this.orientationChanged;this.orientationChanged=false;const f=this.currentDirection||n||v;switch(f){case"up":if(w){e.style.setProperty("--comp-pop-max-height",`${d}px`)}this.setDirectionAndShow("up");break;case"down":if(w){e.style.setProperty("--comp-pop-max-height",`${u}px`)}this.setDirectionAndShow("down");break}}render(){const o=["container",this.currentDirection,this.align];if(this.show)o.push("show");if(this.block)o.push("block");if(this.mode==="legacy")o.push("legacy");return e("div",{key:"905a094a594313ed22edd54d8d25fb01ed03d249",ref:o=>this.containerElement=o,class:o.join(" "),"test-id":"outerContainer",tabIndex:-1,popover:"manual"},e("div",{key:"6bf69df89b1560f40a5b60455a932606cd78b8f6",ref:o=>this.contentElement=o,class:"content"},e("slot",{key:"940ad69e58f9833cfc023ab96c1a976cb1df693c"})))}get hostElement(){return i(this)}static get watchers(){return{open:["openChanged"],minHeight:["minHeightProvided"]}}};h.style=l;export{a as click_elsewhere,h as q2_popover};
|
|
2
|
+
//# sourceMappingURL=p-a29cfe7f.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-c49e1a96.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{text-align:right;display:block;width:100%}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}";const d=c;const l=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.handlePageChange=t=>{const{totalPages:e,inputField:i}=this;if(t<1){t=1}else if(t>e){t=e}if(i.value!==`${t}`)i.value=`${t}`;if(!this.hostElement.onchange){this.page=t}this.change.emit({page:t})};this.checkSize=()=>{const{hostElement:t,containerElement:e}=this;const i=this.containerWidth>t.clientWidth;this.isSmall=i;if(i)return;a((()=>{const t=this.containerWidth===e.clientWidth;if(t)return;this.containerWidth=e.clientWidth;this.checkSize()}))};this.autoSize=true;this.total=undefined;this.page=undefined;this.pages=undefined;this.pagesOnly=undefined;this.perPage=undefined;this.recordsOnly=undefined;this.recordType=undefined;this.isSmall=undefined}componentWillLoad(){this.manageResizeObserver()}componentDidLoad(){this.containerWidth=this.containerElement.clientWidth;o(this.hostElement)}disconnectedCallback(){this.removeResizeObserver()}manageResizeObserver(){if(this.autoSize&&!this.recordsOnly&&!this.pagesOnly){if(this.resizeObserver)return;this.resizeObserver=new ResizeObserver((()=>this.checkSize()));this.resizeObserver.observe(this.hostElement);window.addEventListener("resize",this.checkSize)}else{this.isSmall=false;this.removeResizeObserver()}}onHostElementFocus(t){var e;if(!s(t,this.hostElement))return;const{isFullViewHidden:i,containerElement:n,inputField:a}=this;if(i){(e=n.querySelector("q2-btn:not([disabled])"))===null||e===void 0?void 0:e.focus()}else{a.focus()}}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get totalWithDefault(){return this.total||0}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get currentRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=(i-1)*t+1;const a=Math.min(i*t,e);return`${n} - ${a}`}get nextRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=i*t+1;const a=Math.min((i+1)*t,e);return`${n} - ${a}`}get prevRange(){const{perPageWithDefault:t,pageWithDefault:e}=this;const i=Math.max(1,(e-2)*t+1);const n=(e-1)*t;return`${i} - ${n}`}get totalPages(){const{pagesOnly:t,totalWithDefault:e,perPageWithDefault:i,pages:n}=this;if(t&&n&&!isNaN(parseInt(`${n}`)))return n;return Math.ceil(e/i)}removeResizeObserver(){var t;if(this.resizeObserver){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.hostElement);this.resizeObserver=null;window.removeEventListener("resize",this.checkSize)}}render(){const{pagesOnly:t,recordsOnly:e,isFullViewHidden:n,recordTypeWithDefault:a,totalPages:o,totalWithDefault:s,pageWithDefault:c,currentRange:d,nextRange:l,prevRange:h}=this;const p=c===1;const g=c===o;let u="";let f="";if(t){f=r("tecton.element.pagination.goToPages",{next:c-1,total:o});u=r("tecton.element.pagination.goToPages",{next:c+1,total:o})}else if(e){f=r("tecton.element.pagination.goToRecords",{range:h,recordType:a.toLowerCase(),total:s});u=r("tecton.element.pagination.goToRecords",{range:l,recordType:a.toLowerCase(),total:s})}return i("nav",{key:"e1ec87b7e948c6cc5a24d3928c2b1998fcb6a37b",class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},i("div",{key:"785482436c658141a8aa6624cbfc6eca11775f8b",class:"description","test-id":"description"},t?r("tecton.element.pagination.pages",{current:c,total:o}):r("tecton.element.pagination.description",{range:d,recordType:a.toLowerCase(),total:s.toLocaleString()})),i("div",{key:"0d0fb36e3b5082f0b2c4babc35016daa7a0bed54",class:"btn-group"},i("q2-btn",{key:"cacf48e70afc16726e46dc9e65d253552df63ed3",label:r("tecton.element.pagination.goToFirstPage"),disabled:p,hidden:n,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":true},i("q2-icon",{key:"3f68f9da819aff69266171a341a90416a2548f0b",type:"chevron-double-left"})),i("q2-btn",{key:"14ed8f3c64f9ea326fc3d3e2127612e797623f89",label:f,disabled:p,onClick:()=>this.handlePageChange(c-1),"test-id":"prevPageBtn","hide-label":true},i("q2-icon",{key:"5dd7a5508bac7fd75998e53ebd7e60bf6609d16f",type:"chevron-left"}))),i("div",{key:"bb69ef01ab83a147db8a4fa816009a3f9193afbd",class:"controls",hidden:n,"test-id":"controls"},i("span",{key:"85539bd9b93c3ebdaaf019093d94146497f68650","aria-hidden":"true"},r("tecton.element.pagination.page")),i("div",{key:"555009e905094269eb19f97c6f0667e427257c27",class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},i("q2-input",{key:"e5e0035da111f8c4a4415dc88d9b1ec79431012d",type:"number",value:`${c}`,min:1,max:this.totalPages,hideLabel:true,optional:true,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[o.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page",ref:t=>this.inputField=t})),i("span",{key:"f6601292c021519efcc37056e62dd7f613064ae1","aria-hidden":"true"},r("tecton.element.pagination.ofPages",[o.toLocaleString()]))),i("div",{key:"3d39cdaaabce849a11e1eb26ecd54372243fc794",class:"btn-group"},i("q2-btn",{key:"57b30b51688f893d099e44c4cd92fa9470098903",label:u,disabled:g,onClick:()=>this.handlePageChange(c+1),"test-id":"nextPageBtn","hide-label":true},i("q2-icon",{key:"f26e80134b0689b0ea5220499ee05df32a41a9c5",type:"chevron-right"})),i("q2-btn",{key:"599e370274f82d9d352723468468dbb3ee281017",label:"tecton.element.pagination.goToLastPage",disabled:g,hidden:n,onClick:()=>this.handlePageChange(o),"test-id":"lastPageBtn","hide-label":true},i("q2-icon",{key:"3bccd266db36da8dc0ce1911f1cb13299c4eab78",type:"chevron-double-right"}))))}get hostElement(){return n(this)}static get watchers(){return{recordsOnly:["manageResizeObserver"],pagesOnly:["manageResizeObserver"],autoSize:["manageResizeObserver"]}}};l.style=d;export{l as q2_pagination};
|
|
2
|
+
//# sourceMappingURL=p-a3a2e6c0.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as r,h as a,g as e}from"./p-a5f18e27.js";import{c as o,s as i,o as n,i as s,m as c,e as l,l as h}from"./p-8ba6e825.js";const d="*{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{--comp-default-margin:var(--tct-textarea-margin-top, var(--t-textarea-margin-top, var(--app-scale-6x, 30px))) 0 var(--tct-textarea-margin-bottom, var(--t-textarea-margin-bottom, var(--app-scale-6x, 30px)));display:block;margin:var(--tct-textarea-margin, var(--comp-default-margin));font-size:var(--tct-textarea-font-size, var(--t-textarea-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}label{--comp-label-padding:var(--tct-textarea-label-padding, 0 var(--tct-textarea-label-padding-right, var(--t-textarea-label-padding-right, 0)) 0 var(--tct-textarea-label-padding-left, var(--t-textarea-label-padding-left, 0)));--comp-label-margin:var(--tct-textarea-label-margin, var(--tct-textarea-label-margin-top, var(--t-textarea-label-margin-top, 0)) 0 var(--tct-textarea-label-margin-bottom, var(--t-textarea-label-margin-bottom, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));display:block;padding:var(--comp-label-padding);margin:var(--comp-label-margin);color:var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit));font-size:var(--tct-textarea-label-font-size, var(--t-textarea-label-font-size, inherit));font-weight:var(--tct-textarea-label-font-weight, var(--t-textarea-label-font-weight, 600));text-transform:var(--tct-textarea-label-text-transform, var(--t-textarea-label-text-transform, none));letter-spacing:var(--tct-textarea-label-letter-spacing, var(--t-textarea-label-letter-spacing, normal));transition:color var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.has-error label{color:var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-label-font-color, inherit)))}:hover label{color:var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :hover label{color:var(--tct-textarea-error-hover-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, inherit)))))}:focus-within label{color:var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :focus-within label{color:var(--tct-textarea-error-focus-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit))))))}.optional-tag{--comp-label-optional-margin:var(--tct-textarea-label-optional-margin, 0 0 0 var(--tct-textarea-label-optional-margin-left, var(--t-textarea-label-optional-margin-left, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-textarea-label-optional-font-color, var(--t-textarea-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-textarea-label-optional-font-size, var(--t-textarea-label-optional-font-size, 12px));font-weight:var(--tct-textarea-label-optional-font-weight, var(--t-textarea-label-optional-font-weight, 400))}.input-container{min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));height:100%;--comp-default-border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 3px));--comp-textarea-border-top-left-radius:var(--tct-textarea-border-top-left-radius, var(--t-textarea-border-top-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-top-right-radius:var(--tct-textarea-border-top-right-radius, var(--t-textarea-border-top-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-right-radius:var(--tct-textarea-border-bottom-right-radius, var(--t-textarea-border-bottom-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-left-radius:var(--tct-textarea-border-bottom-left-radius, var(--t-textarea-border-bottom-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-radius:var(--comp-textarea-border-top-left-radius)\n var(--comp-textarea-border-top-right-radius) var(--comp-textarea-border-bottom-right-radius)\n var(--comp-textarea-border-bottom-left-radius);--comp-textarea-border-width:var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) var(--tct-textarea-border-right-width, var(--t-textarea-border-right-width, 1px)) var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) var(--tct-textarea-border-left-width, var(--t-textarea-border-left-width, 1px));--comp-textarea-icon-clearance:34px}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(--tct-textarea-disabled-opacity, var(--t-textarea-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.content-container{--comp-textarea-min-height:46px;--comp-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));min-width:var(--tct-textarea-min-width, var(--t-textarea-min-width, var(--comp-textarea-min-width)))}:host(:not([cols])) .content-container{width:100%}textarea{--comp-textarea-padding:var(--tct-textarea-padding, var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))) var(--tct-textarea-horizontal-padding, var(--t-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))));--comp-textarea-border-color:var(--tct-textarea-border-color, var(--t-textarea-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)))));--comp-textarea-background:var(--tct-textarea-background, var(--tct-textarea-bg, var(--t-textarea-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)))))));--comp-textarea-hover-ring-color:var(--tct-textarea-hover-ring-color);--comp-textarea-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-textarea-hover-ring-color), var(--tct-textarea-hover-box-shadow, 0 0 transparent);resize:none;height:100%;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));padding:var(--comp-textarea-padding);background:var(--comp-textarea-background);color:var(--tct-textarea-font-color, var(--t-textarea-font-color, var(--t-input-font-color, inherit)));border-width:var(--comp-textarea-border-width);border-style:solid;border-color:var(--comp-textarea-border-color);border-radius:var(--comp-textarea-border-radius);box-shadow:var(--tct-textarea-box-shadow, var(--t-textarea-box-shadow, none));scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;--comp-textarea-tween:var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))));transition:border-width var(--comp-textarea-tween), border-color var(--comp-textarea-tween), box-shadow var(--comp-textarea-tween)}textarea::-webkit-scrollbar{width:var(--app-scale-1x);height:var(--app-scale-1x);margin:var(--app-scale-1x)}textarea::-webkit-scrollbar-thumb{background:var(--t-a11y-gray-color);border-radius:2px}textarea::-webkit-scrollbar-track{background:transparent}textarea:not([cols]){width:100%}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance);border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-background, var(--comp-textarea-background))}textarea:hover{border-color:var(--tct-textarea-hover-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-hover-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))}.has-error textarea:hover{border-color:var(--tct-textarea-error-hover-border-color, var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a))));background:var(--tct-textarea-error-hover-background, var(--tct-textarea-error-background, var(--comp-textarea-background)));box-shadow:var(--tct-textarea-error-hover-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))))}textarea:focus{border-color:var(--tct-textarea-focus-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-focus-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))}.has-error textarea:focus{border-color:var(--tct-textarea-error-focus-border-color, var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-focus-background, var(--tct-textarea-error-background, var(--tct-textarea-focus-background, var(--comp-textarea-background))));box-shadow:var(--tct-textarea-error-focus-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))))}textarea::placeholder{color:var(--tct-textarea-placeholder-font-color, var(--t-textarea-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))))}textarea[disabled]{cursor:not-allowed}textarea.resize-vertical-auto{overflow:hidden}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance)}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)))}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px))));color:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))));right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))));--t-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))))}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-textarea-message-box-shadow, var(--t-textarea-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))));transition:height var(--tct-textarea-messages-tween, var(--t-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-textarea-messages-font-color, var(--t-textarea-messages-font-color, inherit))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-textarea-max-length-font-size, var(--t-textarea-max-length-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n calc(\n var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px))) - var(--tct-textarea-resize-icon-size, var(--t-textarea-resize-icon-size, 12px))\n ) / 2\n );width:var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)));height:var(--tct-textarea-resize-btn-height, var(--t-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px)));background:var(--tct-textarea-resize-btn-background, var(--t-textarea-resize-btn-background, transparent));stroke:var(--tct-textarea-resize-color, var(--t-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77))));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding));font-size:0}.btn-resize:focus{outline:none;box-shadow:none}:host([resize=both]) .btn-resize{cursor:se-resize}:host([resize=vertical]) .btn-resize,:host([resize=vertical-auto]) .btn-resize{cursor:s-resize}:host([resize=horizontal]) .btn-resize{cursor:e-resize}";const v=d;const x=class{constructor(a){t(this,a);this.input=r(this,"input",7);this.change=r(this,"change",7);this.scheduledAfterRender=[];this.guid=o();this.checkRows=()=>{const{contentContainer:t,rows:r,textareaField:a,resize:e}=this;if(!r||["none","horizontal"].includes(e))return;t.style.height=`${t.offsetHeight}px`;a.removeAttribute("rows")};this.checkCols=()=>{const{contentContainer:t,cols:r,textareaField:a,resize:e}=this;if(!r||["none","vertical"].includes(e))return;t.style.width=`${t.offsetWidth}px`;a.removeAttribute("cols")};this.onTextareaFocus=()=>{this.hasFocus=true;this.valueOnFocus=this.value;i(this)};this.onTextareaBlur=()=>{const{valueOnFocus:t,textareaField:{value:r}}=this;this.hasFocus=false;i(this);if(t!==r)this.change.emit({value:r})};this.onTextareaInput=t=>{t.stopPropagation();const r=t.target.value;this.increaseHeightIfOverflowing();this.input.emit({value:r})};this.onTextareaChange=t=>{t.stopPropagation();const r=t.target.value;this.change.emit({value:r})};this.onMouseDown=t=>{const{contentContainer:r}=this;this.downParams={width:r.offsetWidth,height:r.offsetHeight,x:t.clientX,y:t.clientY};document.addEventListener("mousemove",this.onMouseMove);document.addEventListener("mouseup",this.onMouseUp)};this.onMouseMove=t=>{this.setHeight(t);this.setWidth(t)};this.onTouchStart=t=>{if(t.touches.length!==1)return;t.preventDefault();const{contentContainer:r}=this;const a=t.touches[0];this.downParams={width:r.offsetWidth,height:r.offsetHeight,x:a.pageX,y:a.pageY};document.addEventListener("touchmove",this.onTouchMove);document.addEventListener("touchend",this.onTouchMove)};this.onTouchMove=t=>{this.setHeight(t);this.setWidth(t)};this.increaseHeightIfOverflowing=()=>{const{scrollHeight:t}=this.textareaField;if(this.resize==="vertical-auto"&&this.isOverflowingVertically()){const r=t+this.getBorderOffset();this.contentContainer.style.height=`${r}px`}};this.isOverflowingVertically=()=>{const{clientHeight:t,scrollHeight:r}=this.textareaField;return r>t};this.getBorderOffset=()=>{const t=window.getComputedStyle(this.textareaField);return parseInt(t.borderTopWidth,10)+parseInt(t.borderBottomWidth,10)};this.onMouseUp=()=>{document.removeEventListener("mousemove",this.onMouseMove);this.downParams=null};this.cols=undefined;this.disabled=undefined;this.errors=undefined;this.hints=undefined;this.hideLabel=undefined;this.hideMessages=undefined;this.label=undefined;this.maxlength=undefined;this.optional=undefined;this.placeholder=undefined;this.readonly=undefined;this.resize="vertical";this.rows=undefined;this.spellcheck=undefined;this.value=undefined;this.hasFocus=undefined;this.downParams=undefined}componentWillLoad(){if(isNaN(this.maxlength)){this.maxlength=undefined}}componentDidRender(){this.scheduledAfterRender.push(this.checkRows,this.checkCols,this.increaseHeightIfOverflowing);this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}componentDidLoad(){n(this.hostElement)}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:undefined}get wrapperClasses(){const t=this.hasError?" has-error":"";const r=!!this.value?" has-value":"";const a=this.hasFocus?" has-focus":"";return`field-container${t}${r}${a}`}get showResize(){const{resize:t}=this;return t&&t!=="none"}valueObserver(){const{maxlength:t,value:r=""}=this;if(!t)return;const a=r.substr(0,t);if(a===r)return;this.change.emit({value:a})}rowsObserver(){this.contentContainer.style.height=null}colsObserver(){this.contentContainer.style.width=null}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}onHostElementFocus(t){if(!s(t,this.hostElement))return;this.textareaField.focus()}onHostElementChange(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail.value}}onHostElementInput(t){if(t.target===this.hostElement&&!this.hostElement.oninput){this.value=t.detail.value}}setValue(t){const{textareaField:r}=this;r.focus();r.value=t;r.dispatchEvent(new InputEvent("input"))}setWidth(t){var r,a;const{contentContainer:e,resize:o,downParams:{width:i,x:n}}=this;const s=["both","horizontal"].includes(o);if(!s)return;const c=t instanceof MouseEvent?t.clientX:(a=(r=t.touches[0])===null||r===void 0?void 0:r.pageX)!==null&&a!==void 0?a:0;const l=i-(n-c);e.style.width=`${l}px`}setHeight(t){var r,a;const{contentContainer:e,resize:o,downParams:{height:i,y:n}}=this;const s=["both","vertical","vertical-auto"].includes(o);if(!s)return;const c=t instanceof MouseEvent?t.clientY:(a=(r=t.touches[0])===null||r===void 0?void 0:r.pageY)!==null&&a!==void 0?a:0;const l=i-(n-c);if(o!=="vertical-auto"||l>i||o==="vertical-auto"&&!this.isOverflowingVertically()){e.style.height=`${l}px`}}render(){return a("div",{key:"2ba76ad5cc98c1cadf76a3301fef01fd40d35c2d",class:this.wrapperClasses},l(this),a("div",{key:"e0734318e02a96b12343b9f23c88e6fcd2a5a6b8",class:"content-container",ref:t=>this.contentContainer=t},this.inputDOM(),this.maxlength?this.maxLengthDOM():"",c(this)))}maxLengthDOM(){var t;return a("div",{class:"max-length","aria-hidden":"true"},((t=this.value)===null||t===void 0?void 0:t.length)||0,"/",this.maxlength)}inputDOM(){const t=this.resize==="vertical-auto"?"resize-vertical-auto":"";return a("div",{class:"input-container"},a("textarea",{id:this.inputId,class:t,placeholder:this.placeholder&&h(this.placeholder)||undefined,"test-id":"inputField",maxLength:this.maxlength,"aria-describedby":this.inputDescribedBy,"aria-invalid":`${this.hasError}`,"aria-required":`${!this.optional}`,"aria-label":this.hideLabel&&this.label,spellcheck:this.spellcheck,rows:this.rows||3,cols:this.cols,value:this.value,ref:t=>this.textareaField=t,readonly:!!this.readonly,disabled:!!this.disabled,maxlength:this.maxlength,onInput:this.onTextareaInput,onChange:this.onTextareaChange,onFocus:this.onTextareaFocus,onBlur:this.onTextareaBlur}),this.hasError?a("q2-icon",{type:"error",class:"icon-error"}):"",this.showResize&&a("button",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,class:"btn-resize","aria-label":h("tecton.element.input.resize"),tabIndex:-1},a("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M8.5 11.5l3-3m-7 3l7-7m-11 7l11-11",fill:"none","stroke-stroke-linecap":"square"}))))}get hostElement(){return e(this)}static get watchers(){return{value:["valueObserver"],rows:["rowsObserver"],cols:["colsObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};x.style=v;export{x as q2_textarea};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as r,h as a,g as e}from"./p-a5f18e27.js";import{c as o,s as i,o as n,i as s,m as c,e as l,l as h}from"./p-c49e1a96.js";const d="*{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{--comp-default-margin:var(--tct-textarea-margin-top, var(--t-textarea-margin-top, var(--app-scale-6x, 30px))) 0 var(--tct-textarea-margin-bottom, var(--t-textarea-margin-bottom, var(--app-scale-6x, 30px)));display:block;margin:var(--tct-textarea-margin, var(--comp-default-margin));font-size:var(--tct-textarea-font-size, var(--t-textarea-font-size, var(--app-font-size, inherit)))}:host([hidden]){display:none}label{--comp-label-padding:var(--tct-textarea-label-padding, 0 var(--tct-textarea-label-padding-right, var(--t-textarea-label-padding-right, 0)) 0 var(--tct-textarea-label-padding-left, var(--t-textarea-label-padding-left, 0)));--comp-label-margin:var(--tct-textarea-label-margin, var(--tct-textarea-label-margin-top, var(--t-textarea-label-margin-top, 0)) 0 var(--tct-textarea-label-margin-bottom, var(--t-textarea-label-margin-bottom, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));display:block;padding:var(--comp-label-padding);margin:var(--comp-label-margin);color:var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit));font-size:var(--tct-textarea-label-font-size, var(--t-textarea-label-font-size, inherit));font-weight:var(--tct-textarea-label-font-weight, var(--t-textarea-label-font-weight, 600));text-transform:var(--tct-textarea-label-text-transform, var(--t-textarea-label-text-transform, none));letter-spacing:var(--tct-textarea-label-letter-spacing, var(--t-textarea-label-letter-spacing, normal));transition:color var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))))}.has-error label{color:var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-label-font-color, inherit)))}:hover label{color:var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :hover label{color:var(--tct-textarea-error-hover-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-hover-label-font-color, var(--tct-textarea-label-font-color, inherit)))))}:focus-within label{color:var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit)))}.has-error :focus-within label{color:var(--tct-textarea-error-focus-label-font-color, var(--tct-textarea-error-label-font-color, var(--t-textarea-error-label-font-color, var(--tct-textarea-focus-label-font-color, var(--tct-textarea-label-font-color, var(--t-textarea-label-font-color, inherit))))))}.optional-tag{--comp-label-optional-margin:var(--tct-textarea-label-optional-margin, 0 0 0 var(--tct-textarea-label-optional-margin-left, var(--t-textarea-label-optional-margin-left, var(--tct-scale-1x, var(--app-scale-1x, 5px)))));margin:var(--comp-label-optional-margin);color:var(--tct-textarea-label-optional-font-color, var(--t-textarea-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-textarea-label-optional-font-size, var(--t-textarea-label-optional-font-size, 12px));font-weight:var(--tct-textarea-label-optional-font-weight, var(--t-textarea-label-optional-font-weight, 400))}.input-container{min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));height:100%;--comp-default-border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 3px));--comp-textarea-border-top-left-radius:var(--tct-textarea-border-top-left-radius, var(--t-textarea-border-top-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-top-right-radius:var(--tct-textarea-border-top-right-radius, var(--t-textarea-border-top-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-right-radius:var(--tct-textarea-border-bottom-right-radius, var(--t-textarea-border-bottom-right-radius, var(--comp-default-border-radius)));--comp-textarea-border-bottom-left-radius:var(--tct-textarea-border-bottom-left-radius, var(--t-textarea-border-bottom-left-radius, var(--comp-default-border-radius)));--comp-textarea-border-radius:var(--comp-textarea-border-top-left-radius)\n var(--comp-textarea-border-top-right-radius) var(--comp-textarea-border-bottom-right-radius)\n var(--comp-textarea-border-bottom-left-radius);--comp-textarea-border-width:var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) var(--tct-textarea-border-right-width, var(--t-textarea-border-right-width, 1px)) var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) var(--tct-textarea-border-left-width, var(--t-textarea-border-left-width, 1px));--comp-textarea-icon-clearance:34px}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(--tct-textarea-disabled-opacity, var(--t-textarea-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))))}.content-container{--comp-textarea-min-height:46px;--comp-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));min-width:var(--tct-textarea-min-width, var(--t-textarea-min-width, var(--comp-textarea-min-width)))}:host(:not([cols])) .content-container{width:100%}textarea{--comp-textarea-padding:var(--tct-textarea-padding, var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))) var(--tct-textarea-horizontal-padding, var(--t-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)))));--comp-textarea-border-color:var(--tct-textarea-border-color, var(--t-textarea-border-color, var(--tct-input-border-color, var(--t-input-border-color, var(--t-a11y-gray-color-AA, #949494)))));--comp-textarea-background:var(--tct-textarea-background, var(--tct-textarea-bg, var(--t-textarea-bg, var(--tct-input-background, var(--tct-input-bg, var(--t-input-bg, var(--t-gray-14, #fcfcfd)))))));--comp-textarea-hover-ring-color:var(--tct-textarea-hover-ring-color);--comp-textarea-hover-ring:0 0 0 2px var(--t-base), 0 0 0 4px var(--comp-textarea-hover-ring-color), var(--tct-textarea-hover-box-shadow, 0 0 transparent);resize:none;height:100%;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;min-height:var(--tct-textarea-min-height, var(--t-textarea-min-height, var(--comp-textarea-min-height)));padding:var(--comp-textarea-padding);background:var(--comp-textarea-background);color:var(--tct-textarea-font-color, var(--t-textarea-font-color, var(--t-input-font-color, inherit)));border-width:var(--comp-textarea-border-width);border-style:solid;border-color:var(--comp-textarea-border-color);border-radius:var(--comp-textarea-border-radius);box-shadow:var(--tct-textarea-box-shadow, var(--t-textarea-box-shadow, none));scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;--comp-textarea-tween:var(--tct-textarea-tween, var(--t-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))));transition:border-width var(--comp-textarea-tween), border-color var(--comp-textarea-tween), box-shadow var(--comp-textarea-tween)}textarea::-webkit-scrollbar{width:var(--app-scale-1x);height:var(--app-scale-1x);margin:var(--app-scale-1x)}textarea::-webkit-scrollbar-thumb{background:var(--t-a11y-gray-color);border-radius:2px}textarea::-webkit-scrollbar-track{background:transparent}textarea:not([cols]){width:100%}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance);border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-background, var(--comp-textarea-background))}textarea:hover{border-color:var(--tct-textarea-hover-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-hover-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))}.has-error textarea:hover{border-color:var(--tct-textarea-error-hover-border-color, var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a))));background:var(--tct-textarea-error-hover-background, var(--tct-textarea-error-background, var(--comp-textarea-background)));box-shadow:var(--tct-textarea-error-hover-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-hover-box-shadow, var(--comp-textarea-hover-ring))))}textarea:focus{border-color:var(--tct-textarea-focus-border-color, var(--comp-textarea-border-color));background:var(--tct-textarea-focus-background, var(--comp-textarea-background));box-shadow:var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))}.has-error textarea:focus{border-color:var(--tct-textarea-error-focus-border-color, var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)));background:var(--tct-textarea-error-focus-background, var(--tct-textarea-error-background, var(--tct-textarea-focus-background, var(--comp-textarea-background))));box-shadow:var(--tct-textarea-error-focus-box-shadow, var(--tct-textarea-error-box-shadow, var(--tct-textarea-focus-box-shadow, var(--const-double-focus-ring))))}textarea::placeholder{color:var(--tct-textarea-placeholder-font-color, var(--t-textarea-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666)))))))}textarea[disabled]{cursor:not-allowed}textarea.resize-vertical-auto{overflow:hidden}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance)}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--t-textarea-error-border-color, var(--const-stoplight-alert, #d20a0a)))}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, var(--t-textarea-border-top-width, 1px)) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, var(--t-textarea-border-bottom-width, 1px)) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--t-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px))));color:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999)))));right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))));--t-icon-stroke-primary:var(--tct-textarea-icon-stroke-primary, var(--t-textarea-icon-stroke-primary, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999))))))}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #d20a0a))}.messages-container{height:0px;overflow:hidden;background:var(--tct-message-background, var(--tct-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));box-shadow:var(--tct-textarea-message-box-shadow, var(--t-textarea-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3)))));transition:height var(--tct-textarea-messages-tween, var(--t-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-textarea-messages-font-color, var(--t-textarea-messages-font-color, inherit))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-textarea-max-length-font-size, var(--t-textarea-max-length-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n calc(\n var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px))) - var(--tct-textarea-resize-icon-size, var(--t-textarea-resize-icon-size, 12px))\n ) / 2\n );width:var(--tct-textarea-resize-btn-width, var(--t-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)));height:var(--tct-textarea-resize-btn-height, var(--t-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px)));background:var(--tct-textarea-resize-btn-background, var(--t-textarea-resize-btn-background, transparent));stroke:var(--tct-textarea-resize-color, var(--t-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77))));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding)) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding, var(--t-textarea-resize-icon-padding));font-size:0}.btn-resize:focus{outline:none;box-shadow:none}:host([resize=both]) .btn-resize{cursor:se-resize}:host([resize=vertical]) .btn-resize,:host([resize=vertical-auto]) .btn-resize{cursor:s-resize}:host([resize=horizontal]) .btn-resize{cursor:e-resize}";const v=d;const x=class{constructor(a){t(this,a);this.input=r(this,"input",7);this.change=r(this,"change",7);this.scheduledAfterRender=[];this.guid=o();this.checkRows=()=>{const{contentContainer:t,rows:r,textareaField:a,resize:e}=this;if(!r||["none","horizontal"].includes(e))return;t.style.height=`${t.offsetHeight}px`;a.removeAttribute("rows")};this.checkCols=()=>{const{contentContainer:t,cols:r,textareaField:a,resize:e}=this;if(!r||["none","vertical"].includes(e))return;t.style.width=`${t.offsetWidth}px`;a.removeAttribute("cols")};this.onTextareaFocus=()=>{this.hasFocus=true;this.valueOnFocus=this.value;i(this)};this.onTextareaBlur=()=>{const{valueOnFocus:t,textareaField:{value:r}}=this;this.hasFocus=false;i(this);if(t!==r)this.change.emit({value:r})};this.onTextareaInput=t=>{t.stopPropagation();const r=t.target.value;this.increaseHeightIfOverflowing();this.input.emit({value:r})};this.onTextareaChange=t=>{t.stopPropagation();const r=t.target.value;this.change.emit({value:r})};this.onMouseDown=t=>{const{contentContainer:r}=this;this.downParams={width:r.offsetWidth,height:r.offsetHeight,x:t.clientX,y:t.clientY};document.addEventListener("mousemove",this.onMouseMove);document.addEventListener("mouseup",this.onMouseUp)};this.onMouseMove=t=>{this.setHeight(t);this.setWidth(t)};this.onTouchStart=t=>{if(t.touches.length!==1)return;t.preventDefault();const{contentContainer:r}=this;const a=t.touches[0];this.downParams={width:r.offsetWidth,height:r.offsetHeight,x:a.pageX,y:a.pageY};document.addEventListener("touchmove",this.onTouchMove);document.addEventListener("touchend",this.onTouchMove)};this.onTouchMove=t=>{this.setHeight(t);this.setWidth(t)};this.increaseHeightIfOverflowing=()=>{const{scrollHeight:t}=this.textareaField;if(this.resize==="vertical-auto"&&this.isOverflowingVertically()){const r=t+this.getBorderOffset();this.contentContainer.style.height=`${r}px`}};this.isOverflowingVertically=()=>{const{clientHeight:t,scrollHeight:r}=this.textareaField;return r>t};this.getBorderOffset=()=>{const t=window.getComputedStyle(this.textareaField);return parseInt(t.borderTopWidth,10)+parseInt(t.borderBottomWidth,10)};this.onMouseUp=()=>{document.removeEventListener("mousemove",this.onMouseMove);this.downParams=null};this.cols=undefined;this.disabled=undefined;this.errors=undefined;this.hints=undefined;this.hideLabel=undefined;this.hideMessages=undefined;this.label=undefined;this.maxlength=undefined;this.optional=undefined;this.placeholder=undefined;this.readonly=undefined;this.resize="vertical";this.rows=undefined;this.spellcheck=undefined;this.value=undefined;this.hasFocus=undefined;this.downParams=undefined}componentWillLoad(){if(isNaN(this.maxlength)){this.maxlength=undefined}}componentDidRender(){this.scheduledAfterRender.push(this.checkRows,this.checkCols,this.increaseHeightIfOverflowing);this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}componentDidLoad(){n(this.hostElement)}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:undefined}get wrapperClasses(){const t=this.hasError?" has-error":"";const r=!!this.value?" has-value":"";const a=this.hasFocus?" has-focus":"";return`field-container${t}${r}${a}`}get showResize(){const{resize:t}=this;return t&&t!=="none"}valueObserver(){const{maxlength:t,value:r=""}=this;if(!t)return;const a=r.substr(0,t);if(a===r)return;this.change.emit({value:a})}rowsObserver(){this.contentContainer.style.height=null}colsObserver(){this.contentContainer.style.width=null}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}onHostElementFocus(t){if(!s(t,this.hostElement))return;this.textareaField.focus()}onHostElementChange(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail.value}}onHostElementInput(t){if(t.target===this.hostElement&&!this.hostElement.oninput){this.value=t.detail.value}}setValue(t){const{textareaField:r}=this;r.focus();r.value=t;r.dispatchEvent(new InputEvent("input"))}setWidth(t){var r,a;const{contentContainer:e,resize:o,downParams:{width:i,x:n}}=this;const s=["both","horizontal"].includes(o);if(!s)return;const c=t instanceof MouseEvent?t.clientX:(a=(r=t.touches[0])===null||r===void 0?void 0:r.pageX)!==null&&a!==void 0?a:0;const l=i-(n-c);e.style.width=`${l}px`}setHeight(t){var r,a;const{contentContainer:e,resize:o,downParams:{height:i,y:n}}=this;const s=["both","vertical","vertical-auto"].includes(o);if(!s)return;const c=t instanceof MouseEvent?t.clientY:(a=(r=t.touches[0])===null||r===void 0?void 0:r.pageY)!==null&&a!==void 0?a:0;const l=i-(n-c);if(o!=="vertical-auto"||l>i||o==="vertical-auto"&&!this.isOverflowingVertically()){e.style.height=`${l}px`}}render(){return a("div",{key:"2ba76ad5cc98c1cadf76a3301fef01fd40d35c2d",class:this.wrapperClasses},l(this),a("div",{key:"e0734318e02a96b12343b9f23c88e6fcd2a5a6b8",class:"content-container",ref:t=>this.contentContainer=t},this.inputDOM(),this.maxlength?this.maxLengthDOM():"",c(this)))}maxLengthDOM(){var t;return a("div",{class:"max-length","aria-hidden":"true"},((t=this.value)===null||t===void 0?void 0:t.length)||0,"/",this.maxlength)}inputDOM(){const t=this.resize==="vertical-auto"?"resize-vertical-auto":"";return a("div",{class:"input-container"},a("textarea",{id:this.inputId,class:t,placeholder:this.placeholder&&h(this.placeholder)||undefined,"test-id":"inputField",maxLength:this.maxlength,"aria-describedby":this.inputDescribedBy,"aria-invalid":`${this.hasError}`,"aria-required":`${!this.optional}`,"aria-label":this.hideLabel&&this.label,spellcheck:this.spellcheck,rows:this.rows||3,cols:this.cols,value:this.value,ref:t=>this.textareaField=t,readonly:!!this.readonly,disabled:!!this.disabled,maxlength:this.maxlength,onInput:this.onTextareaInput,onChange:this.onTextareaChange,onFocus:this.onTextareaFocus,onBlur:this.onTextareaBlur}),this.hasError?a("q2-icon",{type:"error",class:"icon-error"}):"",this.showResize&&a("button",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,class:"btn-resize","aria-label":h("tecton.element.input.resize"),tabIndex:-1},a("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M8.5 11.5l3-3m-7 3l7-7m-11 7l11-11",fill:"none","stroke-stroke-linecap":"square"}))))}get hostElement(){return e(this)}static get watchers(){return{value:["valueObserver"],rows:["rowsObserver"],cols:["colsObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};x.style=v;export{x as q2_textarea};
|
|
2
|
+
//# sourceMappingURL=p-a938c166.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,F as r,g as i}from"./p-a5f18e27.js";import{o as c,c as s,i as n,l as o}from"./p-8ba6e825.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:grid;grid-template-columns:var(--tct-stepper-vertical-list-width, var(--tct-advanced-stepper-list-width, var(--t-advanced-stepper-list-width, 180px))) 1fr;gap:var(--tct-stepper-vertical-layout-gap, var(--tct-advanced-stepper-layout-gap, var(--t-advanced-stepper-layout-gap, 120px)))}.step-label,.step-child-label{color:var(--comp-btn-label-color);font-size:var(--comp-btn-label-font-size);font-weight:var(--comp-label-font-weight, 400);min-height:1.5em}.step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, var(--tct-advanced-stepper-label-line-count, var(--t-advanced-stepper-label-line-count, 2)));-webkit-box-orient:vertical}[aria-selected=true] .step-label{font-weight:var(--tct-stepper-vertical-btn-active-font-weight, var(--tct-advanced-stepper-btn-active-font-weight, var(--t-advanced-stepper-btn-active-font-weight, 600)))}[aria-describedby] .step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, var(--tct-advanced-stepper-label-line-count, var(--t-advanced-stepper-label-line-count, 1)));-webkit-box-orient:vertical}.step-child-label{grid-area:content;color:var(--comp-btn-label-color)}.step-description{color:var(--tct-stepper-vertical-description-color, var(--tct-advanced-stepper-description-color, var(--t-advanced-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-stepper-vertical-description-font-size, var(--tct-advanced-stepper-description-font-size, var(--t-advanced-stepper-description-font-size, var(--app-font-size-small, 12px))));padding-bottom:0.2em}ul{--comp-top-btn-icon-size:var(--tct-stepper-vertical-btn-icon-size, var(--tct-advanced-stepper-btn-icon-size, var(--t-advanced-stepper-btn-icon-size, 24px)));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-3x, 15px))));--comp-btn-label-font-size:var(--tct-stepper-vertical-btn-label-font-size, var(--tct-advanced-stepper-btn-label-font-size, var(--t-advanced-stepper-btn-label-font-size, 16px)));--comp-btn-label-color:var(--tct-stepper-vertical-label-color, var(--tct-advanced-stepper-label-color, var(--t-advanced-stepper-label-color, var(--t-text, #4d4d4d))));--comp-tween:var(--tct-stepper-vertical-tween, var(--tct-advanced-stepper-tween, var(--t-advanced-stepper-tween, var(--app-tween-1, 0.2s ease))));--comp-bullet-bg:var(--tct-stepper-vertical-bullet-active-background, var(--tct-advanced-stepper-bullet-active-bg, var(--t-advanced-stepper-bullet-active-bg, var(--t-primary, #0079c1))));list-style:none;margin:0;padding:0}ul ul{--comp-btn-icon-size:var(--tct-stepper-vertical-child-btn-icon-size, var(--tct-advanced-stepper-child-btn-icon-size, var(--t-advanced-stepper-child-btn-icon-size, 12px)));--comp-btn-content-gap:var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-2x, 10px))));--comp-btn-label-font-size:var(--tct-stepper-vertical-child-btn-label-font-size, var(--tct-advanced-stepper-child-btn-label-font-size, var(--t-advanced-stepper-child-btn-label-font-size, var(--app-font-size-small, 12px))))}ul ul[aria-hidden=true]{display:none}.step-btn,.step-child-btn{display:grid;grid-template-columns:var(--comp-btn-icon-size) 1fr;gap:var(--comp-btn-content-gap);text-align:var(--tct-stepper-vertical-btn-text-align, var(--tct-advanced-stepper-btn-text-align, var(--t-advanced-stepper-btn-text-align, start)));grid-template-areas:"icon content";align-items:center;width:100%;position:relative;background:transparent;border:0;cursor:pointer;padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled],.step-child-btn[aria-disabled]{cursor:default;--comp-label-font-weight:300;--comp-btn-label-color:var(--tct-stepper-vertical-btn-locked-color, var(--tct-advanced-stepper-btn-locked-color, var(--t-advanced-stepper-btn-locked-color, var(--t-textA, rgba(77, 77, 77, 0.77)))))}.step-btn[aria-selected=true],.step-child-btn[aria-selected=true]{--comp-label-font-weight:600}.step-btn{min-height:var(--tct-stepper-vertical-btn-height, var(--tct-advanced-stepper-btn-height, var(--t-advanced-stepper-btn-height, 40px)));font-size:var(--tct-stepper-vertical-btn-font-size, var(--tct-advanced-stepper-btn-font-size, var(--t-advanced-stepper-btn-font-size, 16px)));--comp-active-color:var(--comp-bullet-bg)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00);--tct-stoplight-success:var(--comp-active-color)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #d20a0a);--tct-stoplight-warning:var(--comp-active-color)}.step-btn.status-locked{cursor:not-allowed}.step-child-btn{--comp-active-color:var(--comp-bullet-bg);min-height:var(--tct-stepper-vertical-child-btn-height, var(--tct-advanced-stepper-child-btn-height, var(--t-advanced-stepper-child-btn-height, 30px)));padding-left:var(--tct-stepper-vertical-child-btn-left-padding, var(--tct-advanced-stepper-child-btn-left-padding, var(--t-advanced-stepper-child-btn-left-padding, var(--app-scale-2x, 10px))));font-size:var(--tct-stepper-vertical-child-btn-font-size, var(--tct-advanced-stepper-child-btn-font-size, var(--t-advanced-stepper-child-btn-font-size, 12px)));border-left-width:var(--tct-stepper-vertical-child-btn-left-border-width, var(--tct-advanced-stepper-child-btn-left-border-width, var(--t-advanced-stepper-child-btn-left-border-width, 3px)));border-left-style:var(--tct-stepper-vertical-child-btn-left-border-style, var(--tct-advanced-stepper-child-btn-left-border-style, var(--t-advanced-stepper-child-btn-left-border-style, solid)));border-left-color:transparent}.step-child-btn[aria-selected=true]{--comp-btn-label-color:var(--comp-active-color);border-left-color:var(--comp-active-color)}.step-child-btn.status-error{--comp-btn-label-color:var(--const-stoplight-alert, #d20a0a);--comp-active-color:var(--const-stoplight-alert, #d20a0a)}.step-child-btn.status-locked{cursor:not-allowed}.step-content{grid-area:content}.step-icon,.step-bubble,.step-child-icon{grid-area:icon;width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);line-height:0}.step-icon q2-icon,.step-bubble q2-icon,.step-child-icon q2-icon{width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);--tct-stoplight-warning:var(--comp-active-color)}.step-icon,.step-bubble{background:var(--comp-active-color);color:var(--t-base, #ffffff);border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--t-base, #ffffff);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-locked .step-icon,.status-locked .step-bubble{background:var(--t-gray-12, #d9d9d9);color:var(--t-text, #4d4d4d)}[aria-selected=true] .step-icon,[aria-selected=true] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color)}.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0}.step-child-icon q2-icon{--tct-icon-stroke-primary:var(--comp-active-color);--tct-icon-stroke-secondary:var(--comp-active-color)}[aria-selected=true] .step-child-icon q2-icon{fill:var(--comp-active-color);--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.spacer{height:0;border-left-width:var(--tct-stepper-vertical-child-border-width, var(--tct-advanced-stepaer-child-border-width, var(--t-advanced-stepaer-child-border-width, 1px)));border-left-style:var(--tct-stepper-vertical-child-border-style, var(--tct-advanced-stepper-child-border-style, var(--t-advanced-stepper-child-border-style, solid)));border-left-color:var(--tct-stepper-vertical-child-border-color, var(--tct-advanced-stepper-child-border-color, var(--t-advanced-stepper-child-border-color, var(--t-gray-12, #d9d9d9))));overflow:hidden;margin-left:calc(var(--comp-top-btn-icon-size) / 2);transition:height var(--comp-tween)}.spacer.has-sibling{height:var(--tct-stepper-vertical-spacer-height, var(--tct-advanced-stepper-spacer-height, var(--t-advanced-stepper-spacer-height, var(--app-scale-6x, 30px))))}.spacer ul{opacity:0;transition:opacity var(--comp-tween)}.spacer.is-opening ul,.spacer.is-open ul{display:block;opacity:1 !important}.spacer.is-open{overflow:visible}';const p=l;const d=class{constructor(a){t(this,a);this.change=e(this,"change",7);this.scheduledAfterRender=[];this.determinePaneChanges=t=>{t.forEach((t=>{var e,a;if(t.type!=="childList")return;if(!t.addedNodes.length&&!t.removedNodes.length)return;if(((e=t.addedNodes[0])===null||e===void 0?void 0:e.nodeType)!==Node.ELEMENT_NODE&&((a=t.removedNodes[0])===null||a===void 0?void 0:a.nodeType)!==Node.ELEMENT_NODE)return;this.buildPaneList()}))};this.buildPaneList=()=>{const{allRootPanes:t}=this;if(!t.length)return;this.structuredPanes=Array.from(t).reduce(((t,e)=>{var a,r;const i=Array.from((r=(a=e.querySelector("[slot=children]"))===null||a===void 0?void 0:a.children)!==null&&r!==void 0?r:[]).filter((({tagName:t})=>t==="Q2-STEPPER-PANE")).map(this.extractDetails);t.push(Object.assign(Object.assign({},this.extractDetails(e)),{children:i}));return t}),[])};this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStepId:a}=this;if(e===a)return;const r=this.allPanes.find((t=>t.id===e));this.change.emit({selectedStep:r,selectedStepId:e,currentStepId:a})};this.onStepKeyDown=(t,e)=>{const{key:a}=t;let r;switch(a){case"ArrowUp":case"ArrowLeft":t.preventDefault();r=this.getStepId(e,"prev");break;case"ArrowDown":case"ArrowRight":t.preventDefault();r=this.getStepId(e,"next");break;case"Home":t.preventDefault();r=this.getStepId(e,"first");break;case"End":t.preventDefault();r=this.getStepId(e,"last");break}if(!r)return;this.focusStepBtn(r,true)};this.currentStepId=undefined;this.structuredPanes=[]}componentWillLoad(){this.setDefaultPane();this.buildPaneList();const t=new MutationObserver(this.determinePaneChanges);const e={childList:true};t.observe(this.hostElement,e);this.allRootPanes.forEach((a=>{const r=a.querySelector("[slot=children]");if(r)t.observe(r,e)}));this.mutationObserver=t}componentDidLoad(){c(this.hostElement);setTimeout((()=>this.showStep(this.currentStepId)),0)}componentWillUpdate(){this.expandedStepChildrenList=null}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[];this.openCurrentStepChildren()}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}get allRootPanes(){return Array.from(this.hostElement.querySelectorAll(":scope > q2-stepper-pane"))}get allPanes(){return Array.from(this.hostElement.querySelectorAll("q2-stepper-pane"))}setDefaultPane(){if(this.currentStepId)return;const t=this.hostElement.querySelector("q2-stepper-pane");if(!t)return;if(!t.id)t.id=`step-${s()}`;this.currentStepId=t.id}getStepId(t,e){const a=Array.from(this.hostElement.shadowRoot.querySelectorAll('ul:not([aria-hidden="true"]) > li > button:not([aria-disabled="true"])'));const r=a.findIndex((e=>e.getAttribute("aria-controls")===t));let i;switch(e){case"prev":i=Math.max(r-1,0);break;case"next":i=Math.min(r+1,a.length-1);break;case"first":i=0;break;case"last":i=a.length-1;break}return a[i].getAttribute("aria-controls")}showStep(t){this.scheduledAfterRender.push(this.resizeIframe);this.showStepPane(t);this.focusStepBtn(t)}extractDetails(t){const{label:e,description:a,status:r}=t;if(!t.id)t.id=`step-${s()}`;return{id:t.id,label:e,description:a,status:r}}resizeIframe(){var t,e;return(e=(t=window===null||window===void 0?void 0:window.TectonElements)===null||t===void 0?void 0:t.resizeIframe)===null||e===void 0?void 0:e.call(t)}openCurrentStepChildren(){const{expandedStepChildrenList:t}=this;const e=this.hostElement.shadowRoot.querySelectorAll(".spacer");e.forEach((e=>{if(t&&e.contains(t)){e.style.height=`${t.clientHeight}px`;if(e.classList.contains("is-open"))return;e.classList.add("is-opening");e.addEventListener("transitionend",(()=>{e.classList.remove("is-opening");e.classList.add("is-open");this.resizeIframe()}),{once:true})}else{e.removeAttribute("style");e.classList.remove("is-open","is-opening")}}))}showStepPane(t){this.allPanes.forEach((e=>{if(e.isActive||e.id===t){e.isActive=t===e.id}}))}focusStepBtn(t,e){const a=this.hostElement.shadowRoot.querySelector(`button[aria-controls="${t}"]`);const r=document.activeElement===this.hostElement;if(!a)return;if(r||e){a.focus()}}defaultChangeHandler(t){const{hostElement:e}=this;if(t.target===e&&!e.getAttribute("onchange")&&!!t.detail){this.currentStepId=t.detail.selectedStepId}}delegateFocus(t){if(!n(t,this.hostElement))return;this.focusStepBtn(this.currentStepId,true)}statusChangeHandler(){this.buildPaneList()}currentStepChanged(t){this.showStep(t)}renderStepBtn(t,e){const{currentStepId:r,structuredPanes:i}=this;const c=e===i.length-1;const{id:s,label:n,description:l,status:p}=t;const d=e+1;const b=s===r;const v=n&&`label-${s}`;const h=p==="locked";const u=n&&o(n);const f=n&&l&&`description-${s}`;const g=!n&&o("tecton.element.advancedStepper.number",[`${d}`,`${i.length}`]);let m;if(p==="complete")m="success-filled";else if(p==="error")m="warning-filled";const w=["step-btn"];if(p)w.push(`status-${p}`);const x=t.children.map((t=>t.id));const y=b||x.includes(r);return a("li",{role:"presentation"},a("button",{class:w.join(" "),type:"button","aria-labelledby":v,"aria-describedBy":f,"aria-label":g,"aria-selected":`${b}`,"aria-expanded":!!t.children.length?`${y}`:null,"aria-controls":s,"aria-disabled":h?"true":null,role:"tab",tabIndex:b?0:-1,onKeyDown:t=>!h&&this.onStepKeyDown(t,s),onClick:t=>!h&&this.onStepClick(t,s)},m?a("div",{class:"step-icon"},a("q2-icon",{type:m})):a("div",{class:"step-bubble"},d),n&&a("div",null,a("div",{class:"step-label",id:v},u),l&&a("div",{class:"step-description",id:f},o(l)))),this.renderSpacer(t,u,y,c))}renderSpacer(t,e,r,i){const c=i&&!!t.children.length||!i;const s=["spacer"];if(!i)s.push("has-sibling");return c&&a("div",{class:s.join(" ")},!!t.children.length&&a("ul",{ref:t=>r&&(this.expandedStepChildrenList=t),"aria-hidden":`${!r}`},t.children.map(((t,a,r)=>this.renderChildStepBtn(t,a,r.length,e)))))}renderChildStepBtn(t,e,r,i){const{currentStepId:c}=this;const{id:s,label:n,status:l}=t;const p=e+1;const d=n&&`label-${s}`;const b=s===c;const v=l==="locked";const h=!n&&o("tecton.element.advancedStepper.childNumber",[`${p}`,`${r}`,i]);let u;if(l==="error")u="warning-filled";const f=["step-child-btn"];if(l)f.push(`status-${l}`);return a("li",{role:"presentation"},a("button",{class:f.join(" "),type:"button","aria-labelledby":d,"aria-label":h,"aria-selected":`${b}`,"aria-controls":s,"aria-disabled":v?"true":null,role:"tab",tabIndex:b?0:-1,onKeyDown:t=>!v&&this.onStepKeyDown(t,s),onClick:t=>!v&&this.onStepClick(t,s)},u&&a("div",{class:"step-child-icon"},a("q2-icon",{type:u})),n&&a("div",{class:"step-child-label",id:d},o(n))))}render(){return a(r,{key:"111b2d1fde499840f0bfc3bc7e15aa031ca48352"},a("ul",{key:"cb06c9ee1ce93cc160b07819062cf4f4010be2a7",role:"tablist"},this.structuredPanes.map(((t,e)=>this.renderStepBtn(t,e)))),a("div",{key:"993998a6cc4bedb69065f318c59c729896671947"},a("slot",{key:"12527fc15e44c8ca0c189e797a9e3694143789d0"})))}get hostElement(){return i(this)}static get watchers(){return{currentStepId:["currentStepChanged"]}}};d.style=p;export{d as q2_stepper_vertical};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as a,F as r,g as i}from"./p-a5f18e27.js";import{o as c,c as s,i as n,l as o}from"./p-c49e1a96.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:grid;grid-template-columns:var(--tct-stepper-vertical-list-width, var(--tct-advanced-stepper-list-width, var(--t-advanced-stepper-list-width, 180px))) 1fr;gap:var(--tct-stepper-vertical-layout-gap, var(--tct-advanced-stepper-layout-gap, var(--t-advanced-stepper-layout-gap, 120px)))}.step-label,.step-child-label{color:var(--comp-btn-label-color);font-size:var(--comp-btn-label-font-size);font-weight:var(--comp-label-font-weight, 400);min-height:1.5em}.step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, var(--tct-advanced-stepper-label-line-count, var(--t-advanced-stepper-label-line-count, 2)));-webkit-box-orient:vertical}[aria-selected=true] .step-label{font-weight:var(--tct-stepper-vertical-btn-active-font-weight, var(--tct-advanced-stepper-btn-active-font-weight, var(--t-advanced-stepper-btn-active-font-weight, 600)))}[aria-describedby] .step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--tct-stepper-label-line-count, var(--tct-advanced-stepper-label-line-count, var(--t-advanced-stepper-label-line-count, 1)));-webkit-box-orient:vertical}.step-child-label{grid-area:content;color:var(--comp-btn-label-color)}.step-description{color:var(--tct-stepper-vertical-description-color, var(--tct-advanced-stepper-description-color, var(--t-advanced-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-stepper-vertical-description-font-size, var(--tct-advanced-stepper-description-font-size, var(--t-advanced-stepper-description-font-size, var(--app-font-size-small, 12px))));padding-bottom:0.2em}ul{--comp-top-btn-icon-size:var(--tct-stepper-vertical-btn-icon-size, var(--tct-advanced-stepper-btn-icon-size, var(--t-advanced-stepper-btn-icon-size, 24px)));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-3x, 15px))));--comp-btn-label-font-size:var(--tct-stepper-vertical-btn-label-font-size, var(--tct-advanced-stepper-btn-label-font-size, var(--t-advanced-stepper-btn-label-font-size, 16px)));--comp-btn-label-color:var(--tct-stepper-vertical-label-color, var(--tct-advanced-stepper-label-color, var(--t-advanced-stepper-label-color, var(--t-text, #4d4d4d))));--comp-tween:var(--tct-stepper-vertical-tween, var(--tct-advanced-stepper-tween, var(--t-advanced-stepper-tween, var(--app-tween-1, 0.2s ease))));--comp-bullet-bg:var(--tct-stepper-vertical-bullet-active-background, var(--tct-advanced-stepper-bullet-active-bg, var(--t-advanced-stepper-bullet-active-bg, var(--t-primary, #0079c1))));list-style:none;margin:0;padding:0}ul ul{--comp-btn-icon-size:var(--tct-stepper-vertical-child-btn-icon-size, var(--tct-advanced-stepper-child-btn-icon-size, var(--t-advanced-stepper-child-btn-icon-size, 12px)));--comp-btn-content-gap:var(--tct-stepper-vertical-btn-gap, var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-2x, 10px))));--comp-btn-label-font-size:var(--tct-stepper-vertical-child-btn-label-font-size, var(--tct-advanced-stepper-child-btn-label-font-size, var(--t-advanced-stepper-child-btn-label-font-size, var(--app-font-size-small, 12px))))}ul ul[aria-hidden=true]{display:none}.step-btn,.step-child-btn{display:grid;grid-template-columns:var(--comp-btn-icon-size) 1fr;gap:var(--comp-btn-content-gap);text-align:var(--tct-stepper-vertical-btn-text-align, var(--tct-advanced-stepper-btn-text-align, var(--t-advanced-stepper-btn-text-align, start)));grid-template-areas:"icon content";align-items:center;width:100%;position:relative;background:transparent;border:0;cursor:pointer;padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled],.step-child-btn[aria-disabled]{cursor:default;--comp-label-font-weight:300;--comp-btn-label-color:var(--tct-stepper-vertical-btn-locked-color, var(--tct-advanced-stepper-btn-locked-color, var(--t-advanced-stepper-btn-locked-color, var(--t-textA, rgba(77, 77, 77, 0.77)))))}.step-btn[aria-selected=true],.step-child-btn[aria-selected=true]{--comp-label-font-weight:600}.step-btn{min-height:var(--tct-stepper-vertical-btn-height, var(--tct-advanced-stepper-btn-height, var(--t-advanced-stepper-btn-height, 40px)));font-size:var(--tct-stepper-vertical-btn-font-size, var(--tct-advanced-stepper-btn-font-size, var(--t-advanced-stepper-btn-font-size, 16px)));--comp-active-color:var(--comp-bullet-bg)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00);--tct-stoplight-success:var(--comp-active-color)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #d20a0a);--tct-stoplight-warning:var(--comp-active-color)}.step-btn.status-locked{cursor:not-allowed}.step-child-btn{--comp-active-color:var(--comp-bullet-bg);min-height:var(--tct-stepper-vertical-child-btn-height, var(--tct-advanced-stepper-child-btn-height, var(--t-advanced-stepper-child-btn-height, 30px)));padding-left:var(--tct-stepper-vertical-child-btn-left-padding, var(--tct-advanced-stepper-child-btn-left-padding, var(--t-advanced-stepper-child-btn-left-padding, var(--app-scale-2x, 10px))));font-size:var(--tct-stepper-vertical-child-btn-font-size, var(--tct-advanced-stepper-child-btn-font-size, var(--t-advanced-stepper-child-btn-font-size, 12px)));border-left-width:var(--tct-stepper-vertical-child-btn-left-border-width, var(--tct-advanced-stepper-child-btn-left-border-width, var(--t-advanced-stepper-child-btn-left-border-width, 3px)));border-left-style:var(--tct-stepper-vertical-child-btn-left-border-style, var(--tct-advanced-stepper-child-btn-left-border-style, var(--t-advanced-stepper-child-btn-left-border-style, solid)));border-left-color:transparent}.step-child-btn[aria-selected=true]{--comp-btn-label-color:var(--comp-active-color);border-left-color:var(--comp-active-color)}.step-child-btn.status-error{--comp-btn-label-color:var(--const-stoplight-alert, #d20a0a);--comp-active-color:var(--const-stoplight-alert, #d20a0a)}.step-child-btn.status-locked{cursor:not-allowed}.step-content{grid-area:content}.step-icon,.step-bubble,.step-child-icon{grid-area:icon;width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);line-height:0}.step-icon q2-icon,.step-bubble q2-icon,.step-child-icon q2-icon{width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);--tct-stoplight-warning:var(--comp-active-color)}.step-icon,.step-bubble{background:var(--comp-active-color);color:var(--t-base, #ffffff);border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}.step-icon q2-icon:before,.step-bubble q2-icon:before{content:"";display:block;background:var(--t-base, #ffffff);position:absolute;width:80%;height:80%;left:11%;top:11%;border-radius:50%}.status-locked .step-icon,.status-locked .step-bubble{background:var(--t-gray-12, #d9d9d9);color:var(--t-text, #4d4d4d)}[aria-selected=true] .step-icon,[aria-selected=true] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color)}.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0}.step-child-icon q2-icon{--tct-icon-stroke-primary:var(--comp-active-color);--tct-icon-stroke-secondary:var(--comp-active-color)}[aria-selected=true] .step-child-icon q2-icon{fill:var(--comp-active-color);--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.spacer{height:0;border-left-width:var(--tct-stepper-vertical-child-border-width, var(--tct-advanced-stepaer-child-border-width, var(--t-advanced-stepaer-child-border-width, 1px)));border-left-style:var(--tct-stepper-vertical-child-border-style, var(--tct-advanced-stepper-child-border-style, var(--t-advanced-stepper-child-border-style, solid)));border-left-color:var(--tct-stepper-vertical-child-border-color, var(--tct-advanced-stepper-child-border-color, var(--t-advanced-stepper-child-border-color, var(--t-gray-12, #d9d9d9))));overflow:hidden;margin-left:calc(var(--comp-top-btn-icon-size) / 2);transition:height var(--comp-tween)}.spacer.has-sibling{height:var(--tct-stepper-vertical-spacer-height, var(--tct-advanced-stepper-spacer-height, var(--t-advanced-stepper-spacer-height, var(--app-scale-6x, 30px))))}.spacer ul{opacity:0;transition:opacity var(--comp-tween)}.spacer.is-opening ul,.spacer.is-open ul{display:block;opacity:1 !important}.spacer.is-open{overflow:visible}';const p=l;const d=class{constructor(a){t(this,a);this.change=e(this,"change",7);this.scheduledAfterRender=[];this.determinePaneChanges=t=>{t.forEach((t=>{var e,a;if(t.type!=="childList")return;if(!t.addedNodes.length&&!t.removedNodes.length)return;if(((e=t.addedNodes[0])===null||e===void 0?void 0:e.nodeType)!==Node.ELEMENT_NODE&&((a=t.removedNodes[0])===null||a===void 0?void 0:a.nodeType)!==Node.ELEMENT_NODE)return;this.buildPaneList()}))};this.buildPaneList=()=>{const{allRootPanes:t}=this;if(!t.length)return;this.structuredPanes=Array.from(t).reduce(((t,e)=>{var a,r;const i=Array.from((r=(a=e.querySelector("[slot=children]"))===null||a===void 0?void 0:a.children)!==null&&r!==void 0?r:[]).filter((({tagName:t})=>t==="Q2-STEPPER-PANE")).map(this.extractDetails);t.push(Object.assign(Object.assign({},this.extractDetails(e)),{children:i}));return t}),[])};this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStepId:a}=this;if(e===a)return;const r=this.allPanes.find((t=>t.id===e));this.change.emit({selectedStep:r,selectedStepId:e,currentStepId:a})};this.onStepKeyDown=(t,e)=>{const{key:a}=t;let r;switch(a){case"ArrowUp":case"ArrowLeft":t.preventDefault();r=this.getStepId(e,"prev");break;case"ArrowDown":case"ArrowRight":t.preventDefault();r=this.getStepId(e,"next");break;case"Home":t.preventDefault();r=this.getStepId(e,"first");break;case"End":t.preventDefault();r=this.getStepId(e,"last");break}if(!r)return;this.focusStepBtn(r,true)};this.currentStepId=undefined;this.structuredPanes=[]}componentWillLoad(){this.setDefaultPane();this.buildPaneList();const t=new MutationObserver(this.determinePaneChanges);const e={childList:true};t.observe(this.hostElement,e);this.allRootPanes.forEach((a=>{const r=a.querySelector("[slot=children]");if(r)t.observe(r,e)}));this.mutationObserver=t}componentDidLoad(){c(this.hostElement);setTimeout((()=>this.showStep(this.currentStepId)),0)}componentWillUpdate(){this.expandedStepChildrenList=null}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[];this.openCurrentStepChildren()}disconnectedCallback(){this.mutationObserver.disconnect();this.mutationObserver=null}get allRootPanes(){return Array.from(this.hostElement.querySelectorAll(":scope > q2-stepper-pane"))}get allPanes(){return Array.from(this.hostElement.querySelectorAll("q2-stepper-pane"))}setDefaultPane(){if(this.currentStepId)return;const t=this.hostElement.querySelector("q2-stepper-pane");if(!t)return;if(!t.id)t.id=`step-${s()}`;this.currentStepId=t.id}getStepId(t,e){const a=Array.from(this.hostElement.shadowRoot.querySelectorAll('ul:not([aria-hidden="true"]) > li > button:not([aria-disabled="true"])'));const r=a.findIndex((e=>e.getAttribute("aria-controls")===t));let i;switch(e){case"prev":i=Math.max(r-1,0);break;case"next":i=Math.min(r+1,a.length-1);break;case"first":i=0;break;case"last":i=a.length-1;break}return a[i].getAttribute("aria-controls")}showStep(t){this.scheduledAfterRender.push(this.resizeIframe);this.showStepPane(t);this.focusStepBtn(t)}extractDetails(t){const{label:e,description:a,status:r}=t;if(!t.id)t.id=`step-${s()}`;return{id:t.id,label:e,description:a,status:r}}resizeIframe(){var t,e;return(e=(t=window===null||window===void 0?void 0:window.TectonElements)===null||t===void 0?void 0:t.resizeIframe)===null||e===void 0?void 0:e.call(t)}openCurrentStepChildren(){const{expandedStepChildrenList:t}=this;const e=this.hostElement.shadowRoot.querySelectorAll(".spacer");e.forEach((e=>{if(t&&e.contains(t)){e.style.height=`${t.clientHeight}px`;if(e.classList.contains("is-open"))return;e.classList.add("is-opening");e.addEventListener("transitionend",(()=>{e.classList.remove("is-opening");e.classList.add("is-open");this.resizeIframe()}),{once:true})}else{e.removeAttribute("style");e.classList.remove("is-open","is-opening")}}))}showStepPane(t){this.allPanes.forEach((e=>{if(e.isActive||e.id===t){e.isActive=t===e.id}}))}focusStepBtn(t,e){const a=this.hostElement.shadowRoot.querySelector(`button[aria-controls="${t}"]`);const r=document.activeElement===this.hostElement;if(!a)return;if(r||e){a.focus()}}defaultChangeHandler(t){const{hostElement:e}=this;if(t.target===e&&!e.getAttribute("onchange")&&!!t.detail){this.currentStepId=t.detail.selectedStepId}}delegateFocus(t){if(!n(t,this.hostElement))return;this.focusStepBtn(this.currentStepId,true)}statusChangeHandler(){this.buildPaneList()}currentStepChanged(t){this.showStep(t)}renderStepBtn(t,e){const{currentStepId:r,structuredPanes:i}=this;const c=e===i.length-1;const{id:s,label:n,description:l,status:p}=t;const d=e+1;const v=s===r;const b=n&&`label-${s}`;const h=p==="locked";const u=n&&o(n);const f=n&&l&&`description-${s}`;const g=!n&&o("tecton.element.advancedStepper.number",[`${d}`,`${i.length}`]);let m;if(p==="complete")m="success-filled";else if(p==="error")m="warning-filled";const w=["step-btn"];if(p)w.push(`status-${p}`);const x=t.children.map((t=>t.id));const y=v||x.includes(r);return a("li",{role:"presentation"},a("button",{class:w.join(" "),type:"button","aria-labelledby":b,"aria-describedBy":f,"aria-label":g,"aria-selected":`${v}`,"aria-expanded":!!t.children.length?`${y}`:null,"aria-controls":s,"aria-disabled":h?"true":null,role:"tab",tabIndex:v?0:-1,onKeyDown:t=>!h&&this.onStepKeyDown(t,s),onClick:t=>!h&&this.onStepClick(t,s)},m?a("div",{class:"step-icon"},a("q2-icon",{type:m})):a("div",{class:"step-bubble"},d),n&&a("div",null,a("div",{class:"step-label",id:b},u),l&&a("div",{class:"step-description",id:f},o(l)))),this.renderSpacer(t,u,y,c))}renderSpacer(t,e,r,i){const c=i&&!!t.children.length||!i;const s=["spacer"];if(!i)s.push("has-sibling");return c&&a("div",{class:s.join(" ")},!!t.children.length&&a("ul",{ref:t=>r&&(this.expandedStepChildrenList=t),"aria-hidden":`${!r}`},t.children.map(((t,a,r)=>this.renderChildStepBtn(t,a,r.length,e)))))}renderChildStepBtn(t,e,r,i){const{currentStepId:c}=this;const{id:s,label:n,status:l}=t;const p=e+1;const d=n&&`label-${s}`;const v=s===c;const b=l==="locked";const h=!n&&o("tecton.element.advancedStepper.childNumber",[`${p}`,`${r}`,i]);let u;if(l==="error")u="warning-filled";const f=["step-child-btn"];if(l)f.push(`status-${l}`);return a("li",{role:"presentation"},a("button",{class:f.join(" "),type:"button","aria-labelledby":d,"aria-label":h,"aria-selected":`${v}`,"aria-controls":s,"aria-disabled":b?"true":null,role:"tab",tabIndex:v?0:-1,onKeyDown:t=>!b&&this.onStepKeyDown(t,s),onClick:t=>!b&&this.onStepClick(t,s)},u&&a("div",{class:"step-child-icon"},a("q2-icon",{type:u})),n&&a("div",{class:"step-child-label",id:d},o(n))))}render(){return a(r,{key:"111b2d1fde499840f0bfc3bc7e15aa031ca48352"},a("ul",{key:"cb06c9ee1ce93cc160b07819062cf4f4010be2a7",role:"tablist"},this.structuredPanes.map(((t,e)=>this.renderStepBtn(t,e)))),a("div",{key:"993998a6cc4bedb69065f318c59c729896671947"},a("slot",{key:"12527fc15e44c8ca0c189e797a9e3694143789d0"})))}get hostElement(){return i(this)}static get watchers(){return{currentStepId:["currentStepChanged"]}}};d.style=p;export{d as q2_stepper_vertical};
|
|
2
|
+
//# sourceMappingURL=p-a97ef962.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-a5f18e27.js";import{c as o,e as s}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-a5f18e27.js";import{c as o,e as s}from"./p-c49e1a96.js";const a="*{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, 2px));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 n=a;const d=class{constructor(i){t(this,i);this.change=e(this,"change",7);this._id=`checkbox-group-${o()}`;this.onMutationObserved=()=>{this.updateValue();this.updateDisabled();this.updateReadonly()};this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};setTimeout((()=>{this.checkboxElements.forEach((t=>{e[t.value]=!!t.checked}));this.change.emit(e)}),0)};this.disabled=undefined;this.hasError=undefined;this.hideLabel=undefined;this.label=undefined;this.optional=undefined;this.readonly=undefined;this.value=undefined}get inputId(){return this._id}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}updateValue(){if(this.readonly)return;this.checkboxElements.forEach((t=>{if(this.protectedValue.hasOwnProperty(t.value)){t.checked=this.value[t.value]}}))}updateDisabled(){const t=this.disabled;this.checkboxElements.forEach((e=>{e.groupDisabled=t}))}updateReadonly(){this.checkboxElements.forEach((t=>{t.readonly=this.readonly}))}componentWillLoad(){this.updateReadonly()}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=t;this.onMutationObserved()}disconnectedCallback(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}}valueObserver(){this.updateValue()}disabledObserver(){this.updateDisabled()}readonlyObserver(){this.updateReadonly()}setValue(t){const e=new Set(Array.isArray(t)?t:[t]);this.checkboxElements.forEach((t=>{if(e.has(t.value))t.click()}))}onHostElementChange(t){if(t.target===this.hostElement&&!this.hostElement.onchange){this.value=t.detail}}render(){const t=this.label||this.optional||this.readonly;return i("div",{key:"c9b443db8b4ca212b104a418a9603a1c9a932dbd"},t&&!this.hideLabel&&i("div",{key:"79ce4bba56f1eaedb3f9aa737384a01433b0e172",class:"group-legend"},s(this)),i("fieldset",{key:"ddca94dba92a6db664ab809562eec0d2f157acd7",class:`q2-checkbox-fieldset ${this.hasError?"has-error":""}`,onChange:this.onInnerCheckboxChange,"aria-invalid":`${this.hasError}`},this.label||this.optional?i("legend",{class:"sr-only"},s(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()))}inputDom(){return i("slot",null)}get hostElement(){return r(this)}static get watchers(){return{value:["valueObserver"],disabled:["disabledObserver"],readonly:["readonlyObserver"]}}};d.style=n;export{d as q2_checkbox_group};
|
|
2
|
+
//# sourceMappingURL=p-afffd84d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as s}from"./p-a5f18e27.js";import{l as n,h as a,o as r,i as h,w as d}from"./p-
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as i,h as e,g as s}from"./p-a5f18e27.js";import{l as n,h as a,o as r,i as h,w as d}from"./p-c49e1a96.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.input=i(this,"input",7);this.change=i(this,"change",7);this.scheduledAfterRender=[];this.defaultValue=this.value;this.inputInput=t=>{t.stopPropagation();this.input.emit(t.detail);this.formattedValue=t.detail.formattedValue;this.innerValue=t.detail.value};this.inputChange=t=>{t.stopPropagation()};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.inputClick=t=>{t.stopPropagation()};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});setTimeout((()=>{const{errors:t=[]}=this;if(!t.length)return;this.hostElement.focus()}),1)};this.editClick=t=>{t===null||t===void 0?void 0:t.stopPropagation();this.change.emit({editing:true,name:"edit"})};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.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="";this.ariaLabel=undefined;this.formattedValue=undefined}get locLabel(){return this.label&&n(this.label)||""}componentWillLoad(){a(this)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[];this.formattedValue=this.inputElement.formattedValue}componentDidLoad(){r(this.hostElement)}errorsObserver(){var t;const{editing:i,errors:e=[]}=this;const s=this.hostElement.shadowRoot.activeElement;const n=(t=(s===null||s===void 0?void 0:s.tagName)==="Q2-INPUT")!==null&&t!==void 0?t:false;const a=e.length;if(n||!s||!i||!a)return;this.inputElement.focus()}ariaLabelObserver(){a(this)}observesEditing(t,i){if(t===i)return;this.scheduledAfterRender.push(this.hostElement.focus)}get wrapperClass(){return`q2-editable-field-wrapper ${this.editing?"editing":""}`}onHostElementChange(t){if(!h(t,this.hostElement)||this.hostElement.onchange)return;switch(t.detail.name){case"save":this.value=t.detail.value;break;case"cancel":this.inputElement.value=this.value;break}this.editing=t.detail.editing}delegateFocus(t){if(!h(t,this.hostElement))return;this.hostElement.shadowRoot.querySelector(this.editing?"q2-input":"q2-btn.begin-edit").focus()}clickEdit(){var t;if(this.editing)return;(t=this.editBtnElement)===null||t===void 0?void 0:t.click()}clickCancel(){var t;if(!this.editing)return;(t=this.cancelBtnElement)===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 d();await this.inputElement.setValue(t);if(i.clickSave){await this.clickSave();await d()}}render(){return e("div",{key:"6dd0e2a1bc04692959f070049f2e48acd5036254"},this.generateEditStateDOM(),this.generateReadStateDOM())}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:Array.isArray(this.hints)&&this.hints.map((t=>n(t)))||undefined,errors:Array.isArray(this.errors)&&this.errors.map((t=>n(t)))||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:`${n("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:`${n("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())}generateEditBtn(){return e("q2-btn",{ref:t=>this.editBtnElement=t,class:"begin-edit",label:`${n("tecton.element.editableField.edit")} ${this.locLabel}`,"hide-label":true,disabled:this.disabled,"test-id":"editButton",onClick:this.editClick},e("q2-icon",{type:"edit"}))}get hostElement(){return s(this)}static get watchers(){return{errors:["errorsObserver"],ariaLabel:["ariaLabelObserver"],editing:["observesEditing"]}}};c.style=o;export{c as q2_editable_field};
|
|
2
|
+
//# sourceMappingURL=p-b82c1681.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{h as e}from"./p-a5f18e27.js";function n(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|Mobile|IEMobile|Windows Phone|Opera Mini/i.test(navigator.userAgent)}function o(e){let n=e;while(n&&n!==document.body&&n!==document.documentElement){if(n.parentElement){n=n.parentElement}else{const e=n.getRootNode();if(e&&e.host){n=e.host}else{break}}const e=window.getComputedStyle(n);const o=e.overflow==="scroll"||e.overflow==="auto"||e.overflowX==="scroll"||e.overflowX==="auto"||e.overflowY==="scroll"||e.overflowY==="auto";const i=n.scrollHeight>n.clientHeight||n.scrollWidth>n.clientWidth;if(o&&i){return true}}return false}function i(e,n){const o=e.type;const i=["focusin","focus"];const t=i.includes(o);const r=t?e.target:e.relatedTarget;const a=e=>{if(e===n)return true;if(e.parentElement){return a(e.parentElement)}return false};if(!(r instanceof HTMLElement))return true;return!a(r)}function t(e,n){return e.relatedTarget!==n&&!n.contains(e.relatedTarget)}function r(e,n){var o;return((o=e.composedPath)===null||o===void 0?void 0:o.call(e)[0])===n}function a(e){e.focus=()=>e===null||e===void 0?void 0:e.dispatchEvent(new FocusEvent("focus",{bubbles:false}))}function s(){const e=navigator.userAgent.toLowerCase();return e.includes("firefox")}function l(){return"ontouchstart"in window||navigator.maxTouchPoints>0}function d(e,n){if(e===undefined)return e;if(!n)return e!=="Symbol()"?e:undefined;return n.includes(e)||e===""?e:undefined}let u=1e3;function c(){return u++}function f(e){requestAnimationFrame((()=>{requestAnimationFrame(e)}))}function m(e){return e.offsetWidth>0||e.offsetHeight>0||e.getClientRects().length>0}function p(){return new Promise((e=>f(e)))}function v(e,n){var o,i,t;if(!e)return"";if(((o=window.Tecton)===null||o===void 0?void 0:o.noStrings)===true){return e}return(t=(i=window===null||window===void 0?void 0:window.TectonElements)===null||i===void 0?void 0:i.loc(e,n))!==null&&t!==void 0?t:e}function b(){const e=navigator.userAgent;let n="Unknown";let o="Unknown";if(e.includes("Firefox")){n="Firefox";const i=e.match(/Firefox\/(\d+\.\d+)/);if(i&&i[1]){o=i[1]}}else if(e.includes("Chrome")&&!e.includes("Edg")){n="Chrome";const i=e.match(/Chrome\/(\d+\.\d+\.\d+\.\d+)/);if(i&&i[1]){o=i[1]}}else if(e.includes("Safari")&&!e.includes("Chrome")){n="Safari";const i=e.match(/Version\/(\d+\.\d+)/);if(i&&i[1]){o=i[1]}}else if(e.includes("Edg")){n="Edge";const i=e.match(/Chrome\/(\d+\.\d+\.\d+\.\d+)/);if(i&&i[1]){o=i[1]}}return{name:n,version:o}}function h(n){const{label:o,hideLabel:i,optional:t,readonly:r}=n;const a=["input-label"];let s="";let l=i;if(!l){const e=n.hostElement.shadowRoot.querySelector('slot[name="label"]');const i=(e===null||e===void 0?void 0:e.assignedNodes().length)>0;const t=!!o;l=t||i?false:true}if(l)a.push("sr");if(t){s=e("span",{class:"optional-tag"},v("tecton.element.input.optional"))}if(r){s=e("span",{class:"optional-tag"},v("tecton.element.input.readonly"));a.push("readonly-field")}return e("label",{htmlFor:n.inputId,class:a.join(" ")},e("slot",{name:"label"},o?v(o):undefined,s))}function w(e,n){return e.querySelector(`[slot="${n}"]`)!==null}function g(e){const{ariaLabel:n}=e;if(!n)return;const o=Symbol().toString();if(n===o){e.ariaLabel=undefined;return}if("hideLabel"in e)e.hideLabel=true;e.label=v(n);e.ariaLabel=undefined}function y(e,n,o,i){if(typeof e[n]==="undefined")return;if(e[n]){k(e,n,"prop")}e[o]=e[n];if(i){delete e[n]}}function k(e,n,o){if(window.location.hostname==="localhost"||window.location.host==="stack.q2developer.com"){if(e[n]==="undefined")return;const i=e.constructor.name.toLowerCase().slice(2);switch(o){case"prop":if(n==="size"&&i==="btn"){console.warn(`The property of size in q2-btn should not be typeof number, or typeof string containing a number. This functionality will be deprecated in an upcoming release. Instead, please use the value 'undefined', or typeof string with any of the following values: "small" / "medium" / "large" `)}else{console.warn(`The property ${n} in q2-${i} has been marked for deprecation and will be removed in an upcoming major release.`)}break;case"function":console.warn(`The function ${n} in ${i} has been marked for deprecation and will be removed in an upcoming major release.`);break;case"method":console.warn(`The method ${n} in ${i} has been marked for deprecation and will be removed in an upcoming major release.`);break;case"event":console.warn(`The event ${n} in ${i} has been marked for deprecation and will be removed in an upcoming major release.`);break;default:console.error(`handleDeprecationWarning --\x3e No type found for desired deprecation: ${n} in q2-${i}: deprecatedItemType = ${n}`)}}}function $(n){const o=n.hasError?"danger":"info";return e("div",{class:"messages-container"},e("q2-message",{appearance:"minimal",description:true,type:o,"test-id":"message"},e("ul",{id:n.inputDescribedBy},n.messages.map((n=>e("li",{"test-id":"messageListItem"},v(n)))))))}function q(e){const n=e.hostElement.shadowRoot.querySelector(".messages-container");const o=n.querySelector("q2-message");f((()=>{const i=e.showMessages&&e.hasFocus?o.getBoundingClientRect().height:0;if(n.style.getPropertyValue("height")===`${i}px`)return;if(i===0){o.classList.add("invisible");n.style.removeProperty("height")}else{o.classList.remove("invisible");n.style.setProperty("height",`${i}px`)}}))}const x=()=>{var e,n;return(n=(e=window.TectonElements)===null||e===void 0?void 0:e.resizeIframe)===null||n===void 0?void 0:n.call(e)};const T=e=>{if(!e.intent&&["primary","secondary"].includes(e.color)){e.intent=`workflow-${e.color}`;e.color=undefined}};export{y as a,l as b,c,n as d,h as e,w as f,t as g,g as h,r as i,b as j,i as k,v as l,$ as m,f as n,a as o,s as p,d as q,x as r,q as s,m as t,k as u,o as v,p as w,T as x};
|
|
2
|
+
//# sourceMappingURL=p-c49e1a96.js.map
|