q2-tecton-elements 1.10.3 → 1.10.4
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.cjs.entry.js +1 -1
- package/dist/cjs/{icons-fa5f4367.js → icons-921779df.js} +250 -1
- package/dist/cjs/{index-6b2c271e.js → index-c2e53804.js} +19 -0
- package/dist/cjs/{index-14348270.js → index-f4153f5a.js} +18 -4
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/q2-avatar.cjs.entry.js +3 -3
- package/dist/cjs/q2-btn_2.cjs.entry.js +3 -3
- package/dist/cjs/q2-calendar.cjs.entry.js +7 -3
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-carousel.cjs.entry.js +2 -2
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +2 -2
- package/dist/cjs/q2-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/q2-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/q2-editable-field.cjs.entry.js +2 -2
- package/dist/cjs/q2-icon.cjs.entry.js +3 -3
- package/dist/cjs/q2-input.cjs.entry.js +3 -3
- package/dist/cjs/q2-loading-element.cjs.entry.js +2 -2
- package/dist/cjs/q2-loc.cjs.entry.js +2 -2
- package/dist/cjs/q2-message.cjs.entry.js +21 -3
- package/dist/cjs/q2-optgroup.cjs.entry.js +2 -2
- package/dist/cjs/q2-option.cjs.entry.js +1 -1
- package/dist/cjs/q2-radio-group.cjs.entry.js +8 -4
- package/dist/cjs/q2-radio.cjs.entry.js +2 -2
- package/dist/cjs/q2-section.cjs.entry.js +2 -2
- package/dist/cjs/q2-select.cjs.entry.js +2 -2
- package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
- package/dist/cjs/q2-stepper.cjs.entry.js +2 -2
- package/dist/cjs/q2-tab-container.cjs.entry.js +85 -115
- package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-tecton-elements.cjs.js +2 -2
- package/dist/cjs/q2-textarea.cjs.entry.js +2 -2
- package/dist/cjs/{shapes-a7595d72.js → shapes-086c0365.js} +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +12 -1
- package/dist/collection/components/q2-avatar/index.js +2 -2
- package/dist/collection/components/q2-calendar/index.js +5 -1
- package/dist/collection/components/q2-icon/icons.js +249 -0
- package/dist/collection/components/q2-input/styles.css +5 -4
- package/dist/collection/components/q2-message/index.js +48 -8
- package/dist/collection/components/q2-message/styles.css +68 -75
- package/dist/collection/components/q2-radio-group/index.js +7 -3
- package/dist/collection/components/q2-radio-group/styles.css +3 -0
- package/dist/collection/components/q2-tab-container/index.js +97 -125
- package/dist/collection/components/q2-tab-container/styles.css +118 -98
- package/dist/collection/components/tecton-tab-pane/index.js +11 -0
- package/dist/collection/utils/index.js +9 -3
- package/dist/esm/click-elsewhere.entry.js +1 -1
- package/dist/esm/{icons-17612675.js → icons-a3817842.js} +250 -1
- package/dist/esm/{index-da24669a.js → index-476b86cc.js} +17 -5
- package/dist/esm/{index-5fa3e016.js → index-be8376c0.js} +19 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/q2-avatar.entry.js +3 -3
- package/dist/esm/q2-btn_2.entry.js +3 -3
- package/dist/esm/q2-calendar.entry.js +7 -3
- package/dist/esm/q2-carousel-pane.entry.js +2 -2
- package/dist/esm/q2-carousel.entry.js +2 -2
- package/dist/esm/q2-checkbox-group.entry.js +2 -2
- package/dist/esm/q2-checkbox.entry.js +2 -2
- package/dist/esm/q2-dropdown-item.entry.js +2 -2
- package/dist/esm/q2-dropdown.entry.js +2 -2
- package/dist/esm/q2-editable-field.entry.js +2 -2
- package/dist/esm/q2-icon.entry.js +3 -3
- package/dist/esm/q2-input.entry.js +3 -3
- package/dist/esm/q2-loading-element.entry.js +2 -2
- package/dist/esm/q2-loc.entry.js +2 -2
- package/dist/esm/q2-message.entry.js +21 -3
- package/dist/esm/q2-optgroup.entry.js +2 -2
- package/dist/esm/q2-option.entry.js +1 -1
- package/dist/esm/q2-radio-group.entry.js +8 -4
- package/dist/esm/q2-radio.entry.js +2 -2
- package/dist/esm/q2-section.entry.js +2 -2
- package/dist/esm/q2-select.entry.js +2 -2
- package/dist/esm/q2-stepper-pane.entry.js +2 -2
- package/dist/esm/q2-stepper.entry.js +2 -2
- package/dist/esm/q2-tab-container.entry.js +85 -115
- package/dist/esm/q2-tab-pane.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.js +2 -2
- package/dist/esm/q2-textarea.entry.js +2 -2
- package/dist/esm/{shapes-073c5aad.js → shapes-81c11dfe.js} +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +12 -1
- package/dist/q2-tecton-elements/{p-c92e3bc2.entry.js → p-01e00610.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-080839ed.js +1 -0
- package/dist/q2-tecton-elements/{p-576509e6.entry.js → p-1fc4e6f6.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-6f570344.js → p-25a5f691.js} +1 -1
- package/dist/q2-tecton-elements/p-27353237.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-2c2a5d58.entry.js → p-3e100450.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-4229b057.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-7520656d.entry.js → p-428d15fd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3f2590c0.entry.js → p-4830affe.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-64eef8d1.entry.js → p-48fc317d.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3b80823a.entry.js → p-5222b792.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-82b24667.entry.js → p-61c0e5fd.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-aaa55918.js → p-67d86e3c.js} +1 -1
- package/dist/q2-tecton-elements/{p-37d281b7.entry.js → p-74c1a311.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-65894494.entry.js → p-784af485.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-e3a27b97.entry.js → p-7c99a58b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-7f74b629.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-ebee91e2.entry.js → p-831a461f.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-905a22d5.entry.js → p-84c05db6.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-2f2bbed9.entry.js → p-84c52d3b.entry.js} +2 -2
- package/dist/q2-tecton-elements/{p-dd33b297.entry.js → p-9024859f.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-7c06467f.entry.js → p-9314863f.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-c14e0622.entry.js → p-997e4c7e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d0d605dc.entry.js → p-9cb0fc37.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-a224bc9c.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-891ca6f8.entry.js → p-a9bdd814.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fa6e46e2.js → p-c90a6016.js} +1 -1
- package/dist/q2-tecton-elements/{p-86116f5c.entry.js → p-d1d040ef.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8b4f6d3f.entry.js → p-d893fcf2.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-4d283b84.entry.js → p-da7cca07.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-f17761da.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-5289f040.entry.js → p-f5e074f8.entry.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/types/components/q2-calendar/index.d.ts +1 -1
- package/dist/types/components/q2-message/index.d.ts +6 -2
- package/dist/types/components/q2-radio-group/index.d.ts +1 -1
- package/dist/types/components/q2-tab-container/index.d.ts +11 -16
- package/dist/types/components/tecton-tab-pane/index.d.ts +1 -0
- package/dist/types/components.d.ts +7 -6
- package/dist/types/utils/index.d.ts +2 -0
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-076b95fd.entry.js +0 -1
- package/dist/q2-tecton-elements/p-2a28baa9.entry.js +0 -1
- package/dist/q2-tecton-elements/p-6ed006a7.entry.js +0 -1
- package/dist/q2-tecton-elements/p-8e863fbc.js +0 -1
- package/dist/q2-tecton-elements/p-98bb1355.entry.js +0 -1
- package/dist/q2-tecton-elements/p-9b420e22.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as o}from"./p-
|
|
1
|
+
import{r as t,h as e,g as o}from"./p-080839ed.js";import{h as r,l as i}from"./p-25a5f691.js";const n=class{constructor(e){t(this,e),this.onItemClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"select",value:this.value||""},bubbles:!0}))},this.onItemKeydown=t=>{["ArrowRight","Right"].includes(t.key)&&this.focusRemoveBtn()},this.onItemFocus=t=>{t.stopPropagation()},this.onRemoveBtnClick=t=>{t.stopImmediatePropagation(),this.hostElement.dispatchEvent(new CustomEvent("click",{detail:{type:"remove",value:this.value||""},bubbles:!0}))},this.onRemoveBtnKeydown=t=>{["ArrowLeft","Left"].includes(t.key)&&this.focusItem()},this.onRemoveBtnFocus=t=>{t.stopPropagation()}}componentWillLoad(){r(this)}ariaLabelObserver(){r(this)}get removeLabel(){return i("tecton.element.dropdownItem.remove",[this.label||""])}get dropdownItemBtn(){return this.hostElement.shadowRoot.querySelector(".dropdown-item")}get innerLabel(){return this.label||this.hostElement.textContent}get removeBtn(){return this.hostElement.shadowRoot.querySelector(".remove-dropdown-item")}onHostElementFocus(){event.target===this.hostElement&&this.focusItem()}focusItem(){this.dropdownItemBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}focusRemoveBtn(){this.removeBtn&&this.removeBtn.dispatchEvent(new FocusEvent("focus",{bubbles:!1}))}render(){return this.separator?this.separatorDOM():this.itemDOM()}separatorDOM(){return e("div",{class:"dropdown-separator",role:"separator","test-id":"dropdownItemSeparator"})}itemDOM(){return e("div",{class:"dropdown-item-wrapper"},e("q2-btn",{class:"dropdown-item",label:this.innerLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onItemClick,onKeyDown:this.onItemKeydown,onFocus:this.onItemFocus,"test-id":"dropdownItem"},e("div",{class:"dropdown-item-content"},e("slot",null))),this.removable?e("q2-btn",{class:"remove-dropdown-item",label:this.removeLabel,"hide-label":!0,disabled:!!this.disabled,role:"menuitem",onClick:this.onRemoveBtnClick,onKeyDown:this.onRemoveBtnKeydown,onFocus:this.onRemoveBtnFocus,"test-id":"removeDropdownItem"},e("q2-icon",{type:"close"})):"")}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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}.dropdown-separator{margin:0 var(--tct-scale-1, var(--app-scale-1, 5px));border-bottom:1px solid\n var(\n --tct-dropdown-item-separator-color,\n var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n )}.dropdown-item-wrapper{display:flex}.dropdown-item{min-height:44px;flex:1 1 100%;padding:var(--tct-dropdown-item-padding, 2px)}.dropdown-item-content{padding:12px var(--tct-scale-3, var(--app-scale-3, 15px));text-align:left;background-color:var(\n --tct-dropdown-item-bg,\n var(--tct-white, var(--t-base, var(--app-white, #ffffff)))\n );color:var(--tct-dropdown-item-font-color, inherit);transition:background-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));overflow:hidden;text-overflow:ellipsis;flex:1}:host(:not([disabled])) .dropdown-item-content:hover,:host(:not([disabled])) .dropdown-item:focus-within .dropdown-item-content{background-color:var(\n --tct-dropdown-item-selected-bg,\n var(\n --tct-gray-14,\n var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, var(--t-base, #f2f2f2))))\n )\n );color:var(--tct-dropdown-item-selected-font-color, inherit)}.remove-dropdown-item{flex:0 0 44px;margin:2px}";export{n as q2_dropdown_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e}from"./p-
|
|
1
|
+
import{h as e}from"./p-080839ed.js";const l={circle:({width:l,additionalClasses:i})=>e("div",{class:`skeleton-shape circle ${i||""}`,style:{width:l,height:l}}),rectangle:({width:l,height:i,borderRadius:t,additionalClasses:d})=>e("div",{class:`skeleton-shape rectangle ${d||""}`,style:{width:l,height:i,borderRadius:t}})},i={field:()=>e("div",{class:"skeleton-shape field"},e("div",{class:"skeleton-field-label"},l.rectangle({height:"1rem",width:"50%"})),l.rectangle({height:"var(--tct-input-height, 42px)",borderRadius:"3px"})),text:(i,t)=>{var d;const s=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:1,a=null==t?void 0:t.has("header"),r=((null==t?void 0:t.has("center"))?"center":(null==t?void 0:t.has("right"))&&"right")||"left",o=(null==t?void 0:t.has("smallheader"))?" smaller":"";return e("div",{class:"skeleton-shape text"},a&&l.rectangle({width:"60%",additionalClasses:a?`header ${r}${o}`:""}),!!s&&Array(s).fill(void 0).map((()=>l.rectangle({height:"1rem"}))))}},t={circle:()=>l.circle({width:"100%"}),rectangle:()=>l.rectangle({height:"100%",borderRadius:"var(--tct-border-radius-1, 3px)"}),table:(i,t)=>{var d,s;const a=null!==(d=null==i?void 0:i[0])&&void 0!==d?d:5,r=null!==(s=null==i?void 0:i[1])&&void 0!==s?s:5,o=null==t?void 0:t.has("headless"),n=null==t?void 0:t.has("bordered");return e("div",{class:"skeleton-shape table"},!o&&e("div",{class:"skeleton-table-head"},e("div",{class:"skeleton-table-row skeleton-table-header flex"},!!a&&Array(a).fill(void 0).map((()=>l.rectangle({height:"1rem"})))),e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"3px"}))),e("div",{class:"skeleton-table-body"},!!r&&Array(r).fill(void 0).map((()=>e("div",{class:"skeleton-table-row-wrapper"},e("div",{class:"skeleton-table-row flex"},!!a&&Array(a).fill(void 0).map((()=>l.rectangle({height:"1.5rem"})))),n&&e("div",{class:"skeleton-table-row-border"},l.rectangle({height:"1px",additionalClasses:"no-margin"})))))))},field:i.field,form:l=>{var t,d,s;const a=null!==(t=(null==l?void 0:l[1])&&(null==l?void 0:l[0]))&&void 0!==t?t:1,r=a*(null!==(s=null!==(d=null==l?void 0:l[1])&&void 0!==d?d:null==l?void 0:l[0])&&void 0!==s?s:1);return e("div",{class:`skeleton-shape form flex columns-${a}`},!!r&&Array(r).fill(void 0).map(i.field))},text:i.text,"detailed-item":(t,d)=>{const s=null==d?void 0:d.has("square"),a=((null==d?void 0:d.has("center"))?"center":(null==d?void 0:d.has("right"))&&"right")||"left";return e("div",{class:`skeleton-shape detailed-item flex ${a}`},e("div",{class:`detailed-item-image flex-${a}`},s?l.rectangle({width:"1.5em",height:"1.5em",borderRadius:"3px"}):l.circle({width:"1.5em"})),e("div",{class:`detailed-item-text flex flex-v-center flex-${a}`},e("div",null,i.text(t,d))))},"label-value":i=>{var t;const d=2*(null!==(t=null==i?void 0:i[0])&&void 0!==t?t:1);return e("div",{class:"skeleton-shape label-value flex"},!!d&&Array(d).fill(void 0).map((()=>l.rectangle({height:"1rem"}))))}};export{l as a,t as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as r}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,g as r}from"./p-080839ed.js";import{c as o,l as n}from"./p-25a5f691.js";const a=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.optional=!1,this.hasError=!1,this.id=`checkbox-group-${o()}`,this.onMutationObserved=()=>{this.valueUpdated(),this.disabledUpdated()},this.onInnerCheckboxChange=t=>{t.stopImmediatePropagation();const e={};this.checkboxElements.forEach((t=>{e[t.value]=!!t.checked})),this.change.emit(e)}}get checkboxElements(){return Array.from(this.hostElement.querySelectorAll("q2-checkbox"))}get protectedValue(){return this.value||{}}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}valueUpdated(){this.checkboxElements.forEach((t=>{this.protectedValue.hasOwnProperty(t.value)&&(t.checked=this.value[t.value])}))}disabledUpdated(){this.checkboxElements.forEach((t=>{t.groupDisabled=this.disabled}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail)}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&n(this.label),this.optional?i("span",{class:"optional-tag"},n("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-checkbox-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerCheckboxChange,"aria-required":`${!this.optional}`},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&n(this.label),this.optional?i("span",{class:"optional-tag"},n("tecton.element.input.optional")):""):"",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:["valueUpdated"],disabled:["disabledUpdated"]}}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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-2, 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, #c30000));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(\n to right,\n var(--tct-checkbox-group-error-gradient-start, var(--t-base-a0, rgba(255, 255, 255, 0))),\n var(--tct-checkbox-group-error-gradient-end, var(--t-base, rgba(255, 255, 255)))\n )}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(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(\n --tct-a11y-color,\n var(\n --t-a11y-gray-color,\n var(--tct-gray-7, var(--t-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))\n )\n )\n );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}";export{a as q2_checkbox_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,g as e}from"./p-8e863fbc.js";import{c as o,s as h,l as a,h as n}from"./p-6f570344.js";const l=class{constructor(i){t(this,i),this.change=s(this,"change",7),this.input=s(this,"input",7),this.selectedOptions=[],this.disabled=!1,this.multiple=!1,this.minRows=3,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.dropdownOpen=!1,this.onlyShowingSelected=!1,this.hasCustomDisplay=!1,this.inputFocused=!1,this.scheduledAfterRender=[],this.keyStore={queue:[],lastPressedAt:new Date},this.guid=o(),this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),s=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=s?s.assignedNodes().length>0:t.children.length>0;if(this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i),this.multiple)return void this.updateMultipleOptionAttrs();this.updateSingleOptionAttrs();const e=this.optionElements[this.activeIndex];e&&e.id===this.activeOptionId||(this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption())},this.searchAndFocus=t=>{(()=>{const s=new Date;s.getTime()-this.keyStore.lastPressedAt.getTime()>1e3&&(this.keyStore.queue=[]),1===this.keyStore.queue.length&&this.keyStore.queue[0]===t||this.keyStore.queue.push(t),this.keyStore.lastPressedAt=s})();const s=(t=>t.find((t=>!t.element.disabled&&t.element.display.replace(/\s/g,"").match(new RegExp(`^${this.keyStore.queue.join("")}`,"i")))))((()=>{const t=(this.activeIndex||0)+1,s=this.optionElements.map(((t,s)=>({element:t,index:s})));return[...s.slice(t),...s.slice(0,t)]})());s&&(({element:t,index:s})=>{this.dropdownOpen||this.multiple?this.openDropdownWithActiveElement(s):(this.activeIndex=s,this.change.emit({value:t.value}))})(s)},this.inputClickHandler=t=>{t.stopPropagation(),h(this),this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation(),this.dropdownOpen||this.openDropdownWithoutActiveElement(),this.searchText=t.detail.value,this.input.emit({query:t.detail.value})},this.inputKeydownHandler=t=>{if("Enter"===t.key&&this.dropdownOpen){t.preventDefault();const s=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);s&&!s.disabled&&this.selectOption(s.value)}["Escape","Esc"].includes(t.key)&&(this.closeDropdown(),this.focusInput()),"Tab"===t.key&&(this.dropdownOpen&&this.searchable&&t.shiftKey?(t.preventDefault(),this.focusInput()):this.dropdownOpen&&!this.multiple&&t.preventDefault())},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.showAllOptionTabKeyDown=t=>{"Tab"!==t.key||t.shiftKey||0!==this.selectedOptionsCount||t.preventDefault()},this.showSelectedOptionTabKeyDown=t=>{"Tab"!==t.key||t.shiftKey||t.preventDefault()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.dropdownOpen&&this.closeDropdown())},this.showSelectedOptions=()=>{this.onlyShowingSelected=!0,this.optionElements.forEach((t=>{t._multiSelectHidden=!t.selected}))},this.showAllOptions=()=>{this.onlyShowingSelected=!1,this.optionElements.forEach((t=>{t._multiSelectHidden=!1}))},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}getDefaultActiveIndex(){const t=this.optionElements.findIndex((t=>t.selected));if(t>-1)return t;const s=this.optionElements.findIndex((t=>!t.hidden));return s>-1?s:0}setActiveOption(){this.dropdownOpen&&this.optionElements.forEach(((t,s)=>{this.activeIndex===s?(t.active=!0,this.activeOptionId=t.optionId):t.active=!1}))}setFocusedOption(){const t=this.optionElements[this.activeIndex];t.dispatchEvent(new FocusEvent("focus")),t.focus()}calculateMultiSelectSelectedDisplay(){if(1===this.selectedOptions.length){const t=this.optionElements.find((t=>t.value===this.selectedOptions[0]));return t&&t.display&&a(t.display)||t&&t.value||this.selectedOptions[0]}return this.selectedOptions.length>1?a("tecton.element.select.multiDisplay",[this.selectedOptions.length]):""}calculateSingleSelectSelectedDisplay(){const t=this.optionElements.find((t=>this.value===t.value));return t&&t.display&&a(t.display)||this.value||""}get minPopHeight(){const{minRows:t}=this,s=this.hostElement.querySelector("q2-option:not([hidden])"),i=window.getComputedStyle(s).minHeight;return t*parseInt(i)}get selectedDisplay(){return this.hasCustomDisplay&&!this.searchText?"":this.searchable&&this.dropdownOpen?this.searchText||"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedOptionsCount(){return this.selectedOptions.length}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){return`q2-select-container${this.dropdownOpen?" dropdown-open":""}${Array.isArray(this.errors)&&this.errors.length>0?" has-error":""}${this.inputFocused?" is-focused":""}${this.searchable?" is-searchable":""}`}updateSingleOptionAttrs(){this.optionElements.forEach(((t,s)=>{t.selected=this.value===t.value,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}updateMultipleOptionAttrs(){0===this.selectedOptions.length&&(this.onlyShowingSelected=!1),this.optionElements.forEach(((t,s)=>{t.selected=this.selectedOptions.includes(t.value),t._multiSelectHidden=!!this.onlyShowingSelected&&!t.selected,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}selectOption(t){if(this.multiple){const s=this.selectedOptions.includes(t);this.change.emit(s?{selectedOptions:this.selectedOptions.filter((s=>s!==t))}:{selectedOptions:[...this.selectedOptions,t]})}else this.change.emit({value:t}),this.closeDropdown(),this.focusInput()}scrollToActiveOption(){const t=this.optionElements[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}openDropdownWithoutActiveElement(){this.activeIndex=void 0,this.setActiveOption(),this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe)}openDropdownWithActiveElement(t){this.activeIndex=t,this.dropdownOpen=!0,this.setActiveOption(),this.scheduledAfterRender.push((()=>{this.searchable||this.setFocusedOption(),this.scrollToActiveOption(),this.resizeIframe()}))}closeDropdown(){this.dropdownOpen=!1,this.searchText&&(this.searchText="",this.input.emit({query:""})),this.scheduledAfterRender.push(this.resizeIframe)}toggleDropdown(){this.disabled||(this.searchable?this.dropdownOpen||this.openDropdownWithoutActiveElement():this.dropdownOpen?this.closeDropdown():this.openDropdownWithoutActiveElement())}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}focusInput(){const t=this.hostElement.shadowRoot.querySelector("q2-input");t&&t.dispatchEvent(new FocusEvent("focus"))}getNextVisibleIndex(t){let s=this.activeIndex+t;for(;s>=0&&s<=this.optionElements.length-1;){const{display:i,visibility:e}=window.getComputedStyle(this.optionElements[s]);if("none"!==i&&"hidden"!==e)return s;s+=t}return-1}componentWillLoad(){n(this)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved()}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}ariaLabelObserver(){n(this)}valueUpdated(){this.multiple||this.updateSingleOptionAttrs()}selectedOptionsUpdated(){this.multiple&&this.updateMultipleOptionAttrs()}multilineOptionsChanged(t,s){t!==s&&this.optionElements.forEach((t=>{t.multiline=this.multilineOptions}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?this.selectedOptions=t.detail.selectedOptions:this.value=t.detail.value)}onHostElementInput(t){if(this.searchable&&t.target===this.hostElement&&!this.hostElement.oninput){const s=this.optionElements,i=t.detail.query.trim().toLowerCase();let e=0;s.forEach((t=>{if(""===i)t.style.display="";else{const{display:s="",innerText:o=""}=t,h=s.toLowerCase().includes(i)||o.toLowerCase().includes(i);t.hidden=!h,h&&e++}})),this.setStatusMessage(a(i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[i?e:s.length]))}}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clickHandler(t){const s=t.target;"q2-option"!==s.localName||s.disabled||this.selectOption(s.value)}keydownHandler(t){t.stopPropagation();const{dropdownOpen:s,activeIndex:i,searchable:e,multiple:o,optionElements:h}=this,{key:a,shiftKey:n}=t;switch(a){case"Enter":if(!s)break;t.preventDefault();const l=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(null==l?void 0:l.disabled)break;this.selectOption(l.value);break;case"ArrowUp":if(t.preventDefault(),!s){this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break}if(i>0){const t=this.getNextVisibleIndex(-1);t>-1&&this.adjustActiveOptionAndScroll(t-i)}else 0!==i&&this.setDefaultActiveElement();break;case"ArrowDown":if(t.preventDefault(),!s){this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break}if(i<h.length-1){const t=this.getNextVisibleIndex(1);t>-1&&this.adjustActiveOptionAndScroll(t-this.activeIndex)}else i||this.setDefaultActiveElement();break;case"Home":if(!s)break;t.preventDefault(),this.adjustActiveOptionAndScroll(0);break;case"End":if(!s)break;t.preventDefault(),this.adjustActiveOptionAndScroll(h.length-1);break;case"Escape":this.closeDropdown(),this.focusInput();break;case"Tab":if(!s)break;(e&&n||!o)&&t.preventDefault(),e&&n&&this.focusInput();break;default:if(e)break;if(!a.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(a)}}render(){return i("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&a(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>a(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,hideLabel:this.hideLabel,ariaExpanded:this.dropdownOpen,ariaOwns:"dropdown",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:!this.searchable,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler}),i("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("div",{class:"q2-select-dropdown q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),ref:t=>this.dropdownContainer=t},this.multiple?this.visibilityToggle():"",i("div",{class:"q2-select-options",id:"dropdown",role:"listbox"},i("slot",null)))}visibilityToggle(){return i("div",{class:"multi-select-header"},a("tecton.element.select.multiHeader.showing"),i("q2-btn",{class:"option-toggle show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:!0,"aria-selected":!this.onlyShowingSelected||void 0,"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.showAllOptionTabKeyDown,label:a("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},a("tecton.element.select.multiHeader.all")),i("q2-btn",{class:"option-toggle show-selected-options"+(this.onlyShowingSelected?" selected":""),"aria-selected":this.onlyShowingSelected||void 0,disabled:0===this.selectedOptions.length,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.showSelectedOptionTabKeyDown,label:a("tecton.element.select.multiHeader.selectedAriaLabel",[this.selectedOptionsCount]),"hide-label":!0},a("tecton.element.select.multiHeader.selected",[this.selectedOptionsCount])))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--app-scale-1x, 5px));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--app-border-radius-1, 3px));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-a11y-gray-color, #747474));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible;margin-bottom:var(--app-scale-2)}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host{display:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0}.custom-display-content{position:absolute;bottom:0;left:calc(var-list(--tct-scale-2, --app-scale-2, 10px) + 1px);height:44px;width:calc(100% - 34px - var-list(--tct-scale-3, --app-scale-3, 15px));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var-list(--tct-scale-3, --app-scale-3, 15px) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var-list(--tct-scale-3, --app-scale-3, 15px))}.dropdown-open .q2-select-dropdown{overflow-y:auto;max-height:300px}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px))}.show-all-options{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px));margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}.q2-element-dropdown.dropup{bottom:40px}";export{l as q2_select}
|
|
1
|
+
import{r as t,c as s,h as i,g as e}from"./p-080839ed.js";import{c as o,s as h,l as a,h as n}from"./p-25a5f691.js";const l=class{constructor(i){t(this,i),this.change=s(this,"change",7),this.input=s(this,"input",7),this.selectedOptions=[],this.disabled=!1,this.multiple=!1,this.minRows=3,this.searchable=!1,this.multilineOptions=!1,this.optional=!1,this.dropdownOpen=!1,this.onlyShowingSelected=!1,this.hasCustomDisplay=!1,this.inputFocused=!1,this.scheduledAfterRender=[],this.keyStore={queue:[],lastPressedAt:new Date},this.guid=o(),this.onMutationObserved=()=>{const t=this.hostElement.querySelector(".custom-display-content"),s=this.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]'),i=s?s.assignedNodes().length>0:t.children.length>0;if(this.hasCustomDisplay!==i&&(this.hasCustomDisplay=i),this.multiple)return void this.updateMultipleOptionAttrs();this.updateSingleOptionAttrs();const e=this.optionElements[this.activeIndex];e&&e.id===this.activeOptionId||(this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption())},this.searchAndFocus=t=>{(()=>{const s=new Date;s.getTime()-this.keyStore.lastPressedAt.getTime()>1e3&&(this.keyStore.queue=[]),1===this.keyStore.queue.length&&this.keyStore.queue[0]===t||this.keyStore.queue.push(t),this.keyStore.lastPressedAt=s})();const s=(t=>t.find((t=>!t.element.disabled&&t.element.display.replace(/\s/g,"").match(new RegExp(`^${this.keyStore.queue.join("")}`,"i")))))((()=>{const t=(this.activeIndex||0)+1,s=this.optionElements.map(((t,s)=>({element:t,index:s})));return[...s.slice(t),...s.slice(0,t)]})());s&&(({element:t,index:s})=>{this.dropdownOpen||this.multiple?this.openDropdownWithActiveElement(s):(this.activeIndex=s,this.change.emit({value:t.value}))})(s)},this.inputClickHandler=t=>{t.stopPropagation(),h(this),this.toggleDropdown(),this.focusInput()},this.inputInputHandler=t=>{t.stopPropagation(),this.dropdownOpen||this.openDropdownWithoutActiveElement(),this.searchText=t.detail.value,this.input.emit({query:t.detail.value})},this.inputKeydownHandler=t=>{if("Enter"===t.key&&this.dropdownOpen){t.preventDefault();const s=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);s&&!s.disabled&&this.selectOption(s.value)}["Escape","Esc"].includes(t.key)&&(this.closeDropdown(),this.focusInput()),"Tab"===t.key&&(this.dropdownOpen&&this.searchable&&t.shiftKey?(t.preventDefault(),this.focusInput()):this.dropdownOpen&&!this.multiple&&t.preventDefault())},this.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.showAllOptionTabKeyDown=t=>{"Tab"!==t.key||t.shiftKey||0!==this.selectedOptionsCount||t.preventDefault()},this.showSelectedOptionTabKeyDown=t=>{"Tab"!==t.key||t.shiftKey||t.preventDefault()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.dropdownOpen&&this.closeDropdown())},this.showSelectedOptions=()=>{this.onlyShowingSelected=!0,this.optionElements.forEach((t=>{t._multiSelectHidden=!t.selected}))},this.showAllOptions=()=>{this.onlyShowingSelected=!1,this.optionElements.forEach((t=>{t._multiSelectHidden=!1}))},this.onCustomDisplayClick=t=>{t.stopPropagation(),this.focusInput(),this.toggleDropdown()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}getDefaultActiveIndex(){const t=this.optionElements.findIndex((t=>t.selected));if(t>-1)return t;const s=this.optionElements.findIndex((t=>!t.hidden));return s>-1?s:0}setActiveOption(){this.dropdownOpen&&this.optionElements.forEach(((t,s)=>{this.activeIndex===s?(t.active=!0,this.activeOptionId=t.optionId):t.active=!1}))}setFocusedOption(){const t=this.optionElements[this.activeIndex];t.dispatchEvent(new FocusEvent("focus")),t.focus()}calculateMultiSelectSelectedDisplay(){if(1===this.selectedOptions.length){const t=this.optionElements.find((t=>t.value===this.selectedOptions[0]));return t&&t.display&&a(t.display)||t&&t.value||this.selectedOptions[0]}return this.selectedOptions.length>1?a("tecton.element.select.multiDisplay",[this.selectedOptions.length]):""}calculateSingleSelectSelectedDisplay(){const t=this.optionElements.find((t=>this.value===t.value));return t&&t.display&&a(t.display)||this.value||""}get minPopHeight(){const{minRows:t}=this,s=this.hostElement.querySelector("q2-option:not([hidden])"),i=window.getComputedStyle(s).minHeight;return t*parseInt(i)}get selectedDisplay(){return this.hasCustomDisplay&&!this.searchText?"":this.searchable&&this.dropdownOpen?this.searchText||"":this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()}get selectedOptionsCount(){return this.selectedOptions.length}get optionElements(){return Array.from(this.hostElement.querySelectorAll("q2-option"))}get wrapperClasses(){return`q2-select-container${this.dropdownOpen?" dropdown-open":""}${Array.isArray(this.errors)&&this.errors.length>0?" has-error":""}${this.inputFocused?" is-focused":""}${this.searchable?" is-searchable":""}`}updateSingleOptionAttrs(){this.optionElements.forEach(((t,s)=>{t.selected=this.value===t.value,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}updateMultipleOptionAttrs(){0===this.selectedOptions.length&&(this.onlyShowingSelected=!1),this.optionElements.forEach(((t,s)=>{t.selected=this.selectedOptions.includes(t.value),t._multiSelectHidden=!!this.onlyShowingSelected&&!t.selected,t.optionId=`q2-select-${this.guid}-option-${s}`,t.multiline=this.multilineOptions}))}selectOption(t){if(this.multiple){const s=this.selectedOptions.includes(t);this.change.emit(s?{selectedOptions:this.selectedOptions.filter((s=>s!==t))}:{selectedOptions:[...this.selectedOptions,t]})}else this.change.emit({value:t}),this.closeDropdown(),this.focusInput()}scrollToActiveOption(){const t=this.optionElements[this.activeIndex];null==t||t.scrollIntoView({block:"nearest"})}openDropdownWithoutActiveElement(){this.activeIndex=void 0,this.setActiveOption(),this.dropdownOpen=!0,this.scheduledAfterRender.push(this.resizeIframe)}openDropdownWithActiveElement(t){this.activeIndex=t,this.dropdownOpen=!0,this.setActiveOption(),this.scheduledAfterRender.push((()=>{this.searchable||this.setFocusedOption(),this.scrollToActiveOption(),this.resizeIframe()}))}closeDropdown(){this.dropdownOpen=!1,this.searchText&&(this.searchText="",this.input.emit({query:""})),this.scheduledAfterRender.push(this.resizeIframe)}toggleDropdown(){this.disabled||(this.searchable?this.dropdownOpen||this.openDropdownWithoutActiveElement():this.dropdownOpen?this.closeDropdown():this.openDropdownWithoutActiveElement())}adjustActiveOptionAndScroll(t){this.activeIndex+=t,this.setActiveOption(),this.setFocusedOption(),this.scrollToActiveOption()}setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex(),this.setActiveOption(),this.setFocusedOption()}focusInput(){const t=this.hostElement.shadowRoot.querySelector("q2-input");t&&t.dispatchEvent(new FocusEvent("focus"))}getNextVisibleIndex(t){let s=this.activeIndex+t;for(;s>=0&&s<=this.optionElements.length-1;){const{display:i,visibility:e}=window.getComputedStyle(this.optionElements[s]);if("none"!==i&&"hidden"!==e)return s;s+=t}return-1}componentWillLoad(){n(this)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved()}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}ariaLabelObserver(){n(this)}valueUpdated(){this.multiple||this.updateSingleOptionAttrs()}selectedOptionsUpdated(){this.multiple&&this.updateMultipleOptionAttrs()}multilineOptionsChanged(t,s){t!==s&&this.optionElements.forEach((t=>{t.multiline=this.multilineOptions}))}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.multiple?this.selectedOptions=t.detail.selectedOptions:this.value=t.detail.value)}onHostElementInput(t){if(this.searchable&&t.target===this.hostElement&&!this.hostElement.oninput){const s=this.optionElements,i=t.detail.query.trim().toLowerCase();let e=0;s.forEach((t=>{if(""===i)t.style.display="";else{const{display:s="",innerText:o=""}=t,h=s.toLowerCase().includes(i)||o.toLowerCase().includes(i);t.hidden=!h,h&&e++}})),this.setStatusMessage(a(i?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[i?e:s.length]))}}setStatusMessage(t){clearTimeout(this.statusMessageTimer),this.statusMessage="",this.statusMessageTimer=setTimeout((()=>{this.statusMessage=t}),1e3)}clickHandler(t){const s=t.target;"q2-option"!==s.localName||s.disabled||this.selectOption(s.value)}keydownHandler(t){t.stopPropagation();const{dropdownOpen:s,activeIndex:i,searchable:e,multiple:o,optionElements:h}=this,{key:a,shiftKey:n}=t;switch(a){case"Enter":if(!s)break;t.preventDefault();const l=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(null==l?void 0:l.disabled)break;this.selectOption(l.value);break;case"ArrowUp":if(t.preventDefault(),!s){this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break}if(i>0){const t=this.getNextVisibleIndex(-1);t>-1&&this.adjustActiveOptionAndScroll(t-i)}else 0!==i&&this.setDefaultActiveElement();break;case"ArrowDown":if(t.preventDefault(),!s){this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break}if(i<h.length-1){const t=this.getNextVisibleIndex(1);t>-1&&this.adjustActiveOptionAndScroll(t-this.activeIndex)}else i||this.setDefaultActiveElement();break;case"Home":if(!s)break;t.preventDefault(),this.adjustActiveOptionAndScroll(0);break;case"End":if(!s)break;t.preventDefault(),this.adjustActiveOptionAndScroll(h.length-1);break;case"Escape":this.closeDropdown(),this.focusInput();break;case"Tab":if(!s)break;(e&&n||!o)&&t.preventDefault(),e&&n&&this.focusInput();break;default:if(e)break;if(!a.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(a)}}render(){return i("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},i("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),i("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&a(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>a(t)))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,hideLabel:this.hideLabel,ariaExpanded:this.dropdownOpen,ariaOwns:"dropdown",ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:!this.searchable,"test-id":"toggleDropdown","hide-messages":!0,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler}),i("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},i("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return i("div",{class:"q2-select-dropdown q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),ref:t=>this.dropdownContainer=t},this.multiple?this.visibilityToggle():"",i("div",{class:"q2-select-options",id:"dropdown",role:"listbox"},i("slot",null)))}visibilityToggle(){return i("div",{class:"multi-select-header"},a("tecton.element.select.multiHeader.showing"),i("q2-btn",{class:"option-toggle show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:!0,"aria-selected":!this.onlyShowingSelected||void 0,"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.showAllOptionTabKeyDown,label:a("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},a("tecton.element.select.multiHeader.all")),i("q2-btn",{class:"option-toggle show-selected-options"+(this.onlyShowingSelected?" selected":""),"aria-selected":this.onlyShowingSelected||void 0,disabled:0===this.selectedOptions.length,badge:!0,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.showSelectedOptionTabKeyDown,label:a("tecton.element.select.multiHeader.selectedAriaLabel",[this.selectedOptionsCount]),"hide-label":!0},a("tecton.element.select.multiHeader.selected",[this.selectedOptionsCount])))}get hostElement(){return e(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white);color:var(--t-font-color);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--app-scale-1x, 5px));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--app-border-radius-1, 3px));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-a11y-gray-color, #747474));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible;margin-bottom:var(--app-scale-2)}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host{display:block;margin-top:var(--tct-select-margin-top, var(--app-scale-4, 30px));margin-bottom:var(--tct-select-margin-bottom, var(--app-scale-4, 30px))}.q2-select-container{position:relative;display:block}.q2-select-input{margin:0}.custom-display-content{position:absolute;bottom:0;left:calc(var-list(--tct-scale-2, --app-scale-2, 10px) + 1px);height:44px;width:calc(100% - 34px - var-list(--tct-scale-3, --app-scale-3, 15px));overflow:hidden;cursor:pointer;transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:flex;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var-list(--tct-scale-3, --app-scale-3, 15px) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var-list(--tct-scale-3, --app-scale-3, 15px))}.dropdown-open .q2-select-dropdown{overflow-y:auto;max-height:300px}.multi-select-header{padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-2, var(--app-scale-2, 10px))}.show-all-options{margin-right:var(--tct-scale-1, var(--app-scale-1, 5px));margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}.q2-element-dropdown.dropup{bottom:40px}";export{l as q2_select}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,F as i,g as o}from"./p-8e863fbc.js";import{a as s,l as a}from"./p-6f570344.js";s();const l=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.currentStep=1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:i,lastEnabledStep:o}=this;e>o||e===r||this.change.emit({selectedStep:e,lastEnabledStep:o,currentStep:r,stepCount:i})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:i}=this,{key:o}=t;let s;switch(o){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,i);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r}}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t;return null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe()}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e){var r;const i=this.listElement.children[t-1],o=document.activeElement===this.hostElement;i&&(o&&(null===(r=i.firstElementChild)||void 0===r||r.focus()),e)&&this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:o,stepCount:s,currentStep:l,lastEnabledStep:p}=this,{id:n,label:c,description:d}=null!==(e=null==o?void 0:o[t])&&void 0!==e?e:{},b=t+1,h=b===l,v=c&&`label-${n}`,u=c&&d&&`description-${n}`,g=!c&&a("tecton.element.stepper.number",[`${b}`,`${s}`]);return r("li",{role:"presentation"},r("button",{class:"step-btn",type:"button","aria-labelledby":v,"aria-describedBy":u,"aria-label":g,"aria-selected":h,"aria-controls":n,"aria-disabled":b>p?"true":null,role:"tab",tabIndex:h?0:-1,onKeyDown:t=>this.onStepKeyDown(t,b),onClick:t=>this.onStepClick(t,b)},r("div",{class:"step-bubble"},b),c&&r(i,null,r("div",{class:"step-label",id:v},a(c)),d&&r("div",{class:"step-description",id:u},a(d)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:o,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(i,null,r("div",{class:a.join(" ")},e&&r(i,null,r("div",{class:"gradient-left",hidden:!o}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return o(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};l.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-bullet-size, var(--t-stepper-bullet-size, 18px));--comp-bullet-gap:var(--tct-stepper-bullet-padding, var(--t-stepper-bullet-padding, var(--app-scale-2x, 10px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3)));--comp-bullet-font-size:var(--tct-stepper-bullet-font-size, var(--t-stepper-bullet-font-size, var(--app-font-size-small, 12px)));--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--app-scale-1x, 5px));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--app-border-radius-1, 3px));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-a11y-gray-color, #747474));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled]{cursor:default}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray12, #d9d9d9)))}.step-bubble{margin:var(--comp-bullet-gap) auto;background:var(--comp-bullet-bg);color:var(--comp-bullet-font-color);width:var(--comp-bullet-size);height:var(--comp-bullet-size);min-height:var(--comp-bullet-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border)}hr{width:calc( var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size) );top:calc(calc(var(--comp-bullet-size) / 2) + var(--comp-bullet-gap));left:calc(calc(var(--comp-step-width) * -0.5) + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to right, var(--t-base), var(--t-base-a0));left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base));right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left{left:0}.btn-right{right:0}';export{l as q2_stepper}
|
|
1
|
+
import{r as t,c as e,h as r,F as i,g as o}from"./p-080839ed.js";import{a as s,l as a}from"./p-25a5f691.js";s();const l=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.currentStep=1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:i,lastEnabledStep:o}=this;e>o||e===r||this.change.emit({selectedStep:e,lastEnabledStep:o,currentStep:r,stepCount:i})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:i}=this,{key:o}=t;let s;switch(o){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,i);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r}}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t;return null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe()}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e){var r;const i=this.listElement.children[t-1],o=document.activeElement===this.hostElement;i&&(o&&(null===(r=i.firstElementChild)||void 0===r||r.focus()),e)&&this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:o,stepCount:s,currentStep:l,lastEnabledStep:p}=this,{id:n,label:c,description:d}=null!==(e=null==o?void 0:o[t])&&void 0!==e?e:{},b=t+1,h=b===l,v=c&&`label-${n}`,u=c&&d&&`description-${n}`,g=!c&&a("tecton.element.stepper.number",[`${b}`,`${s}`]);return r("li",{role:"presentation"},r("button",{class:"step-btn",type:"button","aria-labelledby":v,"aria-describedBy":u,"aria-label":g,"aria-selected":h,"aria-controls":n,"aria-disabled":b>p?"true":null,role:"tab",tabIndex:h?0:-1,onKeyDown:t=>this.onStepKeyDown(t,b),onClick:t=>this.onStepClick(t,b)},r("div",{class:"step-bubble"},b),c&&r(i,null,r("div",{class:"step-label",id:v},a(c)),d&&r("div",{class:"step-description",id:u},a(d)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:o,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(i,null,r("div",{class:a.join(" ")},e&&r(i,null,r("div",{class:"gradient-left",hidden:!o}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return o(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};l.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-bullet-size, var(--t-stepper-bullet-size, 18px));--comp-bullet-gap:var(--tct-stepper-bullet-padding, var(--t-stepper-bullet-padding, var(--app-scale-2x, 10px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3)));--comp-bullet-font-size:var(--tct-stepper-bullet-font-size, var(--t-stepper-bullet-font-size, var(--app-font-size-small, 12px)));--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--app-scale-1x, 5px));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--app-border-radius-1, 3px));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-a11y-gray-color, #747474));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled]{cursor:default}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray12, #d9d9d9)))}.step-bubble{margin:var(--comp-bullet-gap) auto;background:var(--comp-bullet-bg);color:var(--comp-bullet-font-color);width:var(--comp-bullet-size);height:var(--comp-bullet-size);min-height:var(--comp-bullet-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border)}hr{width:calc( var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size) );top:calc(calc(var(--comp-bullet-size) / 2) + var(--comp-bullet-gap));left:calc(calc(var(--comp-step-width) * -0.5) + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to right, var(--t-base), var(--t-base-a0));left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0), var(--t-base));right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left{left:0}.btn-right{right:0}';export{l as q2_stepper}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,g as o}from"./p-080839ed.js";import{c as r,l as s}from"./p-25a5f691.js";const n=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.tileAlignment="center",this.hasError=!1,this.id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(),this.nameUpdated(),this.disabledUpdated(),this.tileLayoutUpdated()},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.change.emit({value:t.detail.value})}}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}valueUpdated(){this.radioElements.forEach((t=>{t.checked=this.value===t.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this.id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}tileLayoutUpdated(){this.radioElements.forEach((t=>{t.groupTileLayout=this.tilelayout}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-radio-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",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(){if(this.tilelayout){const{tileAlignment:t}=this,e=["left","center","right"].includes(t)?t:"center";return i("div",{class:`flexed ${e}`},i("slot",null))}return i("slot",null)}get hostElement(){return o(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],tilelayout:["tileLayoutUpdated"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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-2, 10px))}fieldset{padding:0;margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));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, transparent, white)}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(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );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}.flexed.right{justify-content:right}";export{n as q2_radio_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,F as a,g as s}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,F as a,g as s}from"./p-080839ed.js";const o=class{constructor(i){t(this,i),this.click=e(this,"click",7),this.role="option",this.tabindex="-1",this._multiSelectHidden=!1,this.onClick=t=>{t.stopImmediatePropagation();const{disabled:e,disabledGroup:i}=this;e||i||this.click.emit()}}connectedCallback(){this.checkDisabledStatus(),this.checkSelectedStatus(),this.checkMultiSelectHiddenStatus()}checkDisabledStatus(){const{disabled:t,disabledGroup:e,hostElement:i}=this;t||e?i.setAttribute("aria-disabled","true"):i.removeAttribute("aria-disabled")}checkSelectedStatus(){const{selected:t,hostElement:e}=this;t?e.setAttribute("aria-selected","true"):e.removeAttribute("aria-selected")}checkMultiSelectHiddenStatus(){const{_multiSelectHidden:t,hostElement:e}=this;t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}render(){return i(a,null,this.selected&&i("q2-icon",{type:"checkmark"}),i("div",{class:"content",onClick:this.onClick},i("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{disabled:["checkDisabledStatus"],disabledGroup:["checkDisabledStatus"],selected:["checkSelectedStatus"],_multiSelectHidden:["checkMultiSelectHiddenStatus"]}}};o.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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{padding:0 var(--tct-scale-2, var(--app-scale-2, 10px));min-height:44px;align-items:center;cursor:pointer;grid-template-columns:var(--tct-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3, 15px))) 1fr;align-items:center;grid-template-areas:"icon content";gap:var(--tct-scale-1, var(--app-scale-1, 5px))}:host([aria-disabled]){cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));pointer-events:none}:host([aria-hidden]){display:none}:host(:not([hidden]):not([aria-hidden])){display:grid}:host(:not([aria-disabled]):hover),:host([active]),:host(:focus){background-color:var(--tct-option-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))))}q2-icon{grid-area:icon;--tct-icon-size:var(--tct-option-selected-icon-size, var(--tct-scale-3, var(--app-scale-3, 15px)))}.content{display:block;grid-area:content}:host(:not([multiline])) .content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}';export{o as q2_option}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-
|
|
1
|
+
import{p as e,b as a}from"./p-080839ed.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-9314863f",[[1,"q2-icon",{type:[513],label:[513]}]]],["p-84c52d3b",[[1,"q2-calendar",{value:[1537],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],optional:[516],disabled:[516],invalid:[1540],typeable:[516],placeholder:[513],buttonLabel:[513,"button-label"],disabledMsg:[513,"disabled-msg"],calendarLabel:[513,"calendar-label"],disclaimer:[513],displayFormat:[513,"display-format"],startDate:[513,"start-date"],endDate:[513,"end-date"],cutoffTime:[513,"cutoff-time"],daysOfWeekChecksum:[514,"days-of-week-checksum"],popDirection:[513,"pop-direction"],errors:[1040],invalidDates:[16],validDates:[16],onsuccess:[16],dropdownOpen:[32],keyboardSelection:[32],typedValue:[32],dateList:[32],hintMessage:[32],hintMessageType:[32]},[[0,"change","defaultChangeHandler"],[0,"error","defaultErrorHandler"],[0,"success","defaultSuccessHandler"]]]]],["p-7c99a58b",[[1,"q2-dropdown",{type:[513],icon:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],disabled:[516],popDirection:[513,"pop-direction"],name:[513],context:[513],contextValue:[513,"context-value"],resolvedType:[513,"resolved-type"],dropdownOpen:[32]}]]],["p-d893fcf2",[[1,"q2-select",{label:[513],hideLabel:[516,"hide-label"],value:[1025],ariaLabel:[513,"aria-label"],selectedOptions:[1032,"selected-options"],disabled:[516],invalid:[516],errors:[16],multiple:[516],minRows:[2,"min-rows"],popDirection:[513,"pop-direction"],searchable:[516],multilineOptions:[516,"multiline-options"],optional:[516],dropdownOpen:[32],onlyShowingSelected:[32],activeOptionId:[32],searchText:[32],hasCustomDisplay:[32],inputFocused:[32],statusMessage:[32]},[[0,"change","onHostElementChange"],[0,"input","onHostElementInput"],[0,"click","clickHandler"],[0,"keydown","keydownHandler"]]]]],["p-831a461f",[[1,"q2-editable-field",{value:[1537],editing:[1540],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],type:[513],formatModifier:[513,"format-modifier"],truncated:[513],maxlength:[514],persistentLabel:[516,"persistent-label"],hints:[16],errors:[16]},[[0,"change","onHostElementChange"]]]]],["p-9cb0fc37",[[1,"q2-section",{label:[513],collapsible:[516],noCollapseIcon:[516,"no-collapse-icon"],expanded:[1540],contentHeight:[32],hasYieldedHeader:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-da7cca07",[[1,"q2-stepper",{currentStep:[1538,"current-step"],stepCount:[1026,"step-count"],lastEnabledStep:[1026,"last-enabled-step"],scrollEnabled:[32],showScrollLeft:[32],showScrollRight:[32]},[[0,"change","defaultChangeHandler"]]]]],["p-7f74b629",[[1,"q2-tab-container",{value:[1537],type:[513],name:[513],color:[513],noPrint:[516,"no-print"],hasLeft:[32],hasRight:[32],scrollEnabled:[32],showScrollLeft:[32],showScrollRight:[32],tabs:[32]},[[0,"change","defaultChangeHandler"],[9,"resize","onResize"],[0,"focus","onFocus"]]]]],["p-4229b057",[[1,"q2-avatar",{name:[513],initials:[513],src:[513],icon:[1],badSrc:[32]}]]],["p-784af485",[[4,"q2-carousel",{autoPlay:[516,"auto-play"],fullWidthPanes:[516,"full-width-panes"],hidePagination:[516,"hide-pagination"],showNavigationArrows:[516,"show-navigation-arrows"],ariaLabel:[513,"aria-label"],label:[513],index:[1538],universalCarouselOptions:[32],fullWidthDisplayOptions:[32],activePaneIndex:[32],applyFocus:[32],compactMode:[32],autoPlayInProgress:[32],carouselWrapperWidth:[32],tabIndex:[32]},[[0,"change","onHostElementChange"]]]]],["p-997e4c7e",[[1,"q2-checkbox",{checked:[1540],type:[513],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],indeterminate:[516],disabled:[516],value:[513],name:[513],hasError:[516,"has-error"],groupDisabled:[516,"group-disabled"],alignment:[513]},[[0,"change","defaultChangeHandler"]]]]],["p-d1d040ef",[[1,"q2-checkbox-group",{label:[513],value:[1040],disabled:[516],optional:[516],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-f5e074f8",[[1,"q2-option",{role:[513],tabindex:[513],display:[513],value:[513],disabled:[516],optionId:[513,"option-id"],disabledGroup:[516,"disabled-group"],selected:[516],hidden:[516],multiline:[516],active:[516],_multiSelectHidden:[516,"_multiselecthidden"]}]]],["p-f17761da",[[1,"q2-radio-group",{label:[513],value:[1025],disabled:[516],name:[513],optional:[516],tilelayout:[516],tileAlignment:[513,"tile-alignment"],hasError:[516,"has-error"]},[[0,"change","onHostElementChange"]]]]],["p-48fc317d",[[1,"q2-textarea",{value:[1025],label:[513],hideLabel:[516,"hide-label"],hideMessages:[516,"hide-messages"],optional:[516],placeholder:[513],disabled:[516],readonly:[516],spellcheck:[516],maxlength:[1538],rows:[514],cols:[514],resize:[513],errors:[16],hints:[16],hasFocus:[32],downParams:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-74c1a311",[[4,"q2-carousel-pane",{index:[2],siblingCount:[2,"sibling-count"],hideFromScreenReader:[516,"hide-from-screen-reader"],isActivePane:[516,"is-active-pane"],label:[513]}]]],["p-84c05db6",[[0,"q2-loading-element",{shape:[513],width:[513],height:[513],borderRadius:[513,"border-radius"]}]]],["p-61c0e5fd",[[1,"q2-loc",{value:[513],substitutions:[16]}]]],["p-4830affe",[[1,"q2-optgroup",{disabled:[516],label:[513],hidden:[32]}]]],["p-428d15fd",[[4,"q2-radio",{label:[513],hideLabel:[516,"hide-label"],value:[513],disabled:[516],checked:[516],name:[513],ariaLabel:[513,"aria-label"],groupDisabled:[4,"group-disabled"],groupTileLayout:[4,"group-tile-layout"]},[[0,"click","onHostClick"]]]]],["p-01e00610",[[1,"q2-stepper-pane",{label:[513],description:[513],isActive:[516,"is-active"]}]]],["p-5222b792",[[1,"q2-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2]}]]],["p-a224bc9c",[[1,"tecton-tab-pane",{value:[513],label:[513],name:[513],selected:[516],index:[2],guid:[2],provided:[516],url:[513],moduleId:[513,"module-id"],minHeight:[513,"min-height"],authPayload:[16],showForm:[4,"show-form"],_showForm:[32]}]]],["p-a9bdd814",[[1,"q2-dropdown-item",{disabled:[516],removable:[516],separator:[516],label:[513],ariaLabel:[513,"aria-label"],value:[513]},[[0,"focus","onHostElementFocus"]]]]],["p-27353237",[[1,"q2-message",{type:[513],appearance:[513],description:[516],presentToggle:[32],present:[64]}]]],["p-3e100450",[[1,"q2-input",{value:[1025],label:[513],hideLabel:[516,"hide-label"],type:[513],placeholder:[513],disabled:[516],autocomplete:[513],autocorrect:[513],autocapitalize:[513],hideMessages:[516,"hide-messages"],iconLeft:[513,"icon-left"],iconRight:[513,"icon-right"],readonly:[516],clearable:[516],optional:[516],formatModifier:[513,"format-modifier"],maxlength:[1538],pseudo:[516],showVisibilityToggle:[516,"show-visibility-toggle"],textHidden:[1540,"text-hidden"],ariaControls:[1,"aria-controls"],role:[1],ariaOwns:[1,"aria-owns"],ariaLabel:[513,"aria-label"],ariaHaspopup:[1,"aria-haspopup"],ariaExpanded:[4,"aria-expanded"],ariaActivedescendant:[8,"aria-activedescendant"],errors:[16],hints:[16],formattedValueObject:[32],hasFocus:[32]},[[0,"focus","onHostElementFocus"],[0,"change","onHostElementChange"]]]]],["p-9024859f",[[0,"click-elsewhere"]]],["p-1fc4e6f6",[[1,"q2-btn",{ariaExpanded:[4,"aria-expanded"],ariaHasPopup:[8,"aria-has-popup"],ariaControls:[1,"aria-controls"],ariaSelected:[4,"aria-selected"],label:[513],hideLabel:[516,"hide-label"],ariaLabel:[513,"aria-label"],tabIndex:[2,"tab-index"],intent:[513],disabled:[516],type:[513],loading:[516],badge:[516],active:[516],fab:[516],iconPosition:[32]},[[2,"click","disable"],[0,"focus","delegateFocus"]]],[1,"q2-loading",{type:[513],shape:[513],modifiers:[513],counts:[513],label:[513],ariaLabel:[513,"aria-label"],inline:[516]}]]]],e)));
|
|
@@ -45,7 +45,7 @@ export declare class Q2Calendar implements ComponentInterface {
|
|
|
45
45
|
defaultFormatString: string;
|
|
46
46
|
defaultHintMessage: string;
|
|
47
47
|
hintMessage: string;
|
|
48
|
-
hintMessageType:
|
|
48
|
+
hintMessageType: 'info' | 'error' | 'danger' | 'warning' | 'success';
|
|
49
49
|
selectedMonthYear: ISelectedMonthYear;
|
|
50
50
|
valueIsInvalid: boolean;
|
|
51
51
|
scheduledAfterRender: Array<() => void>;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
export declare class Q2Message {
|
|
2
|
-
type:
|
|
3
|
-
appearance:
|
|
2
|
+
type: 'info' | 'error' | 'danger' | 'warning' | 'success';
|
|
3
|
+
appearance: 'minimal' | 'standard';
|
|
4
4
|
description: boolean;
|
|
5
|
+
hostElement: HTMLElement;
|
|
6
|
+
presentToggle: boolean;
|
|
7
|
+
get isFirefox(): boolean;
|
|
8
|
+
present(): Promise<void>;
|
|
5
9
|
render(): any;
|
|
6
10
|
}
|
|
@@ -15,15 +15,20 @@ export declare class Q2TabContainer implements ComponentInterface {
|
|
|
15
15
|
settled: EventEmitter;
|
|
16
16
|
guid: number;
|
|
17
17
|
scheduledAfterRender: Array<() => void>;
|
|
18
|
+
listElement: HTMLUListElement;
|
|
18
19
|
mutationObserver: MutationObserver;
|
|
20
|
+
resizeObserver: ResizeObserver;
|
|
19
21
|
lastScrolled: number;
|
|
20
22
|
hasLeft: boolean;
|
|
21
23
|
hasRight: boolean;
|
|
24
|
+
scrollEnabled: boolean;
|
|
25
|
+
showScrollLeft: boolean;
|
|
26
|
+
showScrollRight: boolean;
|
|
27
|
+
tabs: TabPane[];
|
|
22
28
|
resizeIframe(): void;
|
|
23
29
|
get tabPanes(): (HTMLQ2TabPaneElement | HTMLTectonTabPaneElement)[];
|
|
24
30
|
get selectedTabValue(): string;
|
|
25
31
|
get tabList(): Element;
|
|
26
|
-
tabs: TabPane[];
|
|
27
32
|
defaultChangeHandler(event: CustomEvent): void;
|
|
28
33
|
onResize(): void;
|
|
29
34
|
onFocus(): void;
|
|
@@ -38,21 +43,11 @@ export declare class Q2TabContainer implements ComponentInterface {
|
|
|
38
43
|
setTabs: () => void;
|
|
39
44
|
onTabClick: (event: MouseEvent) => void;
|
|
40
45
|
onTabKeyDown: (event: KeyboardEvent) => void;
|
|
41
|
-
moveToAdjacentTab: (value: string, direction: 'next' | 'prev') => void;
|
|
42
|
-
moveFocus: (index: number, preventScroll?: boolean) =>
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
direction: any;
|
|
47
|
-
scrollWidth: any;
|
|
48
|
-
clientWidth: any;
|
|
49
|
-
scrollLeft: any;
|
|
50
|
-
}) => {
|
|
51
|
-
newScrollLeft: any;
|
|
52
|
-
hasLeft: boolean;
|
|
53
|
-
hasRight: boolean;
|
|
54
|
-
};
|
|
55
|
-
onTabScroll: (direction?: string) => void;
|
|
46
|
+
moveToAdjacentTab: (value: string, direction: 'next' | 'prev' | 'first' | 'last') => void;
|
|
47
|
+
moveFocus: (index: number, preventScroll?: boolean) => HTMLButtonElement;
|
|
48
|
+
checkScrollState: () => void;
|
|
49
|
+
onScrollBtnClick: (direction?: 'left' | 'right') => void;
|
|
50
|
+
onSlotChange: () => void;
|
|
56
51
|
render(): any;
|
|
57
52
|
generateTab(tab: TabPane, index: number): JSX.IntrinsicElements;
|
|
58
53
|
}
|
|
@@ -18,6 +18,7 @@ export declare class TectonTabPane implements ComponentInterface {
|
|
|
18
18
|
_showForm: boolean;
|
|
19
19
|
hostElement: HTMLElement;
|
|
20
20
|
get iframeTitle(): string;
|
|
21
|
+
componentWillRender(): void | Promise<void>;
|
|
21
22
|
componentWillLoad(): void;
|
|
22
23
|
componentDidRender(): void;
|
|
23
24
|
selectedObserver(): void;
|
|
@@ -184,9 +184,10 @@ export namespace Components {
|
|
|
184
184
|
"value": string;
|
|
185
185
|
}
|
|
186
186
|
interface Q2Message {
|
|
187
|
-
"appearance":
|
|
187
|
+
"appearance": 'minimal' | 'standard';
|
|
188
188
|
"description": boolean;
|
|
189
|
-
"
|
|
189
|
+
"present": () => Promise<void>;
|
|
190
|
+
"type": 'info' | 'error' | 'danger' | 'warning' | 'success';
|
|
190
191
|
}
|
|
191
192
|
interface Q2Optgroup {
|
|
192
193
|
"disabled": boolean;
|
|
@@ -223,7 +224,7 @@ export namespace Components {
|
|
|
223
224
|
"label": string;
|
|
224
225
|
"name": string;
|
|
225
226
|
"optional": boolean;
|
|
226
|
-
"tileAlignment":
|
|
227
|
+
"tileAlignment": 'left' | 'center' | 'right';
|
|
227
228
|
"tilelayout": boolean;
|
|
228
229
|
"value": string;
|
|
229
230
|
}
|
|
@@ -702,9 +703,9 @@ declare namespace LocalJSX {
|
|
|
702
703
|
"value"?: string;
|
|
703
704
|
}
|
|
704
705
|
interface Q2Message {
|
|
705
|
-
"appearance"?:
|
|
706
|
+
"appearance"?: 'minimal' | 'standard';
|
|
706
707
|
"description"?: boolean;
|
|
707
|
-
"type"?:
|
|
708
|
+
"type"?: 'info' | 'error' | 'danger' | 'warning' | 'success';
|
|
708
709
|
}
|
|
709
710
|
interface Q2Optgroup {
|
|
710
711
|
"disabled"?: boolean;
|
|
@@ -744,7 +745,7 @@ declare namespace LocalJSX {
|
|
|
744
745
|
"name"?: string;
|
|
745
746
|
"onChange"?: (event: CustomEvent<any>) => void;
|
|
746
747
|
"optional"?: boolean;
|
|
747
|
-
"tileAlignment"?:
|
|
748
|
+
"tileAlignment"?: 'left' | 'center' | 'right';
|
|
748
749
|
"tilelayout"?: boolean;
|
|
749
750
|
"value"?: string;
|
|
750
751
|
}
|
|
@@ -11,6 +11,8 @@ import { Q2Radio } from 'src/components/q2-radio';
|
|
|
11
11
|
import { Q2Select } from 'src/components/q2-select';
|
|
12
12
|
import { FormFieldTypes, IDict } from 'src/util';
|
|
13
13
|
export declare function addSmoothScrollPolyfill(): boolean;
|
|
14
|
+
export declare function isFirefox(): boolean;
|
|
15
|
+
export declare function isSafari(): boolean;
|
|
14
16
|
export declare function createGuid(): number;
|
|
15
17
|
export declare function nextPaint(fn: () => void, execute?: boolean): void;
|
|
16
18
|
export declare function capitalize(value: string): string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "q2-tecton-elements",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.4",
|
|
4
4
|
"description": "Q2 Tecton Custom Elements",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"smoothscroll-polyfill": "^0.4.4",
|
|
50
50
|
"swiper": "5.3.8"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "010527951ecf3a081ccd7643ab10e5d9448e2236"
|
|
53
53
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as s}from"./p-8e863fbc.js";const a=class{constructor(s){t(this,s),this.type="info",this.appearance="standard",this.description=!1}render(){return s("div",{class:"message",role:this.description?void 0:"alert"},"standard"===this.appearance?function(t){const a={success:"success",warning:"warning",danger:"error",error:"error",info:"info"};return s("q2-icon",{type:a[t]||a.info,class:"message-icon"})}(this.type):"",s("div",{class:"message-content"},s("slot",null)))}};a.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host([hidden]){display:none}.message{border-left-width:var(--tct-message-bar-width, var(--app-scale-1, 5px));border-left-style:solid;display:flex;align-items:flex-start;background:var(--tct-message-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));color:var(--tct-message-font-color, inherit);box-shadow:var(--tct-message-box-shadow, inherit);border-radius:var(--tct-message-border-radius, inherit)}::slotted(ul){padding-left:var(--tct-scale-l3, var(--app-scale-3, 15px))}:host(:not([appearance])),:host([appearance='standard']){margin:var(--tct-scale-l3, var(--app-scale-3, 15px)) 0}:host(:not([appearance])) .message,:host([appearance='standard']) .message{padding:var(--tct-message-padding, var(--app-scale-3, 15px))}:host(:not([appearance])) ::slotted(ul),:host([appearance='standard']) ::slotted(ul){margin:var(--tct-scale-l3, var(--app-scale-3, 15px)) 0}:host([appearance='minimal']){margin:0}:host([appearance='minimal']) .message{padding:var(--tct-message-minimal-padding, var(--app-scale-2, 10px))}:host([appearance='minimal']) ::slotted(ul){margin:var(--tct-scale-1, var(--app-scale-1, 5px)) 0}:host(:not([type])) .message,:host([type='info']) .message{border-left-color:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host(:not([type])) .message-icon,:host([type='info']) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type='success']) .message{border-left-color:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type='success']) .message-icon{--tct-icon-stroke-primary:var(\n --tct-stoplight-success,\n var(--const-stoplight-success, #0e8a00)\n );--tct-icon-stroke-secondary:var(\n --tct-stoplight-success,\n var(--const-stoplight-success, #0e8a00)\n )}:host([type='warning']) .message{border-left-color:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type='warning']) .message-icon{--tct-icon-stroke-primary:var(\n --tct-stoplight-warning,\n var(--const-stoplight-warning, #f0b400)\n );--tct-icon-stroke-secondary:var(\n --tct-stoplight-warning,\n var(--const-stoplight-warning, #f0b400)\n )}:host([type='error']) .message,:host([type='danger']) .message{border-left-color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}:host([type='error']) .message-icon,:host([type='danger']) .message-icon{--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.message-icon{width:24px;margin-top:calc(var(--tct-scale-1, var(--app-scale-1, 5px)) * -1);margin-right:var(--tct-scale-1, var(--app-scale-1, 5px));margin-left:calc(var(--tct-scale-2, var(--app-scale-2, 10px)) * -1)}.message-content{flex:1}";export{a as q2_message}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as a,g as r}from"./p-8e863fbc.js";import{i}from"./p-aaa55918.js";const e=class{constructor(a){t(this,a),this.icon="person",this.badSrc=!1,this.onError=()=>{this.badSrc=!0}}srcDidUpdate(){this.badSrc=!1}get fallbackIcon(){return i[this.icon]&&i[this.icon].markup()||i.error.markup()}get computedInitials(){const{initials:t,name:a}=this;if(!t&&!a)return;let r="";if(t)r=t.substr(0,4);else if(a){const t=a.split(" "),i=t.length>1?t[t.length-1][0]:void 0;r+=t[0][0],i&&(r+=i)}return r=null==r?void 0:r.toUpperCase(),r}render(){const{computedInitials:t}=this,r=(this.name||this.initials)&&(!this.src||this.badSrc),i=!this.name&&!this.initials&&(!this.src||this.badSrc);return a("div",null,this.src&&!this.badSrc&&a("img",{class:"avatar-img","test-id":"userImage",src:this.src,onError:this.onError}),r&&a("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${t.length}`},a("text",{x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},t)),i&&a("div",{"test-id":"fallbackIcon",class:"fallback"},a("q2-icon",{type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};e.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";export{e as q2_avatar}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as a}from"./p-8e863fbc.js";import{a as r,c as s,l as n}from"./p-6f570344.js";r();const o=navigator.userAgent.toLowerCase().includes("firefox"),l=class{constructor(e){t(this,e),this.change=i(this,"change",7),this.settled=i(this,"settled",7),this.noPrint=!1,this.guid=s(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.hasLeft=!1,this.hasRight=!1,this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,i)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=i}))},this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:i})=>({label:t&&n(t)||"",value:i})))},this.onTabClick=t=>{this.change.emit({value:t.target.dataset.value})},this.onTabKeyDown=t=>{const i=t.target.dataset.value;if("ArrowRight"!==t.key&&"Right"!==t.key){if("ArrowLeft"!==t.key&&"Left"!==t.key)return"Space"===t.code||"Enter"===t.code?(t.preventDefault(),void this.change.emit({value:i})):void 0;this.moveToAdjacentTab(i,"prev")}else this.moveToAdjacentTab(i,"next")},this.moveToAdjacentTab=(t,i)=>{let e=this.tabs.map((({value:t})=>t)).indexOf(t),a="next"===i?Math.min(e+1,this.tabs.length-1):Math.max(e-1,0);if(e!==a){const t=this.moveFocus(a);this.tabList.scrollWidth>this.tabList.clientWidth&&(0!==a&&a!==this.tabs.length-1?this.scrollByKeyboard(i,t):this.onTabScroll(i))}},this.moveFocus=(t,i=!0)=>{const e=this.hostElement.shadowRoot.querySelector(`.tab-list a[data-value="${this.tabs[t].value}"]`);return e.focus({preventScroll:i}),e},this.calculateKeyboardScroll=(t,i)=>{const{left:e}=this.tabList.getBoundingClientRect(),{left:a}=i.getBoundingClientRect();let r=0;return"next"===t&&a+i.clientWidth>e+this.tabList.clientWidth+46?r=this.tabList.scrollLeft+46+(a+i.clientWidth)-(e+this.tabList.clientWidth):"prev"===t&&a+46<e&&(r=this.tabList.scrollLeft-46+(a-e)),r},this.scrollByKeyboard=(t,i)=>{const e=this.calculateKeyboardScroll(t,i);0!==e&&(this.tabList.scroll({left:e,behavior:"smooth"}),setTimeout((()=>this.onTabScroll()),100))},this.calculateTabScroll=({direction:t,scrollWidth:i,clientWidth:e,scrollLeft:a})=>{const r=a+({prev:-1,next:1}[t]||0)*Math.round(.5*e);return{newScrollLeft:r,hasLeft:r>0,hasRight:i>e+r}},this.onTabScroll=t=>{const i=(new Date).getTime();if(i-this.lastScrolled<50)return;if(this.lastScrolled=i,!this.tabList)return;let{scrollWidth:e,clientWidth:a,scrollLeft:r}=this.tabList;const{newScrollLeft:s,hasLeft:n,hasRight:o}=this.calculateTabScroll({direction:t,scrollWidth:e,clientWidth:a,scrollLeft:r});this.hasLeft=n,this.hasRight=o,t&&this.tabList.scroll({left:s,behavior:"smooth"})}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}get tabPanes(){const t=this.hostElement.querySelectorAll("q2-tab-pane, tecton-tab-pane");return 0===t.length?[]:Array.from(t).filter((t=>t.name===this.name))}get selectedTabValue(){return this.value||this.tabPanes[0].value||""}get tabList(){return this.hostElement.shadowRoot.querySelector(".tab-list")}defaultChangeHandler(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}onResize(){this.onTabScroll()}onFocus(){if(o){const t=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(t)}}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.settled.emit(),this.onTabScroll()}componentDidLoad(){const t=this.tabs.findIndex((t=>t.value===this.value));t>0&&this.scheduledAfterRender.push((()=>{this.moveFocus(t,!1).blur()}))}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}valueObserver(){this.updateTabData(),this.scheduledAfterRender.push(this.resizeIframe);const t=this.tabs.findIndex((t=>t.value===this.value));t>-1&&this.scheduledAfterRender.push((()=>this.moveFocus(t,!1)))}nameObserver(){this.updateTabData()}render(){return e("div",{class:"tab-container"},e("ul",{class:"tab-list "+(this.noPrint?"no-print":""),role:"tablist"},this.hasLeft&&e("li",{role:"presentation",class:"nav nav-left",onClick:()=>this.onTabScroll("prev")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-left"})))),this.tabs.map(((t,i)=>this.generateTab(t,i))),this.hasRight&&e("li",{role:"presentation",class:"nav nav-right",onClick:()=>this.onTabScroll("next")},e("div",{class:"arrow-container"},e("a",null,e("q2-icon",{type:"chevron-right"}))))),e("div",{class:"tab-content"},e("slot",null)))}generateTab(t,i){const{label:a,value:r}=t,s=this.selectedTabValue===r;return e("li",{role:"presentation"},e("a",{id:`tab-${this.guid}-${i}`,href:"javascript://","data-value":r,"test-id":"tabLink",tabIndex:s?0:-1,role:"tab","aria-selected":`${s}`,"aria-controls":`tab-pane-${this.guid}-${i}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},a))}get hostElement(){return a(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-container{position:relative;display:flex;flex-direction:column}.tab-list{padding:0;display:flex;margin:0;list-style:none;border-bottom:1px solid\n var(--tct-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));white-space:nowrap;overflow-x:hidden;align-items:center}.tab-list li.nav{position:absolute;height:44px;width:46px}.tab-list li.nav-left{left:-15px;background:linear-gradient(to right, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav-right{right:-15px;background:linear-gradient(to left, var(--tct-section-bg, var(--t-section-bg, #ffffff)) 60%, rgba(255,255,255,0))}.tab-list li.nav .arrow-container{display:flex;justify-content:center;align-items:center;height:inherit;width:inherit;cursor:pointer}.tab-list li.nav .arrow-container a{padding:0;margin:0;height:inherit;width:inherit;border-bottom:0;display:flex;align-items:center;justify-content:center}.tab-list li.nav .arrow-container a q2-icon{width:19px;height:19px}.tab-list a{width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%));text-align:center;text-decoration:none;padding:var(--tct-scale-2, var(--app-scale-2, 10px));margin:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px))\n 0;color:var(--tct-tab-inactive-color, var(--t-tab-inactive, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));border-bottom:3px solid transparent;display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)),\n border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type='section']) .tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}@media screen and (max-width: 767px){.tab-list a{font-size:inherit;padding:var(--tct-scale-2, var(--app-scale-2, 10px))\n var(--tct-scale-1, var(--app-scale-1, 5px))}}@media print{.tab-list.no-print{display:none}}.tab-list a:hover{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));background-color:var(--tct-tab-hover-bg-color, var(--t-tab-hover-bg-color, inherit));width:var(--tct-tab-hover-width, var(--t-tab-hover-width, 100%))}.tab-list a[aria-selected='true']{color:var(--tct-tab-active-color, var(--t-tab-active, #2e2e2e));border-color:currentColor;width:var(--tct-tab-active-width, var(--t-tab-active-width, 100%));background-color:var(--tct-tab-active-bg-color, var(--t-tab-active-bg-color, inherit))}:host([color='alt']) .tab-list a{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive, inherit))}:host([color='alt']) .tab-list a:hover,:host([color='alt']) .tab-list a[aria-selected='true']{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active, inherit))}.tab-content{padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0}.tab-content:focus{outline:none;box-shadow:none}";export{l as q2_tab_container}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
let e,t,n,l=!1,o=!1,s=!1,c=!1,r=!1;const i="undefined"!=typeof window?window:{},a=i.document||{head:{}},f={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),$=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=p(e,n),c=h(t,o),r=y(n);f.ael(s,l,c,r),(t.o=t.o||[]).push((()=>f.rel(s,l,c,r)))}))},h=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){$e(e)}},p=(e,t)=>8&t?i:e,y=e=>0!=(2&e),m="http://www.w3.org/1999/xlink",b=new WeakMap,w=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...n)=>{let l=null,o=null,s=!1,c=!1,r=[];const i=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!v(l))&&(l+=""),s&&c?r[r.length-1].h+=l:r.push(s?j(null,l):l),c=s)};if(i(n),t){t.name&&(o=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,r,O);const a=j(e,null);return a.p=t,r.length>0&&(a.m=r),a.g=o,a},j=(e,t)=>({t:0,v:e,h:t,k:null,m:null,p:null,g:null}),S={},O={forEach:(e,t)=>e.map(C).forEach(t),map:(e,t)=>e.map(C).map(t).map(M)},C=e=>({vattrs:e.p,vchildren:e.m,vkey:e.j,vname:e.g,vtag:e.v,vtext:e.h}),M=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),k(e.vtag,t,...e.vchildren||[])}const t=j(e.vtag,e.vtext);return t.p=e.vattrs,t.m=e.vchildren,t.j=e.vkey,t.g=e.vname,t},x=(e,t,n,l,o,s)=>{if(n!==l){let c=de(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=T(n),s=T(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const i=v(l);if((c||i&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{let o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let a=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,a=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(a?e.removeAttributeNS(m,t):e.removeAttribute(t)):(!c||4&s||o)&&!i&&(l=!0===l?"":l,a?e.setAttributeNS(m,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):de(i,r)?r.slice(2):r[2]+t.slice(3),n&&f.rel(e,t,n,!1),l&&f.ael(e,t,l,!1)}},R=/\s/,T=e=>e?e.split(R):[],E=(e,t,n,l)=>{const o=11===t.k.nodeType&&t.k.host?t.k.host:t.k,s=e&&e.p||g,c=t.p||g;for(l in s)l in c||x(o,l,s[l],void 0,n,t.t);for(l in c)x(o,l,s[l],c[l],n,t.t)},L=(o,r,i,f)=>{let u,d,$,h=r.m[i],p=0;if(l||(s=!0,"slot"===h.v&&(e&&f.classList.add(e+"-s"),h.t|=h.m?2:1)),null!==h.h)u=h.k=a.createTextNode(h.h);else if(1&h.t)u=h.k=a.createTextNode("");else{if(c||(c="svg"===h.v),u=h.k=a.createElementNS(c?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&h.t?"slot-fb":h.v),c&&"foreignObject"===h.v&&(c=!1),E(null,h,c),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),h.m)for(p=0;p<h.m.length;++p)d=L(o,h,p,u),d&&u.appendChild(d);"svg"===h.v?c=!1:"foreignObject"===u.tagName&&(c=!0)}return u["s-hn"]=n,3&h.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=h.g||"",$=o&&o.m&&o.m[i],$&&$.v===h.v&&o.k&&P(o.k,!1)),u},P=(e,t)=>{f.t|=1;const l=e.childNodes;for(let e=l.length-1;e>=0;e--){const o=l[e];o["s-hn"]!==n&&o["s-ol"]&&(D(o).insertBefore(o,A(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&P(o,t)}f.t&=-2},F=(e,t,l,o,s,c)=>{let r,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===n&&(i=i.shadowRoot);s<=c;++s)o[s]&&(r=L(null,l,s,e),r&&(o[s].k=r,i.insertBefore(r,A(t))))},W=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.k,z(l),o=!0,s["s-ol"]?s["s-ol"].remove():P(s,!0),s.remove())},q=(e,t)=>e.v===t.v&&("slot"!==e.v||e.g===t.g),A=e=>e&&e["s-ol"]||e,D=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,H=(e,t)=>{const n=t.k=e.k,l=e.m,o=t.m,s=t.v,r=t.h;let i;null===r?(c="svg"===s||"foreignObject"!==s&&c,"slot"===s||E(e,t,c),null!==l&&null!==o?((e,t,n,l)=>{let o,s=0,c=0,r=t.length-1,i=t[0],a=t[r],f=l.length-1,u=l[0],d=l[f];for(;s<=r&&c<=f;)null==i?i=t[++s]:null==a?a=t[--r]:null==u?u=l[++c]:null==d?d=l[--f]:q(i,u)?(H(i,u),i=t[++s],u=l[++c]):q(a,d)?(H(a,d),a=t[--r],d=l[--f]):q(i,d)?("slot"!==i.v&&"slot"!==d.v||P(i.k.parentNode,!1),H(i,d),e.insertBefore(i.k,a.k.nextSibling),i=t[++s],d=l[--f]):q(a,u)?("slot"!==i.v&&"slot"!==d.v||P(a.k.parentNode,!1),H(a,u),e.insertBefore(a.k,i.k),a=t[--r],u=l[++c]):(o=L(t&&t[c],n,c,e),u=l[++c],o&&D(i.k).insertBefore(o,A(i.k)));s>r?F(e,null==l[f+1]?null:l[f+1].k,n,l,c,f):c>f&&W(t,s,r)})(n,l,t,o):null!==o?(null!==e.h&&(n.textContent=""),F(n,null,t,o,0,o.length-1)):null!==l&&W(l,0,l.length-1),c&&"svg"===s&&(c=!1)):(i=n["s-cr"])?i.parentNode.textContent=r:e.h!==r&&(n.data=r)},N=e=>{let t,n,l,o,s,c,r=e.childNodes;for(n=0,l=r.length;n<l;n++)if(t=r[n],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<l;o++)if(c=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===c&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===c||3===c&&""!==r[o].textContent.trim()){t.hidden=!0;break}N(t)}},U=[],V=e=>{let t,n,l,s,c,r,i=0,a=e.childNodes,f=a.length;for(;i<f;i++){if(t=a[i],t["s-sr"]&&(n=t["s-cr"])&&n.parentNode)for(l=n.parentNode.childNodes,s=t["s-sn"],r=l.length-1;r>=0;r--)n=l[r],n["s-cn"]||n["s-nr"]||n["s-hn"]===t["s-hn"]||(_(n,s)?(c=U.find((e=>e.S===n)),o=!0,n["s-sn"]=n["s-sn"]||s,c?c.O=t:U.push({O:t,S:n}),n["s-sr"]&&U.map((e=>{_(e.S,n["s-sn"])&&(c=U.find((e=>e.S===n)),c&&!e.O&&(e.O=c.O))}))):U.some((e=>e.S===n))||U.push({S:n}));1===t.nodeType&&V(t)}},_=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,z=e=>{e.p&&e.p.ref&&e.p.ref(null),e.m&&e.m.map(z)},B=e=>ae(e).C,G=(e,t,n)=>{const l=B(e);return{emit:e=>I(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},I=(e,t,n)=>{const l=f.ce(t,n);return e.dispatchEvent(l),l},J=(e,t)=>{t&&!e.M&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.M=t)))},K=(e,t)=>{if(e.t|=16,!(4&e.t))return J(e,e.R),je((()=>Q(e,t)));e.t|=512},Q=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>te(n,e,t))),e.u=null),l=te(n,"componentWillLoad")),ne(l,(()=>X(e,n,t)))},X=async(e,t,n)=>{const l=e.C,o=l["s-rc"];n&&(e=>{const t=e.T,n=e.C,l=t.t,o=((e,t)=>{let n=w(t),l=ye.get(n);if(e=11===e.nodeType?e:a,l)if("string"==typeof l){let t,o=b.get(e=e.head||e);o||b.set(e,o=new Set),o.has(n)||(t=a.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);Y(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>Z(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},Y=(c,r)=>{try{r=r.render&&r.render(),c.t&=-17,c.t|=2,((c,r)=>{const i=c.C,u=c.T,d=c.L||j(null,null),$=(e=>e&&e.v===S)(r)?r:k(null,null,r);if(n=i.tagName,u.P&&($.p=$.p||{},u.P.map((([e,t])=>$.p[t]=i[e]))),$.v=null,$.t|=4,c.L=$,$.k=d.k=i.shadowRoot||i,e=i["s-sc"],t=i["s-cr"],l=0!=(1&u.t),o=!1,H(d,$),f.t|=1,s){let e,t,n,l,o,s;V($.k);let c=0;for(;c<U.length;c++)e=U[c],t=e.S,t["s-ol"]||(n=a.createTextNode(""),n["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=n,t));for(c=0;c<U.length;c++)if(e=U[c],t=e.S,e.O){for(l=e.O.parentNode,o=e.O.nextSibling,n=t["s-ol"];n=n.previousSibling;)if(s=n["s-nr"],s&&s["s-sn"]===t["s-sn"]&&l===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&l!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),l.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&N($.k),f.t&=-2,U.length=0})(c,r)}catch(e){$e(e,c.C)}return null},Z=e=>{const t=e.C,n=e.i,l=e.R;te(n,"componentDidRender"),64&e.t||(e.t|=64,le(t),te(n,"componentDidLoad"),e.F(t),l||ee()),e.M&&(e.M(),e.M=void 0),512&e.t&&ke((()=>K(e,!1))),e.t&=-517},ee=()=>{le(a.documentElement),ke((()=>I(i,"appload",{detail:{namespace:"q2-tecton-elements"}})))},te=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){$e(e)}},ne=(e,t)=>e&&e.then?e.then(t):t(),le=e=>e.setAttribute("stencil-hydrated",""),oe=(e,t,n)=>{if(t.W){e.watchers&&(t.q=e.watchers);const l=Object.entries(t.W),o=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(o,e,{get(){return((e,t)=>ae(this).A.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=ae(e),s=o.C,c=o.A.get(t),r=o.t,i=o.i;if(n=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),!(8&r&&void 0!==c||n===c)&&(o.A.set(t,n),i)){if(l.q&&128&r){const e=l.q[t];e&&e.map((e=>{try{i[e](n,c,t)}catch(e){$e(e,s)}}))}2==(18&r)&&K(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){f.jmp((()=>{const t=n.get(e);this.hasOwnProperty(t)&&(l=this[t],delete this[t]),this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.P.push([e,o]),o}))}}return e},se=e=>{te(e,"connectedCallback")},ce=(e,t={})=>{const n=[],l=t.exclude||[],o=i.customElements,s=a.head,c=s.querySelector("meta[charset]"),r=a.createElement("style"),u=[];let h,p=!0;Object.assign(f,t),f.l=new URL(t.resourcesUrl||"./",a.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],$:t[1],W:t[2],D:t[3]};s.W=t[2],s.D=t[3],s.P=[],s.q={};const c=s.$,r=class extends HTMLElement{constructor(e){super(e),ue(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){h&&(clearTimeout(h),h=null),p?u.push(this):f.jmp((()=>(e=>{if(0==(1&f.t)){const t=ae(e),n=t.T,l=()=>{};if(1&t.t)$(e,t,n.D),se(t.i);else{t.t|=1,12&n.t&&(e=>{const t=e["s-cr"]=a.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){J(t,t.R=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=pe(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.q=o.watchers,oe(o,n,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){$e(e)}t.t&=-9,t.t|=128,e(),se(t.i)}if(o.style){let e=o.style;const t=w(n);if(!ye.has(t)){const l=()=>{};((e,t,n)=>{let l=ye.get(e);d&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,ye.set(e,l)})(t,e,!!(1&n.t)),l()}}}const s=t.R,c=()=>K(t,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){f.jmp((()=>(()=>{if(0==(1&f.t)){const e=ae(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),te(t,"disconnectedCallback")}})()))}componentOnReady(){return ae(this).H}};s.N=e[0],l.includes(c)||o.get(c)||(n.push(c),o.define(c,oe(r,s,1)))})))),r.innerHTML=n+"{visibility:hidden}[stencil-hydrated]{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,c?c.nextSibling:s.firstChild),p=!1,u.length?u.map((e=>e.connectedCallback())):f.jmp((()=>h=setTimeout(ee,30)))},re=(e,t)=>t,ie=new WeakMap,ae=e=>ie.get(e),fe=(e,t)=>ie.set(t.i=e,t),ue=(e,t)=>{const n={t:0,C:e,T:t,A:new Map};return n.H=new Promise((e=>n.F=e)),e["s-p"]=[],e["s-rc"]=[],$(e,n,t.D),ie.set(e,n)},de=(e,t)=>t in e,$e=(e,t)=>(0,console.error)(e,t),he=new Map,pe=e=>{const t=e.$.replace(/-/g,"_"),n=e.N,l=he.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(he.set(n,e),e[t])),$e)},ye=new Map,me=[],be=[],we=(e,t)=>n=>{e.push(n),r||(r=!0,t&&4&f.t?ke(ve):f.raf(ve))},ge=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){$e(e)}e.length=0},ve=()=>{ge(me),ge(be),(r=me.length>0)&&f.raf(ve)},ke=e=>u().then(e),je=we(be,!0);export{re as F,S as H,ce as b,G as c,B as g,k as h,u as p,fe as r}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-8e863fbc.js";const n=class{constructor(e){t(this,e),this.onIFrameLoad=t=>{const e=t.target;e.contentWindow&&e.contentWindow.postMessage(`[iFrameSizer]${this.moduleId}:0:false:false:32:true:true:null:documentElementOffset`,"*")}}get iframeTitle(){return this.moduleId.split(".").slice(-2).join("-")}componentWillLoad(){this._showForm=this.showForm}componentDidRender(){const t=this.hostElement.shadowRoot.querySelector("form");t&&t.parentElement&&(t.submit(),this._showForm=!1)}selectedObserver(){this._showForm=this.showForm}render(){return e("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-expanded":`${!!this.selected}`,"aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},this.selected&&void 0!==this.provided&&!this.provided&&e("div",null,e("slot",{name:"loading-wrapper"}),e("iframe",{hidden:!0,name:this.moduleId,scrolling:"no",src:this.showForm&&this.authPayload.length?"":this.url||"","data-module-id":this.moduleId,style:this.minHeight?{minHeight:this.minHeight}:null,onLoad:this.onIFrameLoad,title:this.iframeTitle,allow:"geolocation; camera"}),this._showForm&&this.authPayload?e("form",{hidden:!0,method:"post",action:this.url,target:this.moduleId,encType:"multipart/form-data"},this.authPayload.map((t=>e("input",{type:"hidden",value:t.value,name:t.key})))):""),e("div",{class:"slot-wrapper",hidden:this.selected&&void 0!==this.provided&&!this.provided},e("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedObserver"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden='true']{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";export{n as tecton_tab_pane}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,g as o}from"./p-8e863fbc.js";import{c as r,l as s}from"./p-6f570344.js";const n=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.disabled=!1,this.tileAlignment="center",this.hasError=!1,this.id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(),this.nameUpdated(),this.disabledUpdated(),this.tileLayoutUpdated()},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.change.emit({value:t.detail.value})}}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,this.onMutationObserved()}valueUpdated(){this.radioElements.forEach((t=>{t.checked=this.value===t.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this.id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}tileLayoutUpdated(){this.radioElements.forEach((t=>{t.groupTileLayout=this.tilelayout}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}render(){return i("div",null,this.label||this.optional?i("div",{class:"group-legend"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",i("fieldset",{class:"q2-radio-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`},this.label||this.optional?i("legend",{class:"sr-only"},this.label&&s(this.label),this.optional?i("span",{class:"optional-tag"},s("tecton.element.input.optional")):""):"",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 this.tilelayout?i("div",{class:"left"===this.tileAlignment?"flexed left":"flexed"},i("slot",null)):i("slot",null)}get hostElement(){return o(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],tilelayout:["tileLayoutUpdated"]}}};n.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size: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-2, 10px))}fieldset{padding:0;margin:0;border:0}fieldset.has-error{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));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, transparent, white)}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(\n --tct-input-label-optional-margin-left,\n var(--tct-scale-1, var(--app-scale-1, 5px))\n );color:var(\n --tct-input-label-optional-font-color,\n var(--tct-a11y-color, var(--t-a11y-gray-color, #767676))\n );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}";export{n as q2_radio_group}
|