q2-tecton-elements 1.10.9 → 1.13.0-alpha.0

package/dist/test/helpers.js

@@ -105,3 +105,6 @@ export function makeDomRect(customAttributes) {
   };
   return Object.assign(Object.assign({}, defaults), customAttributes);
 }
+export async function getActiveElementTestId(page) {
+  return await page.$eval('body', () => { var _a, _b; return (_b = (_a = document.activeElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement.getAttribute('test-id')) !== null && _b !== void 0 ? _b : null; });
+}

package/dist/types/components/q2-checkbox/index.d.ts

@@ -14,6 +14,7 @@ export declare class Q2Checkbox implements ComponentInterface {
   alignment: string;
   hostElement: HTMLElement;
   id: string;
+  inputElement: HTMLInputElement;
   componentWillLoad(): void;
   componentDidLoad(): void;
   defaultChangeHandler(event: CustomEvent): void;
@@ -21,6 +22,7 @@ export declare class Q2Checkbox implements ComponentInterface {
   ariaLabelObserver(): void;
   change: EventEmitter;
   onInputChange: (event: Event) => void;
+  onControlClick: (event: Event) => void;
   render(): any;
   generateCheckboxSVG(): any;
   generateCheckBoxSVGFill(): any;

package/dist/types/components/q2-editable-field/index.d.ts

@@ -18,10 +18,12 @@ export declare class Q2EditableField {
   q2EditBtnElement: HTMLQ2BtnElement;
   formattedValue: string;
   innerValue: string;
+  defaultValue: string;
   get locLabel(): string;
   componentWillLoad(): void;
   componentDidRender(): void;
   componentDidLoad(): void;
+  errorsObserver(): void;
   ariaLabelObserver(): void;
   observesEditing(newValue: boolean, oldValue: boolean): void;
   get wrapperClass(): string;

package/dist/types/components/q2-radio-group/index.d.ts

@@ -22,6 +22,7 @@ export declare class Q2RadioGroup implements ComponentInterface {
   change: EventEmitter;
   onHostElementChange(event: CustomEvent): void;
   delegateFocus(event: FocusEvent): void;
+  keydownHandler(event: KeyboardEvent): void;
   render(): any;
   inputDom(): any;
 }

package/dist/types/components/q2-select/index.d.ts

@@ -28,6 +28,7 @@ export declare class Q2Select implements ComponentInterface {
   multiSelectHeader?: HTMLDivElement;
   privatePopDirection: 'down' | 'up';
   activeIndex: number;
+  pivotIndex: number;
   scheduledAfterRender: Array<() => void>;
   keyStore: {
     queue: string[];

package/dist/types/workspace/workspace/{tecton-production_release_1.10.x → _production_release_1.11.0-alpha}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts

@@ -8,3 +8,4 @@ export declare function offsetTimezone(date: string): string;
 export declare function setup(pageOptions?: NewE2EPageOptions): Promise<E2EPage>;
 export declare function setWindowHeight(height: number): void;
 export declare function makeDomRect(customAttributes: any): any;
+export declare function getActiveElementTestId(page: E2EPage): Promise<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "q2-tecton-elements",
-    "version": "1.10.9",
+    "version": "1.13.0-alpha.0",
     "description": "Q2 Tecton Custom Elements",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -48,5 +48,5 @@
         "smoothscroll-polyfill": "^0.4.4",
         "swiper": "7.4.1"
     },
-    "gitHead": "9eda2245d64726fc1f2860393a0066455879d59d"
+    "gitHead": "7c4c8df9d76c694d4d56b25c2483ca7a1fc37df7"
 }

package/dist/q2-tecton-elements/p-4ae9d1f3.entry.js

@@ -1 +0,0 @@
-import{r as t,c as r,h as o,g as a}from"./p-080839ed.js";import{c as i,h as e,o as c,l as s}from"./p-37aba2a4.js";const l=class{constructor(o){t(this,o),this.change=r(this,"change",7),this.disabled=!1,this.checked=!1,this.groupDisabled=!1,this.groupTileLayout=!1,this.id=`radio-${i()}`,this.inputChange=t=>{t.stopPropagation(),this.change.emit({value:this.value})}}componentWillLoad(){e(this)}componentDidLoad(){c(this.hostElement)}ariaLabelObserver(){e(this)}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return o("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},o("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),o("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&o("svg",{viewBox:"0 0 18 18"},o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),o("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&o("div",{class:"label-content"},this.label&&s(this.label)||"",o("slot",null))))}get hostElement(){return a(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};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-radio{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));display:block}q2-radio .radio-container{margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}q2-radio .radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1, 5px))}q2-radio .radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}q2-radio .radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}q2-radio .radio-container input:focus+label svg{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}q2-radio .radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}q2-radio .radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}q2-radio .radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}q2-radio .radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}q2-radio .radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:1rem;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}q2-radio .radio-tile input:focus+label{border-color:#0079c1;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-radio .radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}q2-radio .radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}q2-radio input:disabled+label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{l as q2_radio}

package/dist/q2-tecton-elements/p-52f53e07.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,g as i}from"./p-080839ed.js";import{c as o,s as a,l as h,h as r,o as n,i as l}from"./p-37aba2a4.js";const c=class{constructor(e){t(this,e),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"]'),e=s?s.assignedNodes().length>0:t.children.length>0;if(this.hasCustomDisplay!==e&&(this.hasCustomDisplay=e),this.multiple)return void this.updateMultipleOptionAttrs();this.updateSingleOptionAttrs();const i=this.optionElements[this.activeIndex];i&&i.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.dropdownFocusoutHandler=t=>{const{relatedTarget:s}=t,e=this.dropdownContainer.contains(s),i=!e&&this.hostElement.contains(s);e||i||this.dropdownOpen&&this.closeDropdown()},this.dropdownKeydownHandler=t=>{t.stopPropagation();const{activeIndex:s,searchable:e,optionElements:i,multiSelectHeader:o}=this,{key:a,shiftKey:h}=t;if(!(o&&o.contains(t.target)&&[" ","Enter"].includes(a)))switch(a){case" ":case"Enter":t.preventDefault(),t.stopPropagation();const o=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!o||o.disabled)break;this.selectOption(o.value,!0);break;case"ArrowUp":if(t.preventDefault(),0===s)break;if(void 0!==s){const t=this.getNextVisibleIndex(-1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}else this.setDefaultActiveElement();break;case"ArrowDown":if(t.preventDefault(),s===i.length-1)break;if(void 0!==s){const t=this.getNextVisibleIndex(1);if(-1===t)break;this.adjustActiveOptionAndScroll(t-s)}else this.setDefaultActiveElement();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(i.length-1);break;case"PageUp":t.preventDefault(),this.openDropdownWithActiveElement(Math.max(s-10,0));break;case"PageDown":t.preventDefault(),this.openDropdownWithActiveElement(Math.min(s+10,i.length-1));break;case"Tab":if(h)break;const r=this.hostElement.querySelector(`[option-id="${this.activeOptionId}"]`);if(!r||r.disabled)return;this.selectOption(r.value);break;case"Esc":case"Escape":this.closeDropdown(),this.focusInput();break;default:if(e)break;if(!a.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(a)}},this.inputKeydownHandler=t=>{const{key:s}=t,{optionElements:e,dropdownOpen:i,searchable:o}=this;switch(s){case"ArrowDown":t.preventDefault(),this.openDropdownWithActiveElement(this.getDefaultActiveIndex());break;case"ArrowUp":t.preventDefault(),this.openDropdownWithActiveElement(this.getLastEnabledIndex()),this.setFocusedOption();break;case"Home":t.preventDefault(),this.openDropdownWithActiveElement(0);break;case"End":t.preventDefault(),this.openDropdownWithActiveElement(e.length-1);break;case"Escape":case"Esc":i?this.closeDropdown():this.searchText="";break;default:if(o){this.openDropdownWithoutActiveElement();break}if(!s.match(/^[A-Za-z0-9]$/))break;this.searchAndFocus(s)}},this.inputClickHandler=t=>{t.stopPropagation(),a(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.inputFocusHandler=()=>{this.inputFocused=!0},this.inputBlurHandler=()=>{this.inputFocused=!1},this.inputChangeHandler=t=>{t.stopPropagation()},this.clickedElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.dropdownOpen&&this.closeDropdown())},this.showSelectedOptions=t=>{t.stopImmediatePropagation(),this.onlyShowingSelected=!0,this.optionElements.forEach((t=>{t._multiSelectHidden=!t.selected}))},this.showAllOptions=t=>{t.stopPropagation(),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}getLastEnabledIndex(){const t=this.optionElements.reduce(((t,s,e)=>(s.hidden||s.disabled||t.push(e),t)),[]);return t[t.length-1]}setActiveOption(){if(!this.dropdownOpen)return;const t=this.activeIndex;this.optionElements.forEach(((s,e)=>{t===e?(s.active=!0,this.activeOptionId=s.optionId):s.active=!1}))}setFocusedOption(){const t=this.optionElements[this.activeIndex];t&&(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&&h(t.display)||t&&t.value||this.selectedOptions[0]}return this.selectedOptions.length>1?h("tecton.element.select.multiDisplay",[this.selectedOptions.length]):""}calculateSingleSelectSelectedDisplay(){const t=this.optionElements.find((t=>this.value===t.value));return t&&t.display&&h(t.display)||this.value||""}get minPopHeight(){const{minRows:t}=this,s=this.hostElement.querySelector("q2-option:not([hidden])"),e=window.getComputedStyle(s).minHeight;return t*parseInt(e)}get selectedDisplay(){return this.hasCustomDisplay&&!this.searchText?"":this.searchable&&this.dropdownOpen&&!this.value?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,s=!1){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(),s&&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.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(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}getNextVisibleIndex(t){let s=this.activeIndex+t;for(;s>=0&&s<=this.optionElements.length-1;){const{display:e,visibility:i}=window.getComputedStyle(this.optionElements[s]);if("none"!==e&&"hidden"!==i)return s;s+=t}return-1}componentWillLoad(){r(this)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0,subtree:!0}),this.mutationObserver=t,this.onMutationObserved(),n(this.hostElement)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}disconnectedCallback(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null)}ariaLabelObserver(){r(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,e=t.detail.query.trim().toLowerCase();let i=0;s.forEach((t=>{if(""===e)t.style.display="";else{const{display:s="",innerText:o=""}=t,a=s.toLowerCase().includes(e)||o.toLowerCase().includes(e);t.hidden=!a,a&&i++}})),this.setStatusMessage(h(e?"tecton.element.select.searchable.results":"tecton.element.select.allOptions",[e?i:s.length]))}}delegateFocus(t){l(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}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,!0)}keydownHandler(t){this.inputKeydownHandler(t)}render(){return e("click-elsewhere",{class:this.wrapperClasses,onChange:this.clickedElsewhere},e("div",{"aria-live":"polite","aria-atomic":"true",role:"status",class:"sr"},this.statusMessage),e("q2-input",{ref:t=>this.inputField=t,class:"q2-select-input",label:this.label&&h(this.label)||"",value:this.selectedDisplay,errors:Array.isArray(this.errors)&&this.errors.length>0&&this.errors.map((t=>h(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}),e("div",{class:"custom-display-content",hidden:!this.hasCustomDisplay||!!this.searchText,onClick:this.onCustomDisplayClick},e("slot",{name:"q2-select-display"})),this.optionsDropdown())}optionsDropdown(){return e("div",{class:"q2-select-dropdown q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":""),ref:t=>this.dropdownContainer=t,onKeyDown:this.dropdownKeydownHandler,onFocusout:this.dropdownFocusoutHandler},this.multiple?this.visibilityToggle():"",e("div",{class:"q2-select-options",id:"dropdown",role:"listbox"},e("slot",null)))}visibilityToggle(){return e("div",{class:"multi-select-header",ref:t=>this.multiSelectHeader=t},h("tecton.element.select.multiHeader.showing"),e("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,label:h("tecton.element.select.multiHeader.allAriaLabel"),"hide-label":!0},h("tecton.element.select.multiHeader.all")),e("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,label:h("tecton.element.select.multiHeader.selectedAriaLabel",[this.selectedOptionsCount]),"hide-label":!0},h("tecton.element.select.multiHeader.selected",[this.selectedOptionsCount])))}get hostElement(){return i(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueUpdated"],selectedOptions:["selectedOptionsUpdated"],multilineOptions:["multilineOptionsChanged"]}}};c.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-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.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}: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{c as q2_select}

