q2-tecton-elements 1.8.2 → 1.8.6
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-18dcfe72.js → icons-c2043f0c.js} +1 -1
- package/dist/cjs/{index-ca1a1caa.js → index-088ff6bc.js} +1 -1
- package/dist/cjs/{index-afa38ff0.js → index-e481b187.js} +0 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{patch-a78f1c2a.js → patch-b467e58e.js} +1 -1
- package/dist/cjs/q2-avatar.cjs.entry.js +2 -2
- package/dist/cjs/q2-btn.cjs.entry.js +1 -1
- package/dist/cjs/q2-calendar.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
- package/dist/cjs/q2-carousel.cjs.entry.js +2 -2
- package/dist/cjs/q2-checkbox-group.cjs.entry.js +3 -3
- package/dist/cjs/q2-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
- package/dist/cjs/q2-icon.cjs.entry.js +2 -2
- package/dist/cjs/q2-input.cjs.entry.js +2 -2
- package/dist/cjs/q2-loading-element.cjs.entry.js +2 -2
- package/dist/cjs/q2-loading.cjs.entry.js +2 -2
- package/dist/cjs/q2-loc.cjs.entry.js +1 -1
- package/dist/cjs/q2-message.cjs.entry.js +1 -1
- 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 +2 -2
- 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-tab-container.cjs.entry.js +2 -2
- 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-8b95bf8b.js → shapes-c81a4f4d.js} +1 -1
- package/dist/cjs/tecton-tab-pane.cjs.entry.js +1 -5
- package/dist/collection/components/q2-checkbox-group/styles.css +15 -4
- package/dist/collection/components/tecton-tab-pane/index.js +0 -4
- package/dist/esm/click-elsewhere.entry.js +1 -1
- package/dist/esm/{icons-f815e5ae.js → icons-36ec2287.js} +1 -1
- package/dist/esm/{index-a13749ca.js → index-fb18edf3.js} +0 -3
- package/dist/esm/{index-bd545d45.js → index-fdf810ae.js} +1 -1
- package/dist/esm/loader.mjs +2 -2
- package/dist/esm/{patch-2845ecbc.js → patch-1cd67198.js} +1 -1
- package/dist/esm/q2-avatar.entry.js +2 -2
- package/dist/esm/q2-btn.entry.js +1 -1
- package/dist/esm/q2-calendar.entry.js +1 -1
- package/dist/esm/q2-carousel-pane.entry.js +1 -1
- package/dist/esm/q2-carousel.entry.js +2 -2
- package/dist/esm/q2-checkbox-group.entry.js +3 -3
- package/dist/esm/q2-checkbox.entry.js +2 -2
- package/dist/esm/q2-dropdown-item.entry.js +1 -1
- package/dist/esm/q2-dropdown.entry.js +1 -1
- package/dist/esm/q2-editable-field.entry.js +1 -1
- package/dist/esm/q2-icon.entry.js +2 -2
- package/dist/esm/q2-input.entry.js +2 -2
- package/dist/esm/q2-loading-element.entry.js +2 -2
- package/dist/esm/q2-loading.entry.js +2 -2
- package/dist/esm/q2-loc.entry.js +1 -1
- package/dist/esm/q2-message.entry.js +1 -1
- 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 +2 -2
- 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-tab-container.entry.js +2 -2
- package/dist/esm/q2-tab-pane.entry.js +1 -1
- package/dist/esm/q2-tecton-elements.mjs +2 -2
- package/dist/esm/q2-textarea.entry.js +2 -2
- package/dist/esm/{shapes-0e101b5d.js → shapes-2d3edb07.js} +1 -1
- package/dist/esm/tecton-tab-pane.entry.js +1 -5
- package/dist/esm-es5/click-elsewhere.entry.js +1 -1
- package/dist/esm-es5/{icons-f815e5ae.js → icons-36ec2287.js} +1 -1
- package/dist/esm-es5/{index-a13749ca.js → index-fb18edf3.js} +0 -3
- package/dist/esm-es5/{index-bd545d45.js → index-fdf810ae.js} +1 -1
- package/dist/esm-es5/loader.mjs +2 -2
- package/dist/esm-es5/{patch-2845ecbc.js → patch-1cd67198.js} +1 -1
- package/dist/esm-es5/q2-avatar.entry.js +2 -2
- package/dist/esm-es5/q2-btn.entry.js +1 -1
- package/dist/esm-es5/q2-calendar.entry.js +1 -1
- package/dist/esm-es5/q2-carousel-pane.entry.js +1 -1
- package/dist/esm-es5/q2-carousel.entry.js +2 -2
- package/dist/esm-es5/q2-checkbox-group.entry.js +3 -3
- package/dist/esm-es5/q2-checkbox.entry.js +2 -2
- package/dist/esm-es5/q2-dropdown-item.entry.js +1 -1
- package/dist/esm-es5/q2-dropdown.entry.js +1 -1
- package/dist/esm-es5/q2-editable-field.entry.js +1 -1
- package/dist/esm-es5/q2-icon.entry.js +2 -2
- package/dist/esm-es5/q2-input.entry.js +2 -2
- package/dist/esm-es5/q2-loading-element.entry.js +2 -2
- package/dist/esm-es5/q2-loading.entry.js +2 -2
- package/dist/esm-es5/q2-loc.entry.js +1 -1
- package/dist/esm-es5/q2-message.entry.js +1 -1
- package/dist/esm-es5/q2-optgroup.entry.js +2 -2
- package/dist/esm-es5/q2-option.entry.js +1 -1
- package/dist/esm-es5/q2-radio-group.entry.js +2 -2
- package/dist/esm-es5/q2-radio.entry.js +2 -2
- package/dist/esm-es5/q2-section.entry.js +2 -2
- package/dist/esm-es5/q2-select.entry.js +2 -2
- package/dist/esm-es5/q2-tab-container.entry.js +2 -2
- package/dist/esm-es5/q2-tab-pane.entry.js +1 -1
- package/dist/esm-es5/q2-tecton-elements.mjs +2 -2
- package/dist/esm-es5/q2-textarea.entry.js +2 -2
- package/dist/esm-es5/{shapes-0e101b5d.js → shapes-2d3edb07.js} +1 -1
- package/dist/esm-es5/tecton-tab-pane.entry.js +1 -5
- package/dist/q2-tecton-elements/{p-6e4f3594.system.entry.js → p-07184740.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-8a927c61.entry.js → p-08b9cef3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-1ec47232.system.entry.js → p-0939ac49.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d8094a6c.entry.js → p-17c94677.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-1884ed43.system.entry.js → p-1e474217.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-2d0a9d5d.entry.js → p-278feea4.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d8baceae.entry.js → p-2a3ffd0e.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-2b8d9c32.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-251a1a69.system.entry.js → p-2e15f6a0.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-42746c37.entry.js → p-2f38cd03.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-30be5a4c.system.entry.js → p-320e6f16.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-636d8429.entry.js → p-36047175.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a41d38c7.entry.js → p-37a7d31b.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ea8d3941.js → p-3b555dae.js} +1 -1
- package/dist/q2-tecton-elements/{p-21b38261.entry.js → p-455a2a57.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-26e58030.entry.js → p-467b5573.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-11ff90df.system.entry.js → p-471347e1.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-76a4cb22.system.entry.js → p-4b4b5d98.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fcf57d51.entry.js → p-4e327b29.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-b1e14832.system.entry.js → p-535674e3.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-9bfd3c92.system.entry.js → p-5a179724.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f36c5a6c.system.entry.js → p-5ecf8bb6.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-b7614da4.entry.js → p-66c6b30a.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-85a5a3e7.entry.js → p-7167b161.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-6832e014.system.entry.js → p-71e97bfe.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-21e51b8c.system.entry.js → p-72d23128.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-a011181d.entry.js → p-75162a97.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-bd13f4aa.entry.js → p-79896950.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-80a1ee11.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-32741666.js → p-83aebf26.js} +1 -1
- package/dist/q2-tecton-elements/{p-e30c5b2f.system.entry.js → p-83b3653d.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-3eca1613.entry.js → p-8a49d11d.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f2800467.system.entry.js → p-933f1053.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-9e41bc1f.system.js +1 -0
- package/dist/q2-tecton-elements/{p-a1809259.entry.js → p-a1f5353d.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-062507e3.system.entry.js → p-a641ba04.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-52350017.entry.js → p-aba7307e.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-63c78e31.js → p-ad63be1e.js} +1 -1
- package/dist/q2-tecton-elements/{p-d22383eb.entry.js → p-b27b8b8d.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-1c0dc20c.entry.js → p-b4d9a615.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-21631f5d.system.entry.js → p-b5c0b8a5.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-634861ab.system.entry.js → p-b93b8441.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-fef6ced0.entry.js → p-bfd79af3.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-0da41a33.system.js → p-c46202c6.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-4053d910.system.js → p-c827f11e.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-e46c27ca.system.entry.js → p-c8910331.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-12bf4cb2.system.entry.js → p-c97db8c3.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-d3f3ef7a.system.entry.js → p-cc92442c.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-90b68103.entry.js → p-cd561c7c.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-f257633e.system.entry.js → p-cee1e168.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-53224685.js → p-cf9f2f6b.js} +1 -1
- package/dist/q2-tecton-elements/{p-bc75294c.system.entry.js → p-d0726771.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-af7b2b4d.system.entry.js → p-d45a1dfe.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-78e945e1.system.entry.js → p-e5d34785.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-ae2606d0.system.js → p-e6c63df7.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-ce537fbb.system.js → p-e6d3a1f5.system.js} +1 -1
- package/dist/q2-tecton-elements/{p-3319f48f.entry.js → p-e79afc26.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-324ed8b3.entry.js → p-e9128290.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-c8b01c2e.entry.js → p-eb00226b.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-ee61cab6.system.entry.js +1 -0
- package/dist/q2-tecton-elements/{p-0565a933.system.entry.js → p-f23769a8.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/p-f844ee08.js +1 -0
- package/dist/q2-tecton-elements/{p-c1f913a6.system.entry.js → p-f9d19df0.system.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-0144a384.entry.js → p-facf2115.entry.js} +1 -1
- package/dist/q2-tecton-elements/{p-6ff216a1.system.js → p-fd6287e8.system.js} +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
- package/dist/q2-tecton-elements/q2-tecton-elements.js +1 -1
- package/dist/types/components/tecton-tab-pane/index.d.ts +0 -1
- package/package.json +2 -2
- package/dist/q2-tecton-elements/p-0f8a5d9f.entry.js +0 -1
- package/dist/q2-tecton-elements/p-6203c03b.system.js +0 -1
- package/dist/q2-tecton-elements/p-93c95da6.entry.js +0 -1
- package/dist/q2-tecton-elements/p-9f992b04.js +0 -1
- package/dist/q2-tecton-elements/p-f1652c35.system.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as a,g as r}from"./p-
|
|
1
|
+
import{r as t,h as a,g as r}from"./p-f844ee08.js";import{i}from"./p-cf9f2f6b.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="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;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{-o-object-fit:cover;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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack: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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-f844ee08.js";const o=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("-")}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"]}}};o.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;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;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}.loading-wrapper{height:44px;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.loading-wrapper:not([hidden]){display:-ms-flexbox;display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}";export{o as tecton_tab_pane}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,i=arguments.length;t<i;t++)e+=arguments[t].length;for(var n=Array(e),o=0,t=0;t<i;t++)for(var s=arguments[t],l=0,r=s.length;l<r;l++,o++)n[o]=s[l];return n};System.register(["./p-6ff216a1.system.js","./p-0da41a33.system.js"],(function(e){"use strict";var t,i,n,o,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.g},function(e){s=e.c}],execute:function(){var l="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;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;-webkit-box-shadow:var(--app-shadow-1);box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity var(--app-tween-1);transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0)}.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(--tct-scale-2, var(--app-scale-2, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3, 15px)));overflow:hidden;cursor:pointer;-webkit-transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--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))\n 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))}";var r=e("q2_select",function(){function e(e){var n=this;t(this,e);this.change=i(this,"change",7);this.input=i(this,"input",7);this.selectedOptions=[];this.disabled=false;this.multiple=false;this.searchable=false;this.multilineOptions=false;this.optional=false;this.dropdownOpen=false;this.onlyShowingSelected=false;this.hasCustomDisplay=false;this.inputFocused=false;this.scheduledAfterRender=[];this.keyStore={queue:[],lastPressedAt:new Date};this.guid=s();this.dropdownId="q2-select-dropdown-"+this.guid;this.onMutationObserved=function(){var e=n.hostElement.querySelector(".custom-display-content");var t=n.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]');var i=!!t?t.assignedNodes().length>0:e.children.length>0;if(n.hasCustomDisplay!==i){n.hasCustomDisplay=i}if(n.multiple){n.updateMultipleOptionAttrs();return}n.updateSingleOptionAttrs();var o=n.optionElements[n.activeIndex];if(!o||o.id!==n.activeOptionId){n.activeIndex=n.getDefaultActiveIndex();n.setActiveOption()}};this.searchAndFocus=function(e){var t=function(){var e=(n.activeIndex||0)+1;var t=n.optionElements.map((function(e,t){return{element:e,index:t}}));return __spreadArrays(t.slice(e),t.slice(0,e))};var i=function(){var t=new Date;if(t.getTime()-n.keyStore.lastPressedAt.getTime()>1e3){n.keyStore.queue=[]}if(n.keyStore.queue.length!==1||n.keyStore.queue[0]!==e){n.keyStore.queue.push(e)}n.keyStore.lastPressedAt=t};var o=function(e){return e.find((function(e){return!e.element.disabled&&e.element.display.replace(/\s/g,"").match(new RegExp("^"+n.keyStore.queue.join(""),"i"))}))};var s=function(e){var t=e.element,i=e.index;if(n.dropdownOpen||n.multiple){n.openDropdownWithActiveElement(i)}else{n.activeIndex=i;n.change.emit({value:t.value})}};i();var l=o(t());if(l){s(l)}};this.inputClickHandler=function(e){e.stopPropagation();n.toggleDropdown();n.focusInput()};this.inputInputHandler=function(e){e.stopPropagation();if(!n.dropdownOpen){n.openDropdownWithoutActiveElement()}n.searchText=e.detail.value;n.input.emit({query:e.detail.value})};this.inputKeydownHandler=function(e){if(e.key==="Enter"&&n.dropdownOpen){e.preventDefault();var t=n.hostElement.querySelector('[option-id="'+n.activeOptionId+'"]');t&&!t.disabled&&n.selectOption(t.value)}if(["Escape","Esc"].includes(e.key)){n.closeDropdown();n.focusInput()}if(e.key==="Tab"){if(n.dropdownOpen&&n.searchable&&e.shiftKey){e.preventDefault();n.focusInput()}else{n.dropdownOpen&&!n.multiple&&e.preventDefault()}}};this.inputFocusHandler=function(){n.inputFocused=true};this.inputBlurHandler=function(){n.inputFocused=false};this.inputChangeHandler=function(e){e.stopPropagation()};this.showAllOptionTabKeyDown=function(e){if(e.key==="Tab"&&!e.shiftKey&&n.selectedOptionsCount===0){e.preventDefault()}};this.showSelectedOptionTabKeyDown=function(e){if(e.key==="Tab"&&!e.shiftKey){e.preventDefault()}};this.clickedElsewhere=function(e){var t=e.target;if(t.localName==="click-elsewhere"){e.stopPropagation();if(n.dropdownOpen){n.closeDropdown()}}};this.showSelectedOptions=function(){n.onlyShowingSelected=true;n.optionElements.forEach((function(e){e._multiSelectHidden=!e.selected}))};this.showAllOptions=function(){n.onlyShowingSelected=false;n.optionElements.forEach((function(e){e._multiSelectHidden=false}))};this.onCustomDisplayClick=function(e){e.stopPropagation();n.focusInput();n.toggleDropdown()}}e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};e.prototype.resizeIframe=function(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()};e.prototype.getDefaultActiveIndex=function(){var e=this.optionElements.findIndex((function(e){return e.selected}));return e>-1?e:0};e.prototype.setActiveOption=function(){var e=this;if(!this.dropdownOpen){return}this.optionElements.forEach((function(t,i){if(e.activeIndex===i){t.active=true;e.activeOptionId=t.optionId}else{t.active=false}}))};e.prototype.setFocusedOption=function(){var e=this.optionElements[this.activeIndex].shadowRoot.querySelector("div");e.dispatchEvent(new FocusEvent("focus"));e.focus()};e.prototype.calculateMultiSelectSelectedDisplay=function(){var e=this;if(this.selectedOptions.length===1){var t=this.optionElements.find((function(t){return t.value===e.selectedOptions[0]}));return t&&t.display&&this.loc(t.display)||t&&t.value||this.selectedOptions[0]}else if(this.selectedOptions.length>1){return this.loc("tecton.element.select.multiDisplay",[this.selectedOptions.length])}else{return""}};e.prototype.calculateSingleSelectSelectedDisplay=function(){var e=this;var t=this.optionElements.find((function(t){return e.value===t.value}));return t&&t.display&&this.loc(t.display)||this.value||""};Object.defineProperty(e.prototype,"selectedDisplay",{get:function(){if(this.hasCustomDisplay&&!this.searchText){return""}if(this.searchable&&this.dropdownOpen){return this.searchText||""}return this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedOptionsCount",{get:function(){return this.selectedOptions.length},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"optionElements",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"wrapperClasses",{get:function(){var e=this.dropdownOpen&&" dropdown-open"||"";var t=Array.isArray(this.errors)&&this.errors.length>0?" has-error":"";var i=this.inputFocused?" is-focused":"";var n=this.searchable?" is-searchable":"";return"q2-select-container"+e+t+i+n},enumerable:false,configurable:true});e.prototype.updateSingleOptionAttrs=function(){var e=this;this.optionElements.forEach((function(t,i){t.selected=e.value===t.value;t.optionId="q2-select-"+e.guid+"-option-"+i;t.multiline=e.multilineOptions}))};e.prototype.updateMultipleOptionAttrs=function(){var e=this;if(this.selectedOptions.length===0){this.onlyShowingSelected=false}this.optionElements.forEach((function(t,i){t.selected=e.selectedOptions.includes(t.value);t._multiSelectHidden=e.onlyShowingSelected?!t.selected:false;t.optionId="q2-select-"+e.guid+"-option-"+i;t.multiline=e.multilineOptions}))};e.prototype.selectOption=function(e){if(this.multiple){var t=this.selectedOptions.includes(e);if(t){this.change.emit({selectedOptions:this.selectedOptions.filter((function(t){return t!==e}))})}else{this.change.emit({selectedOptions:__spreadArrays(this.selectedOptions,[e])})}}else{this.change.emit({value:e});this.closeDropdown();this.focusInput()}};e.prototype.scrollToActiveOption=function(){var e=this.optionElements[this.activeIndex];e&&e.scrollIntoView({block:"nearest"})};e.prototype.openDropdownWithoutActiveElement=function(){this.activeIndex=undefined;this.setActiveOption();this.dropdownOpen=true;this.scheduledAfterRender.push(this.resizeIframe)};e.prototype.openDropdownWithActiveElement=function(e){var t=this;this.activeIndex=e;this.dropdownOpen=true;this.setActiveOption();this.scheduledAfterRender.push((function(){if(!t.searchable){t.setFocusedOption()}t.scrollToActiveOption();t.resizeIframe()}))};e.prototype.closeDropdown=function(){this.dropdownOpen=false;if(this.searchText){this.searchText="";this.input.emit({query:""})}this.scheduledAfterRender.push(this.resizeIframe)};e.prototype.toggleDropdown=function(){if(this.disabled){return}if(this.searchable){if(!this.dropdownOpen){this.openDropdownWithoutActiveElement()}}else{if(this.dropdownOpen){this.closeDropdown()}else{this.openDropdownWithoutActiveElement()}}};e.prototype.adjustActiveOptionAndScroll=function(e){this.activeIndex+=e;this.setActiveOption();if(!this.searchable){this.setFocusedOption()}this.scrollToActiveOption()};e.prototype.setDefaultActiveElement=function(){this.activeIndex=this.getDefaultActiveIndex();this.setActiveOption();if(!this.searchable){this.setFocusedOption()}};e.prototype.focusInput=function(){var e=this.hostElement.shadowRoot.querySelector("q2-input");e&&e.dispatchEvent(new FocusEvent("focus"))};e.prototype.getNextVisibleIndex=function(e){var t=this.activeIndex+e;while(t>=0&&t<=this.optionElements.length-1){var i=window.getComputedStyle(this.optionElements[t]),n=i.display,o=i.visibility;if(n!=="none"&&o!=="hidden"){return t}t=t+e}return-1};e.prototype.componentDidLoad=function(){var e=new MutationObserver(this.onMutationObserved);e.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=e;this.onMutationObserved()};e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.scheduledAfterRender.forEach((function(e){return e()}));e.scheduledAfterRender=[]}),25)};e.prototype.disconnectedCallback=function(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};e.prototype.valueUpdated=function(){if(this.multiple){return}this.updateSingleOptionAttrs()};e.prototype.selectedOptionsUpdated=function(){if(!this.multiple){return}this.updateMultipleOptionAttrs()};e.prototype.multilineOptionsChanged=function(e,t){var i=this;if(e===t){return}this.optionElements.forEach((function(e){e.multiline=i.multilineOptions}))};e.prototype.onHostElementChange=function(e){if(e.target===this.hostElement&&!this.hostElement.onchange){if(this.multiple){this.selectedOptions=e.detail.selectedOptions}else{this.value=e.detail.value}}};e.prototype.onHostElementInput=function(e){if(this.searchable&&e.target===this.hostElement&&!this.hostElement.oninput){var t=this.optionElements;var i=e.detail.query.trim().toLowerCase();t.forEach((function(e){if(i===""){e.style.display=""}else{var t=e.display,n=t===void 0?"":t,o=e.innerText,s=o===void 0?"":o;var l=n.toLowerCase().includes(i)||s.toLowerCase().includes(i);e.style.display=l?"":"none"}}))}};e.prototype.clickHandler=function(e){var t=e.target;if(t.localName!=="q2-option"||t.disabled){return}this.selectOption(t.value)};e.prototype.keydownHandler=function(e){if(e.key==="Enter"&&this.dropdownOpen){e.preventDefault();var t=this.hostElement.querySelector('[option-id="'+this.activeOptionId+'"]');t&&!t.disabled&&this.selectOption(t.value)}else if(["ArrowUp","Up"].includes(e.key)){e.preventDefault();if(this.dropdownOpen){if(this.activeIndex>0){var i=this.getNextVisibleIndex(-1);if(i>-1){this.adjustActiveOptionAndScroll(i-this.activeIndex)}}else if(this.activeIndex!==0){this.setDefaultActiveElement()}}else{this.openDropdownWithActiveElement(this.getDefaultActiveIndex())}}else if(["ArrowDown","Down"].includes(e.key)){e.preventDefault();if(this.dropdownOpen){if(this.activeIndex<this.optionElements.length-1){var i=this.getNextVisibleIndex(1);if(i>-1){this.adjustActiveOptionAndScroll(i-this.activeIndex)}}else if(!this.activeIndex){this.setDefaultActiveElement()}}else{this.openDropdownWithActiveElement(this.getDefaultActiveIndex())}}else if(["Escape","Esc"].includes(e.key)){this.closeDropdown();this.focusInput()}else if(e.key==="Tab"){if(this.dropdownOpen&&this.searchable&&e.shiftKey){e.preventDefault();this.focusInput()}else{this.dropdownOpen&&!this.multiple&&e.preventDefault()}}else if(!this.searchable&&e.key.match(/^[a-zA-Z0-9]$/)){this.searchAndFocus(e.key)}};e.prototype.render=function(){var e=this;return n("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},n("q2-input",{class:"q2-select-input",label:this.label&&this.loc(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((function(t){return e.loc(t)}))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,ariaLabel:!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||"",ariaExpanded:this.dropdownOpen,ariaOwns:this.dropdownId,ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:!this.searchable,"test-id":"toggleDropdown","hide-messages":true,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler}),n("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},n("slot",{name:"q2-select-display"})),this.optionsDropdown())};e.prototype.optionsDropdown=function(){return n("div",{class:"q2-select-dropdown q2-element-dropdown"},this.multiple?this.visibilityToggle():"",n("div",{class:"q2-select-options",id:this.dropdownId},n("slot",null)))};e.prototype.visibilityToggle=function(){return n("div",{class:"multi-select-header"},this.loc("tecton.element.select.multiHeader.showing"),n("q2-btn",{class:"option-toggle show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:true,"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.showAllOptionTabKeyDown},this.loc("tecton.element.select.multiHeader.all")),n("q2-btn",{class:"option-toggle show-selected-options"+(this.onlyShowingSelected?" selected":""),disabled:this.selectedOptions.length===0,badge:true,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.showSelectedOptionTabKeyDown},this.loc("tecton.element.select.multiHeader.selected",[this.selectedOptionsCount])))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"]}},enumerable:false,configurable:true});return e}());r.style=l}}}));
|
|
1
|
+
var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,i=arguments.length;t<i;t++)e+=arguments[t].length;for(var n=Array(e),o=0,t=0;t<i;t++)for(var s=arguments[t],l=0,r=s.length;l<r;l++,o++)n[o]=s[l];return n};System.register(["./p-fd6287e8.system.js","./p-c46202c6.system.js"],(function(e){"use strict";var t,i,n,o,s;return{setters:[function(e){t=e.r;i=e.c;n=e.h;o=e.g},function(e){s=e.c}],execute:function(){var l="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;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;-webkit-box-shadow:var(--app-shadow-1);box-shadow:var(--app-shadow-1);height:0;overflow:hidden;opacity:0;visibility:hidden;-webkit-transition:opacity var(--app-tween-1);transition:opacity var(--app-tween-1);border-radius:var(--tct-dropdown-element-br, 0)}.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(--tct-scale-2, var(--app-scale-2, 10px)) + 1px);height:44px;width:calc(100% - 34px - var(--tct-scale-3, var(--app-scale-3, 15px)));overflow:hidden;cursor:pointer;-webkit-transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease));transition:left var(--tct-tween-2, var(--app-tween-1, 0.2s ease))}.custom-display-content:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.is-searchable.is-focused .custom-display-content,.is-searchable .custom-display-content:active{left:calc(var(--tct-scale-3, var(--app-scale-3, 15px)) + 1px)}.has-error .custom-display-content{width:calc(100% - 68px - var(--tct-scale-3, var(--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))\n 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))}";var r=e("q2_select",function(){function e(e){var n=this;t(this,e);this.change=i(this,"change",7);this.input=i(this,"input",7);this.selectedOptions=[];this.disabled=false;this.multiple=false;this.searchable=false;this.multilineOptions=false;this.optional=false;this.dropdownOpen=false;this.onlyShowingSelected=false;this.hasCustomDisplay=false;this.inputFocused=false;this.scheduledAfterRender=[];this.keyStore={queue:[],lastPressedAt:new Date};this.guid=s();this.dropdownId="q2-select-dropdown-"+this.guid;this.onMutationObserved=function(){var e=n.hostElement.querySelector(".custom-display-content");var t=n.hostElement.shadowRoot.querySelector('slot[name="q2-select-display"]');var i=!!t?t.assignedNodes().length>0:e.children.length>0;if(n.hasCustomDisplay!==i){n.hasCustomDisplay=i}if(n.multiple){n.updateMultipleOptionAttrs();return}n.updateSingleOptionAttrs();var o=n.optionElements[n.activeIndex];if(!o||o.id!==n.activeOptionId){n.activeIndex=n.getDefaultActiveIndex();n.setActiveOption()}};this.searchAndFocus=function(e){var t=function(){var e=(n.activeIndex||0)+1;var t=n.optionElements.map((function(e,t){return{element:e,index:t}}));return __spreadArrays(t.slice(e),t.slice(0,e))};var i=function(){var t=new Date;if(t.getTime()-n.keyStore.lastPressedAt.getTime()>1e3){n.keyStore.queue=[]}if(n.keyStore.queue.length!==1||n.keyStore.queue[0]!==e){n.keyStore.queue.push(e)}n.keyStore.lastPressedAt=t};var o=function(e){return e.find((function(e){return!e.element.disabled&&e.element.display.replace(/\s/g,"").match(new RegExp("^"+n.keyStore.queue.join(""),"i"))}))};var s=function(e){var t=e.element,i=e.index;if(n.dropdownOpen||n.multiple){n.openDropdownWithActiveElement(i)}else{n.activeIndex=i;n.change.emit({value:t.value})}};i();var l=o(t());if(l){s(l)}};this.inputClickHandler=function(e){e.stopPropagation();n.toggleDropdown();n.focusInput()};this.inputInputHandler=function(e){e.stopPropagation();if(!n.dropdownOpen){n.openDropdownWithoutActiveElement()}n.searchText=e.detail.value;n.input.emit({query:e.detail.value})};this.inputKeydownHandler=function(e){if(e.key==="Enter"&&n.dropdownOpen){e.preventDefault();var t=n.hostElement.querySelector('[option-id="'+n.activeOptionId+'"]');t&&!t.disabled&&n.selectOption(t.value)}if(["Escape","Esc"].includes(e.key)){n.closeDropdown();n.focusInput()}if(e.key==="Tab"){if(n.dropdownOpen&&n.searchable&&e.shiftKey){e.preventDefault();n.focusInput()}else{n.dropdownOpen&&!n.multiple&&e.preventDefault()}}};this.inputFocusHandler=function(){n.inputFocused=true};this.inputBlurHandler=function(){n.inputFocused=false};this.inputChangeHandler=function(e){e.stopPropagation()};this.showAllOptionTabKeyDown=function(e){if(e.key==="Tab"&&!e.shiftKey&&n.selectedOptionsCount===0){e.preventDefault()}};this.showSelectedOptionTabKeyDown=function(e){if(e.key==="Tab"&&!e.shiftKey){e.preventDefault()}};this.clickedElsewhere=function(e){var t=e.target;if(t.localName==="click-elsewhere"){e.stopPropagation();if(n.dropdownOpen){n.closeDropdown()}}};this.showSelectedOptions=function(){n.onlyShowingSelected=true;n.optionElements.forEach((function(e){e._multiSelectHidden=!e.selected}))};this.showAllOptions=function(){n.onlyShowingSelected=false;n.optionElements.forEach((function(e){e._multiSelectHidden=false}))};this.onCustomDisplayClick=function(e){e.stopPropagation();n.focusInput();n.toggleDropdown()}}e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};e.prototype.resizeIframe=function(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()};e.prototype.getDefaultActiveIndex=function(){var e=this.optionElements.findIndex((function(e){return e.selected}));return e>-1?e:0};e.prototype.setActiveOption=function(){var e=this;if(!this.dropdownOpen){return}this.optionElements.forEach((function(t,i){if(e.activeIndex===i){t.active=true;e.activeOptionId=t.optionId}else{t.active=false}}))};e.prototype.setFocusedOption=function(){var e=this.optionElements[this.activeIndex].shadowRoot.querySelector("div");e.dispatchEvent(new FocusEvent("focus"));e.focus()};e.prototype.calculateMultiSelectSelectedDisplay=function(){var e=this;if(this.selectedOptions.length===1){var t=this.optionElements.find((function(t){return t.value===e.selectedOptions[0]}));return t&&t.display&&this.loc(t.display)||t&&t.value||this.selectedOptions[0]}else if(this.selectedOptions.length>1){return this.loc("tecton.element.select.multiDisplay",[this.selectedOptions.length])}else{return""}};e.prototype.calculateSingleSelectSelectedDisplay=function(){var e=this;var t=this.optionElements.find((function(t){return e.value===t.value}));return t&&t.display&&this.loc(t.display)||this.value||""};Object.defineProperty(e.prototype,"selectedDisplay",{get:function(){if(this.hasCustomDisplay&&!this.searchText){return""}if(this.searchable&&this.dropdownOpen){return this.searchText||""}return this.multiple?this.calculateMultiSelectSelectedDisplay():this.calculateSingleSelectSelectedDisplay()},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedOptionsCount",{get:function(){return this.selectedOptions.length},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"optionElements",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"wrapperClasses",{get:function(){var e=this.dropdownOpen&&" dropdown-open"||"";var t=Array.isArray(this.errors)&&this.errors.length>0?" has-error":"";var i=this.inputFocused?" is-focused":"";var n=this.searchable?" is-searchable":"";return"q2-select-container"+e+t+i+n},enumerable:false,configurable:true});e.prototype.updateSingleOptionAttrs=function(){var e=this;this.optionElements.forEach((function(t,i){t.selected=e.value===t.value;t.optionId="q2-select-"+e.guid+"-option-"+i;t.multiline=e.multilineOptions}))};e.prototype.updateMultipleOptionAttrs=function(){var e=this;if(this.selectedOptions.length===0){this.onlyShowingSelected=false}this.optionElements.forEach((function(t,i){t.selected=e.selectedOptions.includes(t.value);t._multiSelectHidden=e.onlyShowingSelected?!t.selected:false;t.optionId="q2-select-"+e.guid+"-option-"+i;t.multiline=e.multilineOptions}))};e.prototype.selectOption=function(e){if(this.multiple){var t=this.selectedOptions.includes(e);if(t){this.change.emit({selectedOptions:this.selectedOptions.filter((function(t){return t!==e}))})}else{this.change.emit({selectedOptions:__spreadArrays(this.selectedOptions,[e])})}}else{this.change.emit({value:e});this.closeDropdown();this.focusInput()}};e.prototype.scrollToActiveOption=function(){var e=this.optionElements[this.activeIndex];e&&e.scrollIntoView({block:"nearest"})};e.prototype.openDropdownWithoutActiveElement=function(){this.activeIndex=undefined;this.setActiveOption();this.dropdownOpen=true;this.scheduledAfterRender.push(this.resizeIframe)};e.prototype.openDropdownWithActiveElement=function(e){var t=this;this.activeIndex=e;this.dropdownOpen=true;this.setActiveOption();this.scheduledAfterRender.push((function(){if(!t.searchable){t.setFocusedOption()}t.scrollToActiveOption();t.resizeIframe()}))};e.prototype.closeDropdown=function(){this.dropdownOpen=false;if(this.searchText){this.searchText="";this.input.emit({query:""})}this.scheduledAfterRender.push(this.resizeIframe)};e.prototype.toggleDropdown=function(){if(this.disabled){return}if(this.searchable){if(!this.dropdownOpen){this.openDropdownWithoutActiveElement()}}else{if(this.dropdownOpen){this.closeDropdown()}else{this.openDropdownWithoutActiveElement()}}};e.prototype.adjustActiveOptionAndScroll=function(e){this.activeIndex+=e;this.setActiveOption();if(!this.searchable){this.setFocusedOption()}this.scrollToActiveOption()};e.prototype.setDefaultActiveElement=function(){this.activeIndex=this.getDefaultActiveIndex();this.setActiveOption();if(!this.searchable){this.setFocusedOption()}};e.prototype.focusInput=function(){var e=this.hostElement.shadowRoot.querySelector("q2-input");e&&e.dispatchEvent(new FocusEvent("focus"))};e.prototype.getNextVisibleIndex=function(e){var t=this.activeIndex+e;while(t>=0&&t<=this.optionElements.length-1){var i=window.getComputedStyle(this.optionElements[t]),n=i.display,o=i.visibility;if(n!=="none"&&o!=="hidden"){return t}t=t+e}return-1};e.prototype.componentDidLoad=function(){var e=new MutationObserver(this.onMutationObserved);e.observe(this.hostElement,{childList:true,subtree:true});this.mutationObserver=e;this.onMutationObserved()};e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.scheduledAfterRender.forEach((function(e){return e()}));e.scheduledAfterRender=[]}),25)};e.prototype.disconnectedCallback=function(){if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=null}};e.prototype.valueUpdated=function(){if(this.multiple){return}this.updateSingleOptionAttrs()};e.prototype.selectedOptionsUpdated=function(){if(!this.multiple){return}this.updateMultipleOptionAttrs()};e.prototype.multilineOptionsChanged=function(e,t){var i=this;if(e===t){return}this.optionElements.forEach((function(e){e.multiline=i.multilineOptions}))};e.prototype.onHostElementChange=function(e){if(e.target===this.hostElement&&!this.hostElement.onchange){if(this.multiple){this.selectedOptions=e.detail.selectedOptions}else{this.value=e.detail.value}}};e.prototype.onHostElementInput=function(e){if(this.searchable&&e.target===this.hostElement&&!this.hostElement.oninput){var t=this.optionElements;var i=e.detail.query.trim().toLowerCase();t.forEach((function(e){if(i===""){e.style.display=""}else{var t=e.display,n=t===void 0?"":t,o=e.innerText,s=o===void 0?"":o;var l=n.toLowerCase().includes(i)||s.toLowerCase().includes(i);e.style.display=l?"":"none"}}))}};e.prototype.clickHandler=function(e){var t=e.target;if(t.localName!=="q2-option"||t.disabled){return}this.selectOption(t.value)};e.prototype.keydownHandler=function(e){if(e.key==="Enter"&&this.dropdownOpen){e.preventDefault();var t=this.hostElement.querySelector('[option-id="'+this.activeOptionId+'"]');t&&!t.disabled&&this.selectOption(t.value)}else if(["ArrowUp","Up"].includes(e.key)){e.preventDefault();if(this.dropdownOpen){if(this.activeIndex>0){var i=this.getNextVisibleIndex(-1);if(i>-1){this.adjustActiveOptionAndScroll(i-this.activeIndex)}}else if(this.activeIndex!==0){this.setDefaultActiveElement()}}else{this.openDropdownWithActiveElement(this.getDefaultActiveIndex())}}else if(["ArrowDown","Down"].includes(e.key)){e.preventDefault();if(this.dropdownOpen){if(this.activeIndex<this.optionElements.length-1){var i=this.getNextVisibleIndex(1);if(i>-1){this.adjustActiveOptionAndScroll(i-this.activeIndex)}}else if(!this.activeIndex){this.setDefaultActiveElement()}}else{this.openDropdownWithActiveElement(this.getDefaultActiveIndex())}}else if(["Escape","Esc"].includes(e.key)){this.closeDropdown();this.focusInput()}else if(e.key==="Tab"){if(this.dropdownOpen&&this.searchable&&e.shiftKey){e.preventDefault();this.focusInput()}else{this.dropdownOpen&&!this.multiple&&e.preventDefault()}}else if(!this.searchable&&e.key.match(/^[a-zA-Z0-9]$/)){this.searchAndFocus(e.key)}};e.prototype.render=function(){var e=this;return n("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},n("q2-input",{class:"q2-select-input",label:this.label&&this.loc(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((function(t){return e.loc(t)}))||this.invalid&&["tecton.element.select.invalid"]||[],disabled:this.disabled,optional:this.optional,ariaLabel:!this.label&&this.ariaLabel&&this.loc(this.ariaLabel)||"",ariaExpanded:this.dropdownOpen,ariaOwns:this.dropdownId,ariaHaspopup:"listbox",role:this.searchable?"combobox":null,pseudo:!this.searchable,"test-id":"toggleDropdown","hide-messages":true,iconRight:"chevron-down",onClick:this.inputClickHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeydownHandler,onFocus:this.inputFocusHandler,onBlur:this.inputBlurHandler,onChange:this.inputChangeHandler}),n("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},n("slot",{name:"q2-select-display"})),this.optionsDropdown())};e.prototype.optionsDropdown=function(){return n("div",{class:"q2-select-dropdown q2-element-dropdown"},this.multiple?this.visibilityToggle():"",n("div",{class:"q2-select-options",id:this.dropdownId},n("slot",null)))};e.prototype.visibilityToggle=function(){return n("div",{class:"multi-select-header"},this.loc("tecton.element.select.multiHeader.showing"),n("q2-btn",{class:"option-toggle show-all-options"+(this.onlyShowingSelected?"":" selected"),badge:true,"test-id":"allOptionsButton",onClick:this.showAllOptions,onKeyDown:this.showAllOptionTabKeyDown},this.loc("tecton.element.select.multiHeader.all")),n("q2-btn",{class:"option-toggle show-selected-options"+(this.onlyShowingSelected?" selected":""),disabled:this.selectedOptions.length===0,badge:true,"test-id":"selectedOptionsButton",onClick:this.showSelectedOptions,onKeyDown:this.showSelectedOptionTabKeyDown},this.loc("tecton.element.select.multiHeader.selected",[this.selectedOptionsCount])))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"]}},enumerable:false,configurable:true});return e}());r.style=l}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as i}from"./p-
|
|
1
|
+
import{r as o,h as i}from"./p-f844ee08.js";const n=class{constructor(i){o(this,i)}loc(o,i){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(o,i):o}render(){return i("span",null,this.value&&this.loc(this.value,this.substitutions)||"")}};n.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;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:inline}";export{n as q2_loc}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-
|
|
1
|
+
System.register(["./p-fd6287e8.system.js","./p-c46202c6.system.js"],(function(e){"use strict";var t,o,r,n;return{setters:[function(e){t=e.r;o=e.h;r=e.g},function(e){n=e.c}],execute:function(){var i="*{-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none}*:focus{outline:none;-webkit-box-shadow:var(--const-global-focus);box-shadow:var(--const-global-focus)}:host{-webkit-box-shadow:none !important;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}.q2-optgroup-header{background-color:var(\n --tct-optgroup-header-bg,\n var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l2, var(--app-gray-l2, #e6e6e6))))\n );padding:var(--tct-scale-1, var(--app-scale-1, 5px))\n var(--tct-scale-2, var(--app-scale-2, 10px));font-weight:var(--tct-optgroup-header-font-weight, 600);text-transform:var(--tct-optgroup-header-text-transform, uppercase);}";var s=e("q2_optgroup",function(){function e(e){var o=this;t(this,e);this.disabled=false;this.hidden=false;this.guid=n();this.setHidden=function(){o.hidden=o.options.every((function(e){return e.hidden||e._multiSelectHidden}))}}e.prototype.componentWillLoad=function(){var e=new MutationObserver(this.setHidden);e.observe(this.hostElement,{childList:true,attributes:true,subtree:true});this.mutationObserver=e;this.setHidden();this.disabledWatcher(this.disabled)};e.prototype.disconnectedCallback=function(){this.mutationObserver.disconnect();this.mutationObserver=null};Object.defineProperty(e.prototype,"headerId",{get:function(){return"q2-optgroup-header-"+this.guid},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"options",{get:function(){return Array.from(this.hostElement.querySelectorAll("q2-option"))},enumerable:false,configurable:true});e.prototype.loc=function(e,t){return window.TectonElements&&window.TectonElements.loc?window.TectonElements.loc(e,t):e};e.prototype.disabledWatcher=function(e){this.options.forEach((function(t){t.disabledGroup=!!e}))};e.prototype.render=function(){return o("div",{class:"q2-optgroup-container",hidden:this.hidden,"aria-labelledby":this.headerId,role:"group"},o("div",{class:"q2-optgroup-header",id:this.headerId},this.label&&this.loc(this.label)||""),o("div",{class:"q2-optgroup-options"},o("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"]}},enumerable:false,configurable:true});return e}());s.style=i}}}));
|