package/dist/q2-tecton-elements/p-78642b7b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as c,g as o}from"./p-080839ed.js";import{c as r,h as a,o as i,i as l,l as s}from"./p-37aba2a4.js";const h=class{constructor(c){t(this,c),this.change=e(this,"change",7),this.checked=!1,this.id=`checkbox-${r()}`,this.onInputChange=t=>{t.stopPropagation(),this.change.emit({value:t.target.value,checked:t.target.checked})}}componentWillLoad(){a(this)}componentDidLoad(){i(this.hostElement)}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.checked=t.detail.checked)}delegateFocus(t){l(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("input").focus()}ariaLabelObserver(){a(this)}render(){return c("div",{class:"checkbox-container"},c("input",{id:this.id,type:"checkbox",checked:this.indeterminate||this.checked||!1,disabled:!!this.disabled||!!this.groupDisabled,class:"sr",value:this.value,name:this.name||this.id,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.onInputChange,"test-id":"q2CheckboxInnerCheckBox"}),c("label",{htmlFor:this.id,"test-id":"checkboxButton"},this.generateCheckboxSVG(),!this.hideLabel&&c("div",{class:"q2-checkbox-label-content"},s(this.label),c("slot",null))))}generateCheckboxSVG(){return"favorite"===this.type?c("q2-icon",{type:"star",class:"checkbox-icon"}):"toggle"===this.type?this.generateToggleSVG():c("svg",{"aria-hidden":"true",width:"20",height:"20",viewBox:"0 0 20 20",class:"checkbox-icon",focusable:"false"},c("rect",{x:"1",y:"1",width:"18",height:"18",rx:"3"}),(this.checked||this.indeterminate)&&this.generateCheckBoxSVGFill())}generateCheckBoxSVGFill(){return this.indeterminate?c("line",{class:"checkbox-fill indeterminate-fill",x1:"4",y1:"10",x2:"16",y2:"10"}):c("polyline",{class:"checkbox-fill checked-fill",points:"5 11 8.5 14.5 15 6"})}generateToggleSVG(){return c("div",{class:"toggle-svg"},c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 46 14",class:"toggle-track"},c("rect",{width:"36",height:"14",rx:"7",x:"5"})),c("svg",{"aria-hidden":"true",focusable:"false",viewBox:"0 0 30 30",class:"toggle-indicator"},c("circle",{class:"toggle-circle",width:"20",height:"20",cx:"15",cy:"15",r:"10"}),c("line",{class:"off checked-fill",x1:"12",y1:"18",x2:"18",y2:"12"}),c("line",{class:"off checked-fill",x1:"12",y1:"12",x2:"18",y2:"18"}),c("polyline",{class:"on checked-fill",points:"11,16 14,19 18,12 14,19"})))}get hostElement(){return o(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};h.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;padding:var(--tct-checkbox-vertical-padding, var(--tct-scale-2, var(--app-scale-2, 10px))) 0}label{display:flex;align-items:center;cursor:pointer;--comp-checkbox-outer-stroke-color:var(\n      --tct-checkbox-outer-stroke-color,\n      var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))\n  );--comp-checkbox-outer-fill-color:var(\n      --tct-checkbox-outer-fill-color,\n      var(--tct-white, var(--app-white, #ffffff))\n  );--comp-checkbox-checked-color:var(\n      --tct-checkbox-check-stroke-color,\n      var(\n          --t-checkbox-fill,\n          var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))\n      )\n  )}input:disabled+label{opacity:var(--tct-checkbox-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)))}.checkbox-icon{height:var(--tct-checkbox-size, 20px);width:var(--tct-checkbox-size, 20px);border-radius:var(--tct-checkbox-outer-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px)));stroke:var(--comp-checkbox-outer-stroke-color);color:var(--comp-checkbox-outer-stroke-color);--t-icon-stroke-primary:var(--comp-checkbox-outer-stroke-color);stroke-width:var(--tct-checkbox-outer-stroke-width, 2);fill:var(--comp-checkbox-outer-fill-color);flex-shrink:0}input:focus+label .checkbox-icon{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.checkbox-fill{stroke:var(--comp-checkbox-checked-color)}input:checked+label .checkbox-icon{fill:var(--tct-checkbox-checked-outer-fill-color, var(--comp-checkbox-outer-fill-color));stroke:var(--tct-checkbox-checked-outer-stroke-color, var(--comp-checkbox-outer-stroke-color))}input:focus+label .checkbox-icon{stroke:var(--tct-checkbox-focused-outer-stroke-color, var(--comp-checkbox-checked-color))}.checked-fill{stroke-width:var(--tct-checkbox-check-stroke-width, 2.5);stroke-linecap:round;stroke-linejoin:round}.indeterminate-fill{stroke-width:var(--tct-checkbox-indeterminate-stroke-width, 3.5)}.q2-checkbox-label-content{font-weight:var(--tct-checkbox-font-weight, 400);flex:1 1 auto;width:calc( 100% - var(--tct-checkbox-size, 20px) - var(--tct-scale-2, var(--app-scale-2, 10px)) )}input:checked+label .q2-checkbox-label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}:host([type=favorite]){--scoped-checkbox-favorite-stroke-color:var(\n      --tct-checkbox-favorite-stroke-color,\n      var(--t-textA, rgba(77, 77, 77, 0.77))\n  );--scoped-checkbox-favorite-fill-color:var(\n      --tct-checkbox-favorite-fill-color,\n      var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))\n  )}:host([type=favorite]) .checkbox-icon{--tct-icon-stroke-width:var(--tct-checkbox-favorite-stroke-width, 1);--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color);width:var(--tct-checkbox-size, 20px);height:var(--tct-checkbox-size, 20px);transition:fill var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), stroke var(--tct-tween-2, var(--app-tween-2, 0.4s ease))}:host([type=favorite]:focus-within) input+label .checkbox-icon,:host([type=favorite]:hover) input+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);--tct-icon-stroke-width:var(--tct-checkbox-favorite-hover-stroke-width, 2)}:host([type=favorite]) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-fill-color);fill:var(--scoped-checkbox-favorite-fill-color);transition:fill var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), color var(--tct-tween-1, var(--app-tween-1, 0.2s ease)), stroke var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=favorite]:focus-within) input:checked+label .checkbox-icon,:host([type=favorite]:hover) input:checked+label .checkbox-icon{--tct-icon-stroke-primary:var(--scoped-checkbox-favorite-stroke-color)}:host([alignment=right]) label,:host([type=toggle]:not([alignment=left])) label{flex-flow:row-reverse}.checkbox-icon,:host([type=toggle][alignment=left]) .toggle-svg{margin-right:var(--tct-scale-2, var(--app-scale-2, 10px));margin-left:0}:host([alignment=right]) .checkbox-icon,.toggle-svg{margin-right:0;margin-left:var(--tct-scale-2, var(--app-scale-2, 10px))}:host([type=toggle]) .toggle-svg{height:30px;width:46px;position:relative}:host([type=toggle]) .toggle-track,:host([type=toggle]) .toggle-indicator{position:absolute;top:50%;transform:translateY(-50%)}:host([type=toggle]) .toggle-track{fill:var(--tct-checkbox-toggle-track-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));height:14px;width:46px}:host([type=toggle]) input:checked+label .toggle-track{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));opacity:0.5}:host([type=toggle]) .toggle-indicator{transition:left var(--tct-tween-1, var(--app-tween-1, 0.2s ease));height:30px;width:30px;left:0;border-radius:50%}:host([type=toggle]) input:checked+label .toggle-indicator{left:21px}:host([type=toggle]) .toggle-circle{fill:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type=toggle]) input:checked+label .toggle-circle{fill:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color))}:host([type=toggle]) input:checked+label .off,:host([type=toggle]) input:not(:checked)+label .on{opacity:0}:host([type=toggle]) input:focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-checked-color, var(--comp-checkbox-checked-color));stroke-width:10px;stroke-opacity:0.5}:host([type=toggle]) input:not(:checked):focus+label .toggle-circle{stroke:var(--tct-checkbox-toggle-circle-color, var(--tct-gray-9, var(--t-gray-9, var(--tct-gray, var(--app-gray, #999999)))))}:host([type=toggle]) .checked-fill{stroke:var(--tct-checkbox-toggle-icon-stroke, var(--tct-white, var(--app-white, #ffffff)));transition:opacity var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=toggle]) input:checked+label .checked-fill{stroke:var(--tct-checkbox-toggle-checked-icon-stroke, var(--t-checkbox-text, var(--tct-white, var(--app-white, #ffffff))))}";export{h as q2_checkbox}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as s}from"./p-080839ed.js";import{l as n,h as a,o as h,i as l}from"./p-37aba2a4.js";const o=class{constructor(i){t(this,i),this.input=e(this,"input",7),this.change=e(this,"change",7),this.value="",this.editing=!1,this.label="",this.scheduledAfterRender=[],this.inputInput=t=>{t.stopPropagation(),this.input.emit(t.detail),this.formattedValue=t.detail.formattedValue,this.innerValue=t.detail.value},this.inputChange=t=>{t.stopPropagation()},this.inputKeyDown=t=>"Escape"===t.key||"Esc"===t.key?(t.preventDefault(),void this.cancelClick()):"Enter"===t.key?(t.preventDefault(),void this.saveClick()):void 0,this.inputClick=t=>{t.stopPropagation()},this.saveClick=t=>{t&&t.stopPropagation();const e=this.hostElement.shadowRoot.querySelector("q2-input").value;this.change.emit({editing:!1,name:"save",value:this.innerValue||e,formattedValue:this.formattedValue||e})},this.editClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!0,name:"edit"})},this.cancelClick=t=>{null==t||t.stopPropagation(),this.change.emit({editing:!1,name:"cancel"})}}get locLabel(){return this.label&&n(this.label)||""}componentWillLoad(){a(this)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}componentDidLoad(){h(this.hostElement)}ariaLabelObserver(){a(this)}observesEditing(t,e){t!==e&&this.scheduledAfterRender.push(t?()=>{this.hostElement.shadowRoot.querySelector("q2-input").dispatchEvent(new FocusEvent("focus"))}:()=>{this.hostElement.shadowRoot.querySelector(".begin-edit").dispatchEvent(new FocusEvent("focus"))})}get wrapperClass(){return"q2-editable-field-wrapper "+(this.editing?"editing":"")}onHostElementChange(t){if(l(t,this.hostElement)&&!this.hostElement.onchange){switch(t.detail.name){case"save":this.value=t.detail.value;break;case"cancel":this.q2InputElement.value=this.value}this.editing=t.detail.editing}}delegateFocus(t){l(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector(this.editing?"q2-input":"q2-btn.begin-edit").focus()}render(){return i("div",null,this.generateEditStateDOM(),this.generateReadStateDOM())}generateEditStateDOM(){return i("div",{class:this.wrapperClass,hidden:!this.editing},i("q2-input",{ref:t=>this.q2InputElement=t,label:this.locLabel,hideLabel:this.hideLabel,value:this.value,hints:Array.isArray(this.hints)&&this.hints.map((t=>n(t)))||void 0,errors:Array.isArray(this.errors)&&this.errors.map((t=>n(t)))||void 0,type:this.type,formatModifier:this.formatModifier,maxlength:this.maxlength,"test-id":"editableInput",onInput:this.inputInput,onChange:this.inputChange,onKeyDown:this.inputKeyDown,onClick:this.inputClick}),i("q2-btn",{class:"cancel-edit",label:`${n("tecton.element.editableField.cancel")} ${this.locLabel}`,"hide-label":!0,"test-id":"cancelButton",onClick:this.cancelClick},i("q2-icon",{type:"close"})),i("q2-btn",{class:"save-edit",label:`${n("tecton.element.editableField.save")} ${this.locLabel}`,"hide-label":!0,"test-id":"saveButton",onClick:this.saveClick},i("q2-icon",{type:"checkmark"})))}generateReadStateDOM(){return this.persistentLabel&&this.locLabel?i("div",{class:this.wrapperClass,hidden:this.editing},i("dl",null,i("dt",{class:"read-state-label"},this.locLabel),i("dd",null,i("span",{class:"text-wrapper"},this.value),this.generateEditBtn()))):i("div",{class:this.wrapperClass,hidden:this.editing},i("div",{class:"text-wrapper"},this.value),this.generateEditBtn())}generateEditBtn(){return i("q2-btn",{ref:t=>this.q2EditBtnElement=t,class:"begin-edit",label:`${n("tecton.element.editableField.edit")} ${this.locLabel}`,"hide-label":!0,"test-id":"editButton",onClick:this.editClick},i("q2-icon",{type:"edit"}))}get hostElement(){return s(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],editing:["observesEditing"]}}};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{display:inline-block;max-width:100%}.q2-editable-field-wrapper:not([hidden]){display:flex}.q2-editable-field-wrapper.editing{align-items:flex-end}q2-input,.text-wrapper{margin:0 var(--tct-scale-2, var(--app-scale-2, 10px)) 0 0}q2-input{flex:1 0 auto;min-width:170px}.text-wrapper{flex:0 auto;align-self:center;display:inline-block}:host([truncated]) .text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}q2-btn{flex:0 0 44px}dl{margin:var(--tct-scale-0, var(--app-scale-0, 0))}dt{font-weight:600}dd{margin-left:var(--tct-scale-0, var(--app-scale-0, 0));display:flex;align-items:center}";export{o as q2_editable_field}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as r,F as i,g as o}from"./p-080839ed.js";import{a as s,o as a,i as l,l as p}from"./p-37aba2a4.js";s();const n=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(),a(this.hostElement),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)}delegateFocus(t){l(t,this.hostElement)&&this.focusStep(this.currentStep,!0,!0)}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,r){var i;const o=this.listElement.children[t-1],s=document.activeElement===this.hostElement;o&&((s||r)&&(null===(i=o.firstElementChild)||void 0===i||i.focus()),e)&&this.listElement.scrollTo({left:o.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:o,stepCount:s,currentStep:a,lastEnabledStep:l}=this,{id:n,label:c,description:d}=null!==(e=null==o?void 0:o[t])&&void 0!==e?e:{},b=t+1,h=b===a,v=c&&`label-${n}`,u=c&&d&&`description-${n}`,g=!c&&p("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>l?"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},p(c)),d&&r("div",{class:"step-description",id:u},p(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"]}}};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{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(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}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{n as q2_stepper}

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

@@ -1 +0,0 @@
-import{r as t,c as a,h as i,F as r,g as e}from"./p-080839ed.js";import{a as o,c as s,l as n,i as c,o as l}from"./p-37aba2a4.js";o();const h=class{constructor(i){t(this,i),this.change=a(this,"change",7),this.settled=a(this,"settled",7),this.noPrint=!1,this.guid=s(),this.scheduledAfterRender=[],this.lastScrolled=new Date(null).getTime(),this.hasLeft=!1,this.hasRight=!1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.updateTabData=()=>{this.updateTabPaneProps(),this.setTabs()},this.updateTabPaneProps=()=>{this.tabPanes.forEach(((t,a)=>{t.selected=t.value===this.selectedTabValue,t.guid=this.guid,t.index=a}))},this.setTabs=()=>{this.tabs=this.tabPanes.map((({label:t,value:a})=>({label:t&&n(t)||"",value:a})))},this.onTabClick=t=>{this.value===t.target.dataset.value||this.change.emit({value:t.target.dataset.value})},this.onTabKeyDown=t=>{const a=t.target.dataset.value;switch(t.key){case"ArrowRight":t.preventDefault(),this.moveToAdjacentTab(a,"next");break;case"ArrowLeft":t.preventDefault(),this.moveToAdjacentTab(a,"prev");break;case"Home":t.preventDefault(),this.moveToAdjacentTab(a,"first");break;case"End":t.preventDefault(),this.moveToAdjacentTab(a,"last");break;case"Space":case"Enter":t.preventDefault(),this.change.emit({value:a})}},this.moveToAdjacentTab=(t,a)=>{let i,r=this.tabs.map((({value:t})=>t)).indexOf(t);switch(a){case"next":i=Math.min(r+1,this.tabs.length-1);break;case"prev":i=Math.max(r-1,0);break;case"first":i=0;break;case"last":i=this.tabs.length-1}r!==i&&this.moveFocus(i,!1)},this.moveFocus=(t,a=!0)=>{const i=this.listElement.querySelector(`[data-value="${this.tabs[t].value}"]`);return i.focus({preventScroll:a}),this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"}),i},this.checkScrollState=()=>{const{scrollLeft:t,scrollWidth:a,clientWidth:i}=this.listElement;this.scrollEnabled=a>i,this.showScrollLeft=!!t,this.showScrollRight=a!==t+i},this.onScrollBtnClick=t=>{const a=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-a:a,behavior:"smooth"})},this.onSlotChange=()=>{this.checkScrollState()}}resizeIframe(){var t,a;return null===(a=null===(t=window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===a?void 0:a.call(t)}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.checkScrollState()}onFocus(t){if(!c(t,this.hostElement))return;const a=this.tabs.findIndex((t=>t.value===this.selectedTabValue));this.moveFocus(a)}componentWillLoad(){const t=new MutationObserver(this.updateTabData);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t,this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.updateTabData()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.settled.emit()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),l(this.hostElement);const t=this.tabs.findIndex((t=>t.value===this.value));this.scheduledAfterRender.push((()=>{const a=this.moveFocus(Math.max(t,0),!1);this.value=a.dataset.value,a.blur()}))}disconnectedCallback(){this.resizeObserver.disconnect(),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 i(r,null,i("div",{class:"tab-container"},this.scrollEnabled&&i(r,null,i("div",{class:"gradient-left",hidden:!this.showScrollLeft}),i("div",{class:"gradient-right",hidden:!this.showScrollRight}),i("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},i("q2-icon",{type:"chevron-left"})),i("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},i("q2-icon",{type:"chevron-right"}))),i("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,class:this.noPrint?"no-print":null,role:"tablist"},this.tabs.map(((t,a)=>this.generateTab(t,a))))),i("div",{class:"tab-content"},i("slot",{onSlotchange:()=>this.onSlotChange()})))}generateTab(t,a){const{label:r,value:e}=t,o=this.selectedTabValue===e;return i("li",{role:"presentation"},i("button",{id:`tab-${this.guid}-${a}`,"data-value":e,"test-id":"tabLink",tabIndex:o?0:-1,role:"tab","aria-selected":o?"true":void 0,"aria-controls":`tab-pane-${this.guid}-${a}`,onClick:this.onTabClick,onKeyDown:this.onTabKeyDown},r))}get hostElement(){return e(this)}static get watchers(){return{value:["valueObserver"],name:["nameObserver"]}}};h.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}button{cursor:pointer;margin:0}.tab-container{position:relative}ul{--comp-container-padding:var(--tct-scale-1, var(--app-scale-1, 5px)) var(--tct-scale-1, var(--app-scale-1, 5px)) 0;padding:var(--tct-tab-container-padding, var(--t-tab-container-padding, var(--comp-container-padding)));display:flex;gap:var(--tct-tab-gap, var(--t-tab-gap, var(--tct-scale-1, var(--app-scale-1, 5px))));list-style:none;border-bottom:1px solid var(--tct-tab-container-border-color, var(--t-tab-container-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));overflow-x:auto;align-items:center;scrollbar-width:none;scrollbar-color:transparent}ul::-webkit-scrollbar{width:0;height:0}ul::-webkit-scrollbar-thumb{background:transparent}ul::-webkit-scrollbar-track{background:transparent}@media print{ul.no-print{display:none}}li{flex:0 0 auto}li button{background:var(--tct-tab-inactive-bg-color, var(--t-tab-inactive-bg-color, transparent));border-width:var(--tct-tab-inactive-border-width, var(--t-tab-inactive-border-width, 0 0 3px 0));border-color:var(--tct-tab-inactive-border-color, var(--t-tab-inactive-border-color, transparent));border-style:var(--tct-tab-inactive-border-style, var(--t-tab-inactive-border-style, solid));border-radius:var(--tct-tab-border-radius, var(--t-tab-border-radius, 0));width:var(--tct-tab-width, var(--t-tab-width, 100%));text-align:var(--tct-tab-text-align, var(--t-tab-text-align, center));text-decoration:var(--tct-tab-text-decoration, var(--t-tab-text-decoration, none));padding:var(--tct-tab-padding, var(--t-tab-padding, var(--tct-scale-2, var(--app-scale-2, 10px))));color:var(--tct-tab-inactive-color, var(--t-tab-inactive-color, inherit));font-size:var(--tct-tab-font-size, var(--t-tab-font-size, 17px));display:block;transition:color var(--tct-tween-2, var(--app-tween-2, 0.4s ease)), border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}:host([type=section]) li button{--comp-tab-section-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-section-padding, var(--t-tab-section-padding, var(--comp-tab-section-padding)))}li button:hover{color:var(--tct-tab-hover-color, var(--t-tab-hover-color, var(--tct-tab-active-color, var(--t-tab-active-color, #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%))}li button[aria-selected=true]{color:var(--tct-tab-active-color, var(--t-tab-active-color, #2e2e2e));border-color:var(--tct-tab-active-border-color, var(--t-tab-active-border-color, currentColor));border-style:var(--tct-tab-active-border-style, var(--t-tab-active-border-style, solid));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]) li button{color:var(--tct-tab-alt-inactive-color, var(--t-tab-alt-inactive-color, inherit))}:host([color=alt]) li button:hover,:host([color=alt]) li button[aria-selected=true]{color:var(--tct-tab-alt-active-color, var(--t-tab-alt-active-color, inherit))}@media screen and (max-width: 767px){li button{--comp-tab-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) var(--tct-scale-1, var(--app-scale-1, 5px));font-size:inherit;padding:var(--tct-tab-padding, var(--t-tab-padding, var(--comp-tab-padding)))}}.tab-content{--comp-tab-content-padding:var(--tct-scale-2, var(--app-scale-2, 10px)) 0;padding:var(--tct-tab-content-padding, var(--t-tab-content-padding, var(--comp-tab-content-padding)))}.tab-content:focus{outline:none;box-shadow:none}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:44px}.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{h as q2_tab_container}

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

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,g as o}from"./p-080839ed.js";import{c as r,o as s,i as a,l as n}from"./p-37aba2a4.js";const l=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(),s(this.hostElement)}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))}delegateFocus(t){if(!a(t,this.hostElement))return;const e=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");null==e||e.dispatchEvent(new FocusEvent("focus"))}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-radio-fieldset "+(this.hasError?"has-error":""),onChange:this.onInnerRadioChange,"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(){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"]}}};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{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(--tct-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1, 5px)));color:var(--tct-input-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, #767676)));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{l as q2_radio_group}

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

@@ -1 +0,0 @@
-import{r as t,c as r,h as a,g as e}from"./p-080839ed.js";import{c as o,b as i,o as s,i as n,m as c,d as h,l}from"./p-37aba2a4.js";const p=class{constructor(a){t(this,a),this.input=r(this,"input",7),this.change=r(this,"change",7),this.scheduledAfterRender=[],this.guid=o(),this.resize="vertical",this.checkRows=()=>{const{contentContainer:t,rows:r,textareaField:a,resize:e}=this;r&&!["none","horizontal"].includes(e)&&(t.style.height=`${t.offsetHeight}px`,a.removeAttribute("rows"))},this.checkCols=()=>{const{contentContainer:t,cols:r,textareaField:a,resize:e}=this;r&&!["none","vertical"].includes(e)&&(t.style.width=`${t.offsetWidth}px`,a.removeAttribute("cols"))},this.onTextareaFocus=()=>{this.hasFocus=!0,this.valueOnFocus=this.value,i(this)},this.onTextareaBlur=()=>{const{valueOnFocus:t,textareaField:{value:r}}=this;this.hasFocus=!1,i(this),t!==r&&this.change.emit({value:r})},this.onTextareaInput=t=>{t.stopPropagation(),this.input.emit({value:t.target.value})},this.onTextareaChange=t=>{t.stopPropagation(),this.change.emit({value:t.target.value})},this.onMouseDown=t=>{const{contentContainer:r}=this;this.downParams={width:r.offsetWidth,height:r.offsetHeight,x:t.clientX,y:t.clientY},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp)},this.onMouseMove=t=>{this.setHeight(t),this.setWidth(t)},this.onTouchStart=t=>{if(1!==t.touches.length)return;t.preventDefault();const{contentContainer:r}=this,a=t.touches[0];this.downParams={width:r.offsetWidth,height:r.offsetHeight,x:a.pageX,y:a.pageY},document.addEventListener("touchmove",this.onTouchMove),document.addEventListener("touchend",this.onTouchMove)},this.onTouchMove=t=>{this.setHeight(t),this.setWidth(t)},this.onMouseUp=()=>{document.removeEventListener("mousemove",this.onMouseMove),this.downParams=null}}componentWillLoad(){isNaN(this.maxlength)&&(this.maxlength=void 0)}componentDidRender(){this.scheduledAfterRender.push(this.checkRows,this.checkCols),this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}componentDidLoad(){s(this.hostElement)}get hasError(){return Array.isArray(this.errors)&&this.errors.length>0}get messages(){return this.errors&&this.errors.length>0&&this.errors||this.hints&&this.hints.length>0&&this.hints||[]}get showMessages(){return this.messages.length>0&&!this.hideMessages}get inputId(){return`input-guid-${this.guid}`}get inputDescribedBy(){return this.showMessages?`${this.inputId}-description`:void 0}get wrapperClasses(){return`field-container${this.hasError?" has-error":""}${this.value?" has-value":""}${this.hasFocus?" has-focus":""}`}get showResize(){const{resize:t}=this;return t&&"none"!==t}valueObserver(){const{maxlength:t,value:r=""}=this;if(!t)return;const a=r.substr(0,t);a!==r&&this.change.emit({value:a})}rowsObserver(){this.contentContainer.style.height=null}colsObserver(){this.contentContainer.style.width=null}hintsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}errorsObserver(){this.hasFocus&&this.scheduledAfterRender.push((()=>i(this)))}onHostElementFocus(t){n(t,this.hostElement)&&this.textareaField.focus()}onHostElementChange(t){t.target!==this.hostElement||this.hostElement.onchange||(this.value=t.detail.value)}setWidth(t){var r,a;const{contentContainer:e,resize:o,downParams:{width:i,x:s}}=this;if(!["both","horizontal"].includes(o))return;const n=t instanceof MouseEvent?t.clientX:null!==(a=null===(r=t.touches[0])||void 0===r?void 0:r.pageX)&&void 0!==a?a:0;e.style.width=i-(s-n)+"px"}setHeight(t){var r,a;const{contentContainer:e,resize:o,downParams:{height:i,y:s}}=this;if(!["both","vertical"].includes(o))return;const n=t instanceof MouseEvent?t.clientY:null!==(a=null===(r=t.touches[0])||void 0===r?void 0:r.pageY)&&void 0!==a?a:0;e.style.height=i-(s-n)+"px"}render(){return a("div",{class:this.wrapperClasses},h(this),a("div",{class:"content-container",ref:t=>this.contentContainer=t},this.inputDOM(),this.maxlength?this.maxLengthDOM():"",c(this)))}maxLengthDOM(){var t;return a("div",{class:"max-length","aria-hidden":"true"},(null===(t=this.value)||void 0===t?void 0:t.length)||0,"/",this.maxlength)}inputDOM(){return a("div",{class:"input-container"},a("textarea",{id:this.inputId,placeholder:this.placeholder&&l(this.placeholder)||void 0,"test-id":"inputField",maxLength:this.maxlength,"aria-describedby":this.inputDescribedBy,"aria-invalid":`${this.hasError}`,"aria-required":`${!this.optional}`,"aria-label":this.hideLabel&&this.label,spellcheck:this.spellcheck,rows:this.rows||3,cols:this.cols,value:this.value,ref:t=>this.textareaField=t,readonly:!!this.readonly,disabled:!!this.disabled,maxlength:this.maxlength,onInput:this.onTextareaInput,onChange:this.onTextareaChange,onFocus:this.onTextareaFocus,onBlur:this.onTextareaBlur}),this.hasError?a("q2-icon",{type:"error",class:"icon-error"}):"",this.showResize&&a("button",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,class:"btn-resize","aria-label":l("tecton.element.input.resize"),tabIndex:-1},a("svg",{"aria-hidden":"true",viewBox:"0 0 12 12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M8.5 11.5l3-3m-7 3l7-7m-11 7l11-11",fill:"none","stroke-stroke-linecap":"square"}))))}get hostElement(){return e(this)}static get watchers(){return{value:["valueObserver"],rows:["rowsObserver"],cols:["colsObserver"],hints:["hintsObserver"],errors:["errorsObserver"]}}};p.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;margin-top:var(--tct-textarea-margin-top, var(--app-scale-6x, 30px));margin-bottom:var(--tct-textarea-margin-bottom, var(--app-scale-6x, 30px));font-size:var(--tct-textarea-font-size, var(--app-font-size, inherit))}:host([hidden]){display:none}label{display:block;padding-left:var(--tct-textarea-label-padding-left, 0);padding-right:var(--tct-textarea-label-padding-right, 0);margin-top:var(--tct-textarea-label-margin-top, 0);margin-bottom:var(--tct-textarea-label-margin-bottom, var(--tct-scale-1x, var(--app-scale-1x, 5px)));color:var(--tct-textarea-label-font-color, inherit);font-size:var(--tct-textarea-label-font-size, inherit);font-weight:var(--tct-textarea-label-font-weight, 600);text-transform:var(--tct-textarea-label-text-transform, none);letter-spacing:var(--tct-textarea-label-letter-spacing, normal);transition:color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}.optional-tag{margin-left:var(--tct-textarea-label-optional-margin-left, var(--tct-scale-1x, var(--app-scale-1x, 5px)));color:var(--tct-textarea-label-optional-font-color, var(--tct-a11y-color, var(--t-a11y-gray-color, #767676)));font-size:var(--tct-textarea-label-optional-font-size, 12px);font-weight:var(--tct-textarea-label-optional-font-weight, 400)}.input-container{min-height:var(--comp-textarea-min-height, var(--tct-textarea-min-height));height:100%;--comp-textarea-border-top-left-radius:var(\n      --tct-textarea-border-top-left-radius,\n      var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n  );--comp-textarea-border-top-right-radius:var(\n      --tct-textarea-border-top-right-radius,\n      var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n  );--comp-textarea-border-bottom-right-radius:var(\n      --tct-textarea-border-bottom-right-radius,\n      var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n  );--comp-textarea-border-bottom-left-radius:var(\n      --tct-textarea-border-bottom-left-radius,\n      var(--tct-border-radius-1, var(--app-border-radius-1, 3px))\n  );--comp-textarea-border-radius:var(--comp-textarea-border-top-left-radius)\n      var(--comp-textarea-border-top-right-radius) var(--comp-textarea-border-bottom-right-radius)\n      var(--comp-textarea-border-bottom-left-radius);--comp-textarea-border-width:var(--tct-textarea-border-top-width, 1px)\n      var(--tct-textarea-border-right-width, 1px) var(--tct-textarea-border-bottom-width, 1px)\n      var(--tct-textarea-border-left-width, 1px);--comp-textarea-focus-border-width:var(--tct-textarea-focus-border-top-width, 1px)\n      var(--tct-textarea-focus-border-right-width, 1px)\n      var(--tct-textarea-focus-border-bottom-width, 1px)\n      var(--tct-textarea-focus-border-left-width, 1px);--comp-textarea-icon-clearance:34px}.content-container{--comp-textarea-min-height:44px;--comp-textarea-min-width:150px;position:relative;display:inline-block;min-height:var(--comp-textarea-min-height, var(--tct-textarea-min-height, 44px));min-width:var(--comp-textarea-min-width, var(--tct-textarea-min-width, 150px))}:host(:not([cols])) .content-container{width:100%}textarea{resize:none;height:100%;-webkit-appearance:none;appearance:none;display:block;box-sizing:border-box;min-height:var(--comp-textarea-min-height, var(--tct-textarea-min-height));padding:var(--tct-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px))) var(--tct-textarea-horizontal-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)));background-color:var(--tct-textarea-bg, var(--t-input-bg, var(--tct-gray-14, var(--app-gray-14, #f2f2f2))));color:var(--tct-textarea-font-color, var(--t-input-font-color, inherit));border-width:var(--comp-textarea-border-width);border-style:solid;border-color:var(--tct-textarea-border-color, var(--t-input-border, var(--tct-gray-11, var(--app-gray-11, #cccccc))));border-radius:var(--comp-textarea-border-radius);box-shadow:var(--tct-textarea-box-shadow, none);scrollbar-width:thin;scrollbar-color:var(--t-a11y-gray-color) transparent;transition:border-width var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))), border-color var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease))), box-shadow var(--tct-textarea-tween, var(--tct-tween-2, var(--app-tween-2, 0.4s ease)))}textarea::-webkit-scrollbar{width:var(--app-scale-1x);height:var(--app-scale-1x);margin:var(--app-scale-1x)}textarea::-webkit-scrollbar-thumb{background:var(--t-a11y-gray-color);border-radius:2px}textarea::-webkit-scrollbar-track{background:transparent}textarea:not([cols]){width:100%}textarea:focus{border-width:var(--comp-textarea-focus-border-width, 1px);border-color:var(--tct-textarea-focus-border-color, var(--t-input-focus, var(--tct-gray-9, var(--app-gray-9, #999999))));box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff)), var(--tct-textarea-focus-box-shadow, 0 0 transparent)}textarea::placeholder{color:var(--tct-textarea-placeholder-font-color, var(--t-input-placeholder-font-color, var(--tct-gray-7, var(--app-gray-7, var(--tct-gray-d1, var(--app-gray-d1, #666666))))))}q2-icon{margin-top:calc(var(--tct-textarea-border-top-width, 1px) / 2);margin-bottom:calc(var(--tct-textarea-border-bottom-width, 1px) / 2);pointer-events:none;position:absolute;top:var(--tct-textarea-vertical-padding, var(--tct-scale-2x, var(--app-scale-2x, 10px)));color:var(--tct-textarea-icon-stroke-primary, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))));right:0;margin-right:var(--tct-scale-2x, var(--app-scale-2x, 10px));--tct-icon-stroke-primary:var(\n      --tct-textarea-icon-stroke-primary,\n      var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n  );--t-icon-stroke-primary:var(\n      --tct-textarea-icon-stroke-primary,\n      var(--tct-gray-9, var(--app-gray-9, var(--tct-gray, var(--app-gray, #999999))))\n  )}.icon-error{color:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}.messages-container{height:0px;overflow:hidden;background-color:var(--tct-message-bg, var(--tct-gray-14, var(--app-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2)))));box-shadow:var(--tct-textarea-message-box-shadow, var(--tct-box-shadow-1, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))));transition:height var(--tct-textarea-messages-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease)));margin-top:2px;z-index:1;position:absolute;width:100%;color:var(--tct-textarea-messages-font-color, inherit)}:host([disabled]) .input-container{cursor:not-allowed;opacity:var(--tct-textarea-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4)))}textarea[disabled]{cursor:not-allowed}.has-error textarea{padding-right:var(--comp-textarea-icon-clearance)}.has-error label{color:var(--tct-textarea-error-label-font-color, var(--tct-textarea-label-font-color, inherit))}.has-error textarea:not(:focus){border-color:var(--tct-textarea-error-border-color, var(--const-stoplight-alert, #c30000))}.max-length{color:var(--tct-textarea-max-length-color, var(--t-textA, rgba(77, 77, 77, 0.77)));font-size:var(--tct-textarea-max-length-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px)));position:absolute;right:0}.btn-resize{--tct-textarea-resize-icon-padding:calc(\n      calc(\n              var(--tct-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px)) -\n                  var(--tct-textarea-resize-icon-size, 12px)\n          ) / 2\n  );width:var(--tct-textarea-resize-btn-width, var(--tct-btn-icon-width, 44px));height:var(--tct-textarea-resize-btn-height, var(--tct-btn-icon-height, 44px));background:var(--tct-textarea-resize-btn-background, transparent);stroke:var(--tct-textarea-resize-color, var(--t-textA, rgba(77, 77, 77, 0.77)));border:0;position:absolute;right:calc(var(--tct-textarea-resize-icon-padding) * -1 + 2px);bottom:calc(var(--tct-textarea-resize-icon-padding) * -1 + 2px);display:block;padding:var(--tct-textarea-resize-icon-padding);font-size:0}.btn-resize:focus{outline:none;box-shadow:none}:host([resize=both]) .btn-resize{cursor:se-resize}:host([resize=vertical]) .btn-resize{cursor:s-resize}:host([resize=horizontal]) .btn-resize{cursor:e-resize}";export{p as q2_textarea}