npm - q2-tecton-elements - Versions diffs - 1.51.2 → 1.51.4 - Mend

q2-tecton-elements 1.51.2 → 1.51.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (445) hide show

package/dist/q2-tecton-elements/{p-8d07cf91.entry.js → p-dd00b967.entry.js} RENAMED Viewed

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

package/dist/q2-tecton-elements/p-ddada899.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as e,F as i,g as s}from"./p-a5f18e27.js";import{w as n,o,i as r,j as a,a as h,l as d}from"./p-011a8cb6.js";const l="{box-sizing:border-box}:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-flex}:host([block]){display:block}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width))}";const c=l;const u=class{constructor(e){t(this,e);this.dropdownItemSelector="q2-dropdown-item:not([disabled]):not([separator])";this.closeDropdown=()=>{if(!this.open)return;this.open=false};this.focusFirstItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:first-child`);if(!t)return;await n();t.dispatchEvent(new FocusEvent("focus"))};this.focusLastItem=async()=>{const t=this.hostElement.querySelector(`${this.dropdownItemSelector}:last-child`);if(!t)return;await n();t.dispatchEvent(new FocusEvent("focus"))};this.focusToggle=()=>{this.controlElement.focus()};this.onClickElsewhere=t=>{const e=t.target;if(e.localName==="click-elsewhere"){t.stopPropagation();const{popoverElement:e}=this;if(!e)return;e.open=false}};this.onDropdownMenuClick=async t=>{const e=t.target;if(e.disabled\|\|e.separator)return;this.closeDropdown();await n();this.focusToggle()};this.onDropdownMenuKeydown=t=>{const e=t.target;switch(t.key){case"Escape":this.closeDropdown();this.focusToggle();break;case"Tab":this.closeDropdown();break;case"ArrowUp":t.preventDefault();this.focusAdjacentItem(e,"prev");break;case"ArrowDown":t.preventDefault();this.focusAdjacentItem(e,"next");break}};this.onToggleClick=()=>{this.popoverElement.controlElement=this.controlElement;if(this.open){this.closeDropdown()}else{this.openDropdown()}};this.onToggleKeydown=async t=>{this.popoverElement.controlElement=this.controlElement;switch(t.key){case"ArrowUp":t.preventDefault();this.openDropdown();await n();this.focusLastItem();break;case"ArrowDown":t.preventDefault();this.openDropdown();await n();this.focusFirstItem();return;case"Escape":t.preventDefault();this.closeDropdown();break;case"Tab":if(this.open)this.closeDropdown();break}};this.openDropdown=()=>{if(this.open)return;this.open=true};this.additionalContext=undefined;this.alignment=undefined;this.ariaLabel=undefined;this.block=undefined;this.context=undefined;this.contextValue=undefined;this.disabled=undefined;this.hideLabel=undefined;this.icon=undefined;this.label=undefined;this.name=undefined;this.open=undefined;this.popDirection=undefined;this.popoverAlignment="left";this.popoverDirection=undefined;this.popoverMaxHeight=undefined;this.popoverMinHeight=150;this.popoverMode=null;this.resolvedType=undefined;this.type="icon"}componentWillLoad(){this.popDirectionHandler();this.alignmentHandler();this.ariaLabelHandler()}componentDidLoad(){this.orchestrateResolvedMenuItems();o(this.hostElement)}delegateFocus(t){if(!r(t,this.hostElement))return;this.focusToggle()}popoverStateHandler({detail:{open:t}}){var e;if(this.open!==t)this.open=t;(e=this.popoverElement)===null\|\|e===void 0?void 0:e.scrollContainerTo({top:0})}async closePopover(){if(!this.open\|\|this.disabled)return;this._togglePopover()}async openPopover(){if(this.open\|\|this.disabled)return;this._togglePopover()}async selectItem(t){var e;const i=this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);const s=i===null\|\|i===void 0?void 0:i.shadowRoot.querySelector(".dropdown-item");if(!i\|\|this.disabled)return;if(!this.open){(e=this.controlElement)===null\|\|e===void 0?void 0:e.click();await n()}s.click();await n()}async selectRemoveItem(t){var e;const i=this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);const s=i===null\|\|i===void 0?void 0:i.shadowRoot.querySelector(".remove-dropdown-item");if(!i\|\|!s\|\|this.disabled)return;if(!this.open){(e=this.controlElement)===null\|\|e===void 0?void 0:e.click();await n()}s.click();await n()}additionalContextHandler(){this.orchestrateResolvedMenuItems()}alignmentHandler(){a(this,"alignment","popoverAlignment")}ariaLabelHandler(){h(this)}contextHandler(){this.orchestrateResolvedMenuItems()}contextValueHandler(){this.orchestrateResolvedMenuItems()}nameHandler(){this.orchestrateResolvedMenuItems()}popDirectionHandler(){a(this,"popDirection","popoverDirection")}resolvedTypeHandler(){this.orchestrateResolvedMenuItems()}get determineDropdownItemCount(){return this.hostElement.querySelectorAll(this.dropdownItemSelector).length}get hasCustomControl(){return!!this.hostElement.querySelector("[slot=control]")}get toggleButtonProps(){const t=["primary","secondary","neutral"];const e=["icon","fab","custom",...t];const i=e.includes(this.type)?this.type:"";const s=i==="icon";const n=i==="fab";const o=i==="custom";let r;if(t.includes(i)){r=i==="neutral"?i:`workflow-${i}`}const a=this.open;const h=!!this.disabled;const d=this.open;const l=!s&&!n&&!r?"unstyled":"";return{icon:s,fab:n,intent:r,active:a,disabled:h,ariaExpanded:d,className:l,custom:o}}_togglePopover(){const{controlElement:t}=this;if(!t)return;t.click();t.focus();t.dispatchEvent(new FocusEvent("focus"))}focusAdjacentItem(t,e){const i=Array.from(this.hostElement.querySelectorAll(this.dropdownItemSelector));const s=i.indexOf(t);if(s===-1){return}let n=0;if(e==="next"){n=s<i.length-1?s+1:0}else if(e==="prev"){if(s>0){n=s-1}else{n=i.length-1}}const o=i[n];o&&o.dispatchEvent(new Event("focus"))}orchestrateResolvedMenuItems(){if(!this.name\|\|!this.context){this.removeResolvedElements();return}this.resolveMenuItemElements().then((t=>{this.removeResolvedElements();t.forEach((t=>{this.hostElement.appendChild(t)}))})).catch((t=>{this.removeResolvedElements();throw t}))}removeResolvedElements(){const t=this.hostElement.querySelectorAll("q2-dropdown-item.resolved-menu-item");t.forEach((t=>this.hostElement.removeChild(t)))}resolveMenu(){return this.name&&window.TectonElements&&window.TectonElements.resolveMenu(this.name,this.contextValue,this.resolvedType,this.additionalContext)}resolveMenuItemElements(){return this.resolveMenu().then((t=>t.map((t=>{let e;let i;if(t["tct-ctxid"]){i={};i[t.contextIdParamName]=t["tct-ctxid"]}switch(t.action){case"navigateTo":e=function(){var e,s;return(s=(e=window.TectonElements)===null\|\|e===void 0?void 0:e.navigateTo)===null\|\|s===void 0?void 0:s.call(e,t.featureName,t.moduleName,i)};break;case"showOverpanel":e=function(){var e,s;return(s=(e=window.TectonElements)===null\|\|e===void 0?void 0:e.showOverpanel)===null\|\|s===void 0?void 0:s.call(e,`${t.featureName}.${t.moduleName}`,i,undefined,true)};break}const s=document.createElement("q2-dropdown-item");s.setAttribute("value",t.itemLabel);s.classList.add("resolved-menu-item");s.textContent=t.itemLabel;s.onclick=e;return s}))))}render(){const t=this.toggleButtonProps;return e("click-elsewhere",{key:"e7713f559cdc4b531405463149e6f50e5442a031",class:this.open?"dropdown-open":"",onChange:this.onClickElsewhere,"test-id":"dropdownContainer"},e("q2-btn",{key:"ce4da0604182ce4e2df84af8e0f5c9079dab69a7",ref:t=>this.controlElement=t,class:t.className,onClick:this.onToggleClick,onKeyDown:this.onToggleKeydown,fab:t.fab,intent:t.intent,active:t.active,disabled:t.disabled,ariaExpanded:`${!!t.ariaExpanded}`,label:this.hideLabel&&this.label?d(this.label):undefined,hideLabel:this.hideLabel,ariaHasPopup:"menu","test-id":"dropdownButton",block:this.block,description:d("tecton.element.dropdown.itemCount",[this.determineDropdownItemCount])},this.hasCustomControl?e("div",{"test-id":"dropdownControl",class:t.custom?"":"hidden"},e("slot",{name:"control"})):e(i,null,this.icon?e("q2-icon",{type:this.icon}):" ",this.label&&!this.hideLabel&&e("span",{class:"dropdown-button-text"},d(this.label)))),e("q2-popover",{key:"176a3c7198b608618333a8b9729d6ee3baea6668",ref:t=>this.popoverElement=t,controlElement:this.controlElement,open:this.open,"max-height":this.popoverMaxHeight,minHeight:this.popoverMinHeight,direction:this.popoverDirection,align:this.popoverAlignment,mode:this.popoverMode\|\|undefined,block:this.block},e("div",{key:"b7dd7ce2d16de77ef0d1e095b8ba29674c4e62dc",onClick:this.onDropdownMenuClick,onKeyDown:this.onDropdownMenuKeydown,role:"menu","aria-label":d(this.label)\|\|undefined},e("slot",{key:"090b476dccf76a38e4413b4378ed5b2cc0971494"}))))}get hostElement(){return s(this)}static get watchers(){return{additionalContext:["additionalContextHandler"],alignment:["alignmentHandler"],ariaLabel:["ariaLabelHandler"],context:["contextHandler"],contextValue:["contextValueHandler"],name:["nameHandler"],popDirection:["popDirectionHandler"],resolvedType:["resolvedTypeHandler"]}}};u.style=c;export{u as q2_dropdown};
2	+ //# sourceMappingURL=p-ddada899.entry.js.map

package/dist/q2-tecton-elements/{p-1f0b9209.entry.js.map → p-ddada899.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["q2DropdownCss","Q2DropdownStyle0","Q2Dropdown","this","dropdownItemSelector","closeDropdown","open","focusFirstItem","async","firstItem","hostElement","querySelector","waitForNextPaint","dispatchEvent","FocusEvent","focusLastItem","lastItem","focusToggle","controlElement","focus","onClickElsewhere","event","target","localName","stopPropagation","popoverElement","onDropdownMenuClick","item","disabled","separator","onDropdownMenuKeydown","key","preventDefault","focusAdjacentItem","onToggleClick","openDropdown","onToggleKeydown","componentWillLoad","popDirectionHandler","alignmentHandler","ariaLabelHandler","componentDidLoad","orchestrateResolvedMenuItems","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","detail","_a","scrollContainerTo","top","closePopover","_togglePopover","openPopover","selectItem","value","itemBtn","shadowRoot","click","selectRemoveItem","removeButton","additionalContextHandler","handleRenamedProp","handleAriaLabel","contextHandler","contextValueHandler","nameHandler","resolvedTypeHandler","determineDropdownItemCount","querySelectorAll","length","hasCustomControl","toggleButtonProps","allowedIntents","allowedTypes","type","includes","icon","fab","custom","intent","active","ariaExpanded","className","activeItem","direction","dropdownItems","Array","from","activeIndex","indexOf","targetIndex","targetItem","Event","name","context","removeResolvedElements","resolveMenuItemElements","then","data","forEach","element","appendChild","catch","err","resolvedElements","removeChild","resolveMenu","window","TectonElements","contextValue","resolvedType","additionalContext","datas","map","menuItemData","onClickFn","queryParams","contextIdParamName","action","_b","navigateTo","call","featureName","moduleName","showOverpanel","undefined","newDropdownItem","document","createElement","setAttribute","itemLabel","classList","add","textContent","onclick","render","btnProps","h","class","onChange","ref","el","onClick","onKeyDown","label","hideLabel","loc","ariaHasPopup","block","description","Fragment","popoverMaxHeight","minHeight","popoverMinHeight","popoverDirection","align","popoverAlignment","mode","popoverMode","role"],"sources":["src/components/q2-dropdown/q2-dropdown.scss?tag=q2-dropdown&encapsulation=shadow","src/components/q2-dropdown/q2-dropdown.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-flex;\n}\n\n:host([block]) {\n display: block;\n}\n\nclick-elsewhere {\n position: relative;\n display: block;\n}\n\nq2-popover {\n --tct-popover-min-width: #{var-list(var-prefixer(dropdown-width))};\n}\n","import { Component, ComponentInterface, Prop, Method, Element, Watch, h, Fragment, Listen } from '@stencil/core';\nimport {\n handleAriaLabel,\n handleRenamedProp,\n isEventFromElement,\n loc,\n overrideFocus,\n waitForNextPaint,\n} from 'src/utils';\n\n@Component({ tag: 'q2-dropdown', shadow: true, styleUrl: 'q2-dropdown.scss' })\nexport class Q2Dropdown implements ComponentInterface {\n // #region Own Properties\n\n controlElement?: HTMLQ2BtnElement;\n dropdownItemSelector: string = 'q2-dropdown-item:not([disabled]):not([separator])';\n popoverElement?: HTMLQ2PopoverElement;\n\n // #endregion\n // #region Host HTML Element\n\n @Element()\n hostElement: HTMLElement;\n\n // #endregion\n // #region Public Property API\n\n @Prop({ reflect: true })\n additionalContext: string;\n\n /** @deprecated /\n @Prop({ reflect: true })\n alignment: 'left' \| 'right';\n\n /* @deprecated /\n @Prop({ reflect: true, mutable: true })\n ariaLabel: string;\n\n /* If `true`, component expands to fill the width of its parent element. /\n @Prop({ reflect: true })\n block: boolean;\n\n /\n Tells the outlet what the type of object being passed in as contextValue.\n * This will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown.\n \n @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n context: string;\n\n /\n Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type).\n \n @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n contextValue: string;\n\n /* Indicates the menu cannot be focused or interacted with. /\n @Prop({ reflect: true })\n disabled: boolean;\n\n /\n Hide's the field's `<label>` element from view.\n * @warning\n * Only use when a visible label is impractical.\n /\n @Prop({ reflect: true, mutable: true })\n hideLabel: boolean;\n\n /* The icon that will render within the toggle button. You may use any of the `q2-icon` types. /\n @Prop({ reflect: true })\n icon: string;\n\n /\n The text that appears within the button.\n * @warning\n * This property should not be used if the `type` is `icon`.\n * @localizable\n /\n @Prop({ reflect: true, mutable: true })\n label: string;\n\n /\n Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`.\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n name: string;\n\n /* Determine whether the popover is open or closed. /\n @Prop({ reflect: true, mutable: true })\n open: boolean;\n\n /* @deprecated /\n @Prop({ reflect: true })\n popDirection: 'up' \| 'down';\n\n /* Aligns the popover dropdown to the left or right side of the input field. /\n @Prop({ mutable: true })\n popoverAlignment: 'left' \| 'right' = 'left'; // being used in dropdown.scss\n\n /\n Force the direction of the popover dropdown when it opens.\n * If no value is passed, the component will auto-detect the direction based on available space.\n /\n @Prop({ mutable: true })\n popoverDirection: 'up' \| 'down';\n\n /\n Force the maximum height of the popover. This value will be interpreted as pixels.\n * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n /\n @Prop()\n popoverMaxHeight: number;\n\n /* @deprecated /\n @Prop()\n popoverMinHeight: number = 150;\n\n /\n Determines the display mode of the popover.\n \n Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n \n @info\n * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n * when nested inside of elements with transform properties. This will be removed once the popover API is available\n * for use.\n /\n @Prop({ mutable: true })\n popoverMode: 'legacy' = null;\n\n /\n Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context.\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n resolvedType: string;\n\n /* The type of button used as the menu toggle.\n * @info\n * Type must be \"custom\" to use the custom button slot.\n /\n @Prop({ reflect: true })\n type: 'icon' \| 'fab' \| 'custom' \| 'primary' \| 'secondary' \| 'neutral' = 'icon';\n\n // #endregion\n // #region Component Lifecycle Events\n\n componentWillLoad() {\n this.popDirectionHandler();\n this.alignmentHandler();\n this.ariaLabelHandler();\n }\n\n componentDidLoad() {\n this.orchestrateResolvedMenuItems();\n overrideFocus(this.hostElement);\n }\n\n // #endregion\n // #region Listeners\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n this.focusToggle();\n }\n\n @Listen('popoverStateChanged')\n popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n if (this.open !== open) this.open = open;\n this.popoverElement?.scrollContainerTo({ top: 0 });\n }\n\n // #endregion\n // #region Public Methods API\n\n /\n Emulates clicking the dropdown `<button>` to hide the popover if it is showing.\n * @testOnly\n /\n @Method()\n async closePopover() {\n if (!this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n /\n Emulates clicking the dropdown `<button>` to show the popover if it is hidden.\n * @testOnly\n /\n @Method()\n async openPopover() {\n if (this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n /\n Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/).\n \n If the dropdown is closed, this will open it before selecting the item.\n \n If the value does not match any item's value, this method does nothing.\n * @testOnly\n /\n @Method()\n async selectItem(value: string) {\n const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}[value=\"${value}\"]`\n );\n const itemBtn = item?.shadowRoot.querySelector<HTMLButtonElement>('.dropdown-item');\n if (!item \|\| this.disabled) return;\n if (!this.open) {\n this.controlElement?.click();\n await waitForNextPaint();\n }\n itemBtn.click();\n await waitForNextPaint();\n }\n\n /\n Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/)'s remove button.\n \n If the dropdown is closed, this will open it before selecting the remove item button.\n \n Requirements for this method to work properly:\n * - Provided `value` matches the item's `value` property\n * - Item has the `removable` property enabled\n * @testOnly\n */\n @Method()\n async selectRemoveItem(value: string) {\n const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}[value=\"${value}\"]`\n );\n const removeButton = item?.shadowRoot.querySelector<HTMLButtonElement>('.remove-dropdown-item');\n if (!item \|\| !removeButton \|\| this.disabled) return;\n if (!this.open) {\n this.controlElement?.click();\n await waitForNextPaint();\n }\n removeButton.click();\n await waitForNextPaint();\n }\n\n // #endregion\n // #region Watchers\n\n @Watch('additionalContext')\n additionalContextHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('alignment')\n alignmentHandler() {\n handleRenamedProp(this, 'alignment', 'popoverAlignment');\n }\n\n @Watch('ariaLabel')\n ariaLabelHandler() {\n handleAriaLabel(this);\n }\n\n @Watch('context')\n contextHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('contextValue')\n contextValueHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('name')\n nameHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('popDirection')\n popDirectionHandler() {\n handleRenamedProp(this, 'popDirection', 'popoverDirection');\n }\n\n @Watch('resolvedType')\n resolvedTypeHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n // #endregion\n // #region Local Methods\n\n get determineDropdownItemCount() {\n return this.hostElement.querySelectorAll(this.dropdownItemSelector).length;\n }\n\n get hasCustomControl() {\n return !!this.hostElement.querySelector('[slot=control]');\n }\n\n get toggleButtonProps() {\n const allowedIntents = ['primary', 'secondary', 'neutral'];\n const allowedTypes = ['icon', 'fab', 'custom', ...allowedIntents];\n const type = allowedTypes.includes(this.type) ? this.type : '';\n const icon = type === 'icon';\n const fab = type === 'fab';\n const custom = type === 'custom';\n let intent;\n if (allowedIntents.includes(type)) {\n intent = type === 'neutral' ? type : `workflow-${type}`;\n }\n const active = this.open;\n const disabled = !!this.disabled;\n const ariaExpanded = this.open;\n const className = !icon && !fab && !intent ? 'unstyled' : '';\n\n return {\n icon,\n fab,\n intent,\n active,\n disabled,\n ariaExpanded,\n className,\n custom,\n };\n }\n\n _togglePopover() {\n const { controlElement } = this;\n if (!controlElement) return;\n controlElement.click();\n controlElement.focus();\n controlElement.dispatchEvent(new FocusEvent('focus'));\n }\n\n closeDropdown = () => {\n if (!this.open) return;\n this.open = false;\n };\n\n focusAdjacentItem(activeItem: HTMLQ2DropdownItemElement, direction: 'next' \| 'prev') {\n const dropdownItems: HTMLQ2DropdownItemElement[] = Array.from(\n this.hostElement.querySelectorAll(this.dropdownItemSelector)\n );\n\n const activeIndex = dropdownItems.indexOf(activeItem);\n\n if (activeIndex === -1) {\n return;\n }\n\n let targetIndex: number = 0;\n if (direction === 'next') {\n targetIndex = activeIndex < dropdownItems.length - 1 ? activeIndex + 1 : 0;\n } else if (direction === 'prev') {\n if (activeIndex > 0) {\n targetIndex = activeIndex - 1;\n } else {\n targetIndex = dropdownItems.length - 1;\n }\n }\n const targetItem = dropdownItems[targetIndex];\n targetItem && targetItem.dispatchEvent(new Event('focus'));\n }\n\n focusFirstItem = async () => {\n const firstItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}:first-child`\n );\n if (!firstItem) return;\n await waitForNextPaint();\n firstItem.dispatchEvent(new FocusEvent('focus'));\n };\n\n focusLastItem = async () => {\n const lastItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}:last-child`\n );\n if (!lastItem) return;\n await waitForNextPaint();\n lastItem.dispatchEvent(new FocusEvent('focus'));\n };\n\n focusToggle = () => {\n this.controlElement.focus();\n };\n\n onClickElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName === 'click-elsewhere') {\n event.stopPropagation();\n const { popoverElement } = this;\n if (!popoverElement) return;\n popoverElement.open = false;\n }\n };\n\n onDropdownMenuClick = async (event: MouseEvent \| CustomEvent) => {\n const item = event.target as HTMLQ2DropdownItemElement;\n if (item.disabled \|\| item.separator) return;\n this.closeDropdown();\n await waitForNextPaint();\n this.focusToggle();\n };\n\n onDropdownMenuKeydown = (event: KeyboardEvent) => {\n const item = event.target as HTMLQ2DropdownItemElement;\n switch (event.key) {\n case 'Escape':\n this.closeDropdown();\n this.focusToggle();\n break;\n\n case 'Tab':\n this.closeDropdown();\n break;\n\n case 'ArrowUp':\n event.preventDefault();\n this.focusAdjacentItem(item, 'prev');\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n this.focusAdjacentItem(item, 'next');\n break;\n\n default:\n break;\n }\n };\n\n onToggleClick = () => {\n if (this.open) {\n this.closeDropdown();\n } else {\n this.openDropdown();\n }\n };\n\n onToggleKeydown = async (event: KeyboardEvent) => {\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n this.openDropdown();\n await waitForNextPaint();\n this.focusLastItem();\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n this.openDropdown();\n await waitForNextPaint();\n this.focusFirstItem();\n return;\n\n case 'Escape':\n event.preventDefault();\n this.closeDropdown();\n break;\n\n case 'Tab':\n if (this.open) this.closeDropdown();\n break;\n\n default:\n break;\n }\n };\n\n openDropdown = () => {\n if (this.open) return;\n this.open = true;\n };\n\n orchestrateResolvedMenuItems() {\n if (!this.name \|\| !this.context) {\n // this is only for contextual menu outlets\n this.removeResolvedElements();\n return;\n }\n\n this.resolveMenuItemElements()\n .then(data => {\n this.removeResolvedElements();\n data.forEach(element => {\n this.hostElement.appendChild(element);\n });\n })\n .catch(err => {\n this.removeResolvedElements();\n throw err;\n });\n }\n\n removeResolvedElements() {\n const resolvedElements = this.hostElement.querySelectorAll('q2-dropdown-item.resolved-menu-item');\n resolvedElements.forEach(element => this.hostElement.removeChild(element));\n }\n\n resolveMenu() {\n return (\n this.name &&\n window.TectonElements &&\n window.TectonElements.resolveMenu(this.name, this.contextValue, this.resolvedType, this.additionalContext)\n );\n }\n\n resolveMenuItemElements() {\n return this.resolveMenu().then(datas => {\n return datas.map(menuItemData => {\n let onClickFn;\n let queryParams;\n if (menuItemData['tct-ctxid']) {\n queryParams = {};\n queryParams[menuItemData.contextIdParamName] = menuItemData['tct-ctxid'];\n }\n\n switch (menuItemData.action) {\n case 'navigateTo':\n onClickFn = function () {\n return window.TectonElements?.navigateTo?.(\n menuItemData.featureName,\n menuItemData.moduleName,\n queryParams\n );\n };\n break;\n case 'showOverpanel':\n onClickFn = function () {\n return window.TectonElements?.showOverpanel?.(\n `${menuItemData.featureName}.${menuItemData.moduleName}`,\n queryParams,\n undefined,\n true\n );\n };\n break;\n }\n\n const newDropdownItem = document.createElement('q2-dropdown-item');\n newDropdownItem.setAttribute('value', menuItemData.itemLabel);\n newDropdownItem.classList.add('resolved-menu-item');\n newDropdownItem.textContent = menuItemData.itemLabel;\n newDropdownItem.onclick = onClickFn;\n\n return newDropdownItem;\n });\n });\n }\n\n // #endregion\n // #region Render Methods\n\n render() {\n const btnProps = this.toggleButtonProps;\n\n return (\n <click-elsewhere\n class={this.open ? 'dropdown-open' : ''}\n onChange={this.onClickElsewhere}\n test-id=\"dropdownContainer\"\n >\n <q2-btn\n ref={el => (this.controlElement = el)}\n class={btnProps.className}\n onClick={this.onToggleClick}\n onKeyDown={this.onToggleKeydown}\n fab={btnProps.fab}\n intent={btnProps.intent}\n active={btnProps.active}\n disabled={btnProps.disabled}\n ariaExpanded={`${!!btnProps.ariaExpanded}`}\n label={this.hideLabel && this.label ? loc(this.label) : undefined}\n hideLabel={this.hideLabel}\n ariaHasPopup=\"menu\"\n test-id=\"dropdownButton\"\n block={this.block}\n description={loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount])}\n >\n {this.hasCustomControl ? (\n <div\n test-id=\"dropdownControl\"\n class={btnProps.custom ? '' : 'hidden'}\n >\n <slot name=\"control\" />\n </div>\n ) : (\n <Fragment>\n {this.icon ? <q2-icon type={this.icon} /> : ' '}\n {this.label && !this.hideLabel && (\n <span class=\"dropdown-button-text\">{loc(this.label)}</span>\n )}\n </Fragment>\n )}\n </q2-btn>\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.controlElement}\n open={this.open}\n max-height={this.popoverMaxHeight}\n minHeight={this.popoverMinHeight}\n direction={this.popoverDirection}\n align={this.popoverAlignment}\n mode={this.popoverMode \|\| undefined}\n block={this.block}\n >\n <div\n onClick={this.onDropdownMenuClick}\n onKeyDown={this.onDropdownMenuKeydown}\n role=\"menu\"\n aria-label={loc(this.label) \|\| undefined}\n >\n <slot />\n </div>\n </q2-popover>\n </click-elsewhere>\n );\n }\n\n // #endregion\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["q2DropdownCss","Q2DropdownStyle0","Q2Dropdown","this","dropdownItemSelector","closeDropdown","open","focusFirstItem","async","firstItem","hostElement","querySelector","waitForNextPaint","dispatchEvent","FocusEvent","focusLastItem","lastItem","focusToggle","controlElement","focus","onClickElsewhere","event","target","localName","stopPropagation","popoverElement","onDropdownMenuClick","item","disabled","separator","onDropdownMenuKeydown","key","preventDefault","focusAdjacentItem","onToggleClick","openDropdown","onToggleKeydown","componentWillLoad","popDirectionHandler","alignmentHandler","ariaLabelHandler","componentDidLoad","orchestrateResolvedMenuItems","overrideFocus","delegateFocus","isEventFromElement","popoverStateHandler","detail","_a","scrollContainerTo","top","closePopover","_togglePopover","openPopover","selectItem","value","itemBtn","shadowRoot","click","selectRemoveItem","removeButton","additionalContextHandler","handleRenamedProp","handleAriaLabel","contextHandler","contextValueHandler","nameHandler","resolvedTypeHandler","determineDropdownItemCount","querySelectorAll","length","hasCustomControl","toggleButtonProps","allowedIntents","allowedTypes","type","includes","icon","fab","custom","intent","active","ariaExpanded","className","activeItem","direction","dropdownItems","Array","from","activeIndex","indexOf","targetIndex","targetItem","Event","name","context","removeResolvedElements","resolveMenuItemElements","then","data","forEach","element","appendChild","catch","err","resolvedElements","removeChild","resolveMenu","window","TectonElements","contextValue","resolvedType","additionalContext","datas","map","menuItemData","onClickFn","queryParams","contextIdParamName","action","_b","navigateTo","call","featureName","moduleName","showOverpanel","undefined","newDropdownItem","document","createElement","setAttribute","itemLabel","classList","add","textContent","onclick","render","btnProps","h","class","onChange","ref","el","onClick","onKeyDown","label","hideLabel","loc","ariaHasPopup","block","description","Fragment","popoverMaxHeight","minHeight","popoverMinHeight","popoverDirection","align","popoverAlignment","mode","popoverMode","role"],"sources":["src/components/q2-dropdown/q2-dropdown.scss?tag=q2-dropdown&encapsulation=shadow","src/components/q2-dropdown/q2-dropdown.tsx"],"sourcesContent":["@import '../../styles/host.scss';\n@import '../../styles/functions';\n\n:host {\n display: inline-flex;\n}\n\n:host([block]) {\n display: block;\n}\n\nclick-elsewhere {\n position: relative;\n display: block;\n}\n\nq2-popover {\n --tct-popover-min-width: #{var-list(var-prefixer(dropdown-width))};\n}\n","import { Component, ComponentInterface, Prop, Method, Element, Watch, h, Fragment, Listen } from '@stencil/core';\nimport {\n handleAriaLabel,\n handleRenamedProp,\n isEventFromElement,\n loc,\n overrideFocus,\n waitForNextPaint,\n} from 'src/utils';\n\n@Component({ tag: 'q2-dropdown', shadow: true, styleUrl: 'q2-dropdown.scss' })\nexport class Q2Dropdown implements ComponentInterface {\n // #region Own Properties\n\n controlElement?: HTMLQ2BtnElement;\n dropdownItemSelector: string = 'q2-dropdown-item:not([disabled]):not([separator])';\n popoverElement?: HTMLQ2PopoverElement;\n\n // #endregion\n // #region Host HTML Element\n\n @Element()\n hostElement: HTMLElement;\n\n // #endregion\n // #region Public Property API\n\n @Prop({ reflect: true })\n additionalContext: string;\n\n /** @deprecated /\n @Prop({ reflect: true })\n alignment: 'left' \| 'right';\n\n /* @deprecated /\n @Prop({ reflect: true, mutable: true })\n ariaLabel: string;\n\n /* If `true`, component expands to fill the width of its parent element. /\n @Prop({ reflect: true })\n block: boolean;\n\n /\n Tells the outlet what the type of object being passed in as contextValue.\n * This will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown.\n \n @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n context: string;\n\n /\n Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type).\n \n @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n contextValue: string;\n\n /* Indicates the menu cannot be focused or interacted with. /\n @Prop({ reflect: true })\n disabled: boolean;\n\n /\n Hide's the field's `<label>` element from view.\n * @warning\n * Only use when a visible label is impractical.\n /\n @Prop({ reflect: true, mutable: true })\n hideLabel: boolean;\n\n /* The icon that will render within the toggle button. You may use any of the `q2-icon` types. /\n @Prop({ reflect: true })\n icon: string;\n\n /\n The text that appears within the button.\n * @warning\n * This property should not be used if the `type` is `icon`.\n * @localizable\n /\n @Prop({ reflect: true, mutable: true })\n label: string;\n\n /\n Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`.\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n name: string;\n\n /* Determine whether the popover is open or closed. /\n @Prop({ reflect: true, mutable: true })\n open: boolean;\n\n /* @deprecated /\n @Prop({ reflect: true })\n popDirection: 'up' \| 'down';\n\n /* Aligns the popover dropdown to the left or right side of the input field. /\n @Prop({ mutable: true })\n popoverAlignment: 'left' \| 'right' = 'left'; // being used in dropdown.scss\n\n /\n Force the direction of the popover dropdown when it opens.\n * If no value is passed, the component will auto-detect the direction based on available space.\n /\n @Prop({ mutable: true })\n popoverDirection: 'up' \| 'down';\n\n /\n Force the maximum height of the popover. This value will be interpreted as pixels.\n * If no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space.\n /\n @Prop()\n popoverMaxHeight: number;\n\n /* @deprecated /\n @Prop()\n popoverMinHeight: number = 150;\n\n /\n Determines the display mode of the popover.\n \n Providing a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning.\n \n @info\n * This is a temporary solution to work around styling issues related to using fixed positioning for the popover\n * when nested inside of elements with transform properties. This will be removed once the popover API is available\n * for use.\n /\n @Prop({ mutable: true })\n popoverMode: 'legacy' = null;\n\n /\n Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context.\n * @info\n * Only applicable when using `<q2-dropdown>` for outlets.\n /\n @Prop({ reflect: true })\n resolvedType: string;\n\n /* The type of button used as the menu toggle.\n * @info\n * Type must be \"custom\" to use the custom button slot.\n /\n @Prop({ reflect: true })\n type: 'icon' \| 'fab' \| 'custom' \| 'primary' \| 'secondary' \| 'neutral' = 'icon';\n\n // #endregion\n // #region Component Lifecycle Events\n\n componentWillLoad() {\n this.popDirectionHandler();\n this.alignmentHandler();\n this.ariaLabelHandler();\n }\n\n componentDidLoad() {\n this.orchestrateResolvedMenuItems();\n overrideFocus(this.hostElement);\n }\n\n // #endregion\n // #region Listeners\n\n @Listen('focus')\n delegateFocus(event: FocusEvent) {\n if (!isEventFromElement(event, this.hostElement)) return;\n this.focusToggle();\n }\n\n @Listen('popoverStateChanged')\n popoverStateHandler({ detail: { open } }: CustomEvent<{ open: boolean }>) {\n if (this.open !== open) this.open = open;\n this.popoverElement?.scrollContainerTo({ top: 0 });\n }\n\n // #endregion\n // #region Public Methods API\n\n /\n Emulates clicking the dropdown `<button>` to hide the popover if it is showing.\n * @testOnly\n /\n @Method()\n async closePopover() {\n if (!this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n /\n Emulates clicking the dropdown `<button>` to show the popover if it is hidden.\n * @testOnly\n /\n @Method()\n async openPopover() {\n if (this.open \|\| this.disabled) return;\n this._togglePopover();\n }\n\n /\n Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/).\n \n If the dropdown is closed, this will open it before selecting the item.\n \n If the value does not match any item's value, this method does nothing.\n * @testOnly\n /\n @Method()\n async selectItem(value: string) {\n const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}[value=\"${value}\"]`\n );\n const itemBtn = item?.shadowRoot.querySelector<HTMLButtonElement>('.dropdown-item');\n if (!item \|\| this.disabled) return;\n if (!this.open) {\n this.controlElement?.click();\n await waitForNextPaint();\n }\n itemBtn.click();\n await waitForNextPaint();\n }\n\n /\n Emulates opening the dropdown and selecting a [Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/)'s remove button.\n \n If the dropdown is closed, this will open it before selecting the remove item button.\n \n Requirements for this method to work properly:\n * - Provided `value` matches the item's `value` property\n * - Item has the `removable` property enabled\n * @testOnly\n */\n @Method()\n async selectRemoveItem(value: string) {\n const item = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}[value=\"${value}\"]`\n );\n const removeButton = item?.shadowRoot.querySelector<HTMLButtonElement>('.remove-dropdown-item');\n if (!item \|\| !removeButton \|\| this.disabled) return;\n if (!this.open) {\n this.controlElement?.click();\n await waitForNextPaint();\n }\n removeButton.click();\n await waitForNextPaint();\n }\n\n // #endregion\n // #region Watchers\n\n @Watch('additionalContext')\n additionalContextHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('alignment')\n alignmentHandler() {\n handleRenamedProp(this, 'alignment', 'popoverAlignment');\n }\n\n @Watch('ariaLabel')\n ariaLabelHandler() {\n handleAriaLabel(this);\n }\n\n @Watch('context')\n contextHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('contextValue')\n contextValueHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('name')\n nameHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n @Watch('popDirection')\n popDirectionHandler() {\n handleRenamedProp(this, 'popDirection', 'popoverDirection');\n }\n\n @Watch('resolvedType')\n resolvedTypeHandler() {\n this.orchestrateResolvedMenuItems();\n }\n\n // #endregion\n // #region Local Methods\n\n get determineDropdownItemCount() {\n return this.hostElement.querySelectorAll(this.dropdownItemSelector).length;\n }\n\n get hasCustomControl() {\n return !!this.hostElement.querySelector('[slot=control]');\n }\n\n get toggleButtonProps() {\n const allowedIntents = ['primary', 'secondary', 'neutral'];\n const allowedTypes = ['icon', 'fab', 'custom', ...allowedIntents];\n const type = allowedTypes.includes(this.type) ? this.type : '';\n const icon = type === 'icon';\n const fab = type === 'fab';\n const custom = type === 'custom';\n let intent;\n if (allowedIntents.includes(type)) {\n intent = type === 'neutral' ? type : `workflow-${type}`;\n }\n const active = this.open;\n const disabled = !!this.disabled;\n const ariaExpanded = this.open;\n const className = !icon && !fab && !intent ? 'unstyled' : '';\n\n return {\n icon,\n fab,\n intent,\n active,\n disabled,\n ariaExpanded,\n className,\n custom,\n };\n }\n\n _togglePopover() {\n const { controlElement } = this;\n if (!controlElement) return;\n controlElement.click();\n controlElement.focus();\n controlElement.dispatchEvent(new FocusEvent('focus'));\n }\n\n closeDropdown = () => {\n if (!this.open) return;\n this.open = false;\n };\n\n focusAdjacentItem(activeItem: HTMLQ2DropdownItemElement, direction: 'next' \| 'prev') {\n const dropdownItems: HTMLQ2DropdownItemElement[] = Array.from(\n this.hostElement.querySelectorAll(this.dropdownItemSelector)\n );\n\n const activeIndex = dropdownItems.indexOf(activeItem);\n\n if (activeIndex === -1) {\n return;\n }\n\n let targetIndex: number = 0;\n if (direction === 'next') {\n targetIndex = activeIndex < dropdownItems.length - 1 ? activeIndex + 1 : 0;\n } else if (direction === 'prev') {\n if (activeIndex > 0) {\n targetIndex = activeIndex - 1;\n } else {\n targetIndex = dropdownItems.length - 1;\n }\n }\n const targetItem = dropdownItems[targetIndex];\n targetItem && targetItem.dispatchEvent(new Event('focus'));\n }\n\n focusFirstItem = async () => {\n const firstItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}:first-child`\n );\n if (!firstItem) return;\n await waitForNextPaint();\n firstItem.dispatchEvent(new FocusEvent('focus'));\n };\n\n focusLastItem = async () => {\n const lastItem = this.hostElement.querySelector<HTMLQ2DropdownItemElement>(\n `${this.dropdownItemSelector}:last-child`\n );\n if (!lastItem) return;\n await waitForNextPaint();\n lastItem.dispatchEvent(new FocusEvent('focus'));\n };\n\n focusToggle = () => {\n this.controlElement.focus();\n };\n\n onClickElsewhere = (event: CustomEvent) => {\n const target = event.target as HTMLClickElsewhereElement;\n if (target.localName === 'click-elsewhere') {\n event.stopPropagation();\n const { popoverElement } = this;\n if (!popoverElement) return;\n popoverElement.open = false;\n }\n };\n\n onDropdownMenuClick = async (event: MouseEvent \| CustomEvent) => {\n const item = event.target as HTMLQ2DropdownItemElement;\n if (item.disabled \|\| item.separator) return;\n this.closeDropdown();\n await waitForNextPaint();\n this.focusToggle();\n };\n\n onDropdownMenuKeydown = (event: KeyboardEvent) => {\n const item = event.target as HTMLQ2DropdownItemElement;\n switch (event.key) {\n case 'Escape':\n this.closeDropdown();\n this.focusToggle();\n break;\n\n case 'Tab':\n this.closeDropdown();\n break;\n\n case 'ArrowUp':\n event.preventDefault();\n this.focusAdjacentItem(item, 'prev');\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n this.focusAdjacentItem(item, 'next');\n break;\n\n default:\n break;\n }\n };\n\n onToggleClick = () => {\n this.popoverElement.controlElement = this.controlElement;\n if (this.open) {\n this.closeDropdown();\n } else {\n this.openDropdown();\n }\n };\n\n onToggleKeydown = async (event: KeyboardEvent) => {\n this.popoverElement.controlElement = this.controlElement;\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n this.openDropdown();\n await waitForNextPaint();\n this.focusLastItem();\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n this.openDropdown();\n await waitForNextPaint();\n this.focusFirstItem();\n return;\n\n case 'Escape':\n event.preventDefault();\n this.closeDropdown();\n break;\n\n case 'Tab':\n if (this.open) this.closeDropdown();\n break;\n\n default:\n break;\n }\n };\n\n openDropdown = () => {\n if (this.open) return;\n this.open = true;\n };\n\n orchestrateResolvedMenuItems() {\n if (!this.name \|\| !this.context) {\n // this is only for contextual menu outlets\n this.removeResolvedElements();\n return;\n }\n\n this.resolveMenuItemElements()\n .then(data => {\n this.removeResolvedElements();\n data.forEach(element => {\n this.hostElement.appendChild(element);\n });\n })\n .catch(err => {\n this.removeResolvedElements();\n throw err;\n });\n }\n\n removeResolvedElements() {\n const resolvedElements = this.hostElement.querySelectorAll('q2-dropdown-item.resolved-menu-item');\n resolvedElements.forEach(element => this.hostElement.removeChild(element));\n }\n\n resolveMenu() {\n return (\n this.name &&\n window.TectonElements &&\n window.TectonElements.resolveMenu(this.name, this.contextValue, this.resolvedType, this.additionalContext)\n );\n }\n\n resolveMenuItemElements() {\n return this.resolveMenu().then(datas => {\n return datas.map(menuItemData => {\n let onClickFn;\n let queryParams;\n if (menuItemData['tct-ctxid']) {\n queryParams = {};\n queryParams[menuItemData.contextIdParamName] = menuItemData['tct-ctxid'];\n }\n\n switch (menuItemData.action) {\n case 'navigateTo':\n onClickFn = function () {\n return window.TectonElements?.navigateTo?.(\n menuItemData.featureName,\n menuItemData.moduleName,\n queryParams\n );\n };\n break;\n case 'showOverpanel':\n onClickFn = function () {\n return window.TectonElements?.showOverpanel?.(\n `${menuItemData.featureName}.${menuItemData.moduleName}`,\n queryParams,\n undefined,\n true\n );\n };\n break;\n }\n\n const newDropdownItem = document.createElement('q2-dropdown-item');\n newDropdownItem.setAttribute('value', menuItemData.itemLabel);\n newDropdownItem.classList.add('resolved-menu-item');\n newDropdownItem.textContent = menuItemData.itemLabel;\n newDropdownItem.onclick = onClickFn;\n\n return newDropdownItem;\n });\n });\n }\n\n // #endregion\n // #region Render Methods\n\n render() {\n const btnProps = this.toggleButtonProps;\n\n return (\n <click-elsewhere\n class={this.open ? 'dropdown-open' : ''}\n onChange={this.onClickElsewhere}\n test-id=\"dropdownContainer\"\n >\n <q2-btn\n ref={el => (this.controlElement = el)}\n class={btnProps.className}\n onClick={this.onToggleClick}\n onKeyDown={this.onToggleKeydown}\n fab={btnProps.fab}\n intent={btnProps.intent}\n active={btnProps.active}\n disabled={btnProps.disabled}\n ariaExpanded={`${!!btnProps.ariaExpanded}`}\n label={this.hideLabel && this.label ? loc(this.label) : undefined}\n hideLabel={this.hideLabel}\n ariaHasPopup=\"menu\"\n test-id=\"dropdownButton\"\n block={this.block}\n description={loc('tecton.element.dropdown.itemCount', [this.determineDropdownItemCount])}\n >\n {this.hasCustomControl ? (\n <div\n test-id=\"dropdownControl\"\n class={btnProps.custom ? '' : 'hidden'}\n >\n <slot name=\"control\" />\n </div>\n ) : (\n <Fragment>\n {this.icon ? <q2-icon type={this.icon} /> : ' '}\n {this.label && !this.hideLabel && (\n <span class=\"dropdown-button-text\">{loc(this.label)}</span>\n )}\n </Fragment>\n )}\n </q2-btn>\n <q2-popover\n ref={el => (this.popoverElement = el)}\n controlElement={this.controlElement}\n open={this.open}\n max-height={this.popoverMaxHeight}\n minHeight={this.popoverMinHeight}\n direction={this.popoverDirection}\n align={this.popoverAlignment}\n mode={this.popoverMode \|\| undefined}\n block={this.block}\n >\n <div\n onClick={this.onDropdownMenuClick}\n onKeyDown={this.onDropdownMenuKeydown}\n role=\"menu\"\n aria-label={loc(this.label) \|\| undefined}\n >\n <slot />\n </div>\n </q2-popover>\n </click-elsewhere>\n );\n }\n\n // #endregion\n}\n"],"mappings":"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"}

package/dist/q2-tecton-elements/{p-4774e5b3.entry.js → p-e0a617fd.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r,h as t}from"./p-a5f18e27.js";const e="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.currency{color:var(--tct-currency-color, inherit);font-size:var(--tct-currency-font-size, inherit);font-weight:var(--tct-currency-font-weight, inherit)}.currency-small{color:var(--tct-currency-small-color, inherit);font-size:var(--tct-currency-small-font-size, 24px);font-weight:var(--tct-currency-small-font-weight, 600)}.currency-small .superscript{vertical-align:super;color:var(--tct-currency-small-superscript-color, inherit);font-size:var(--tct-currency-small-superscript-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-currency-small-superscript-font-weight, 700)}.currency-medium{color:var(--tct-currency-medium-color, inherit);font-size:var(--tct-currency-medium-font-size, 42px);font-weight:var(--tct-currency-medium-font-weight, 600)}.currency-medium .superscript{vertical-align:super;color:var(--tct-currency-medium-superscript-color, inherit);font-size:var(--tct-currency-medium-superscript-font-size, 16px);font-weight:var(--tct-currency-medium-superscript-font-weight, 700)}.currency-large{color:var(--tct-currency-large-color, inherit);font-size:var(--tct-currency-large-font-size, 70px);font-weight:var(--tct-currency-large-font-weight, 700)}.currency-large .superscript{vertical-align:super;color:var(--tct-currency-large-superscript-color, inherit);font-size:var(--tct-currency-large-superscript-font-size, 28px);font-weight:var(--tct-currency-large-superscript-font-weight, 800)}";const s=e;const i=class{constructor(t){r(this,t);this.amount=undefined;this.currency="USD";this.locale=document.documentElement.lang||"en-US";this.signDisplay="auto";this.size=undefined;this.slotSize=undefined}componentWillLoad(){this.formatCurrency()}propsUpdated(){this.formatCurrency()}get amountCore(){const{formattedParts:r,shouldSuperscriptFraction:t}=this;let e="";for(const t of r){if(t.type==="integer"||t.type==="decimal"||t.type==="group"||t.type==="literal"){e+=t.value}}if(t&&e[e.length-1]===".")e=e.slice(0,-1);e=e.trimEnd();return e}get currencyClasses(){const r=["currency"];const t=this.size?this.size:this.slotSize;if(!!t)r.push(`currency-${t}`);return r.join(" ")}get currencyIsFront(){const r=this.formattedParts.findIndex((r=>r.type==="currency"));if(r===0||r===1)return true;return false}get currencySymbol(){const{formattedParts:r,currencyIsFront:t}=this;const e=r.findIndex((r=>r.type==="currency"));const s=r[e].value;return t?s:" "+s}get fraction(){const{formattedParts:r}=this;const t=r.find((r=>r.type==="fraction"));if(!t)return;return t.value}get hasPlusMinusSign(){return this.formattedParts.some((r=>r.type==="minusSign"||r.type==="plusSign"))}get plusMinusSign(){const{formattedParts:r,hasPlusMinusSign:t}=this;if(!t)return;const e=r.find((r=>r.type==="minusSign"||r.type==="plusSign"));return e.value}get shouldSuperscriptFraction(){const r=this.formattedParts.findIndex((r=>r.type==="fraction"));const t=this.formattedParts[r-1].value===",";if(t||!this.currencyIsFront||this.sizeValue==="small"||!this.sizeProvided)return false;return true}get shouldSuperscriptSymbol(){if(!this.currencyIsFront||this.sizeProvided)return true;return false}get sizeProvided(){return!!this.size||!!this.slotSize}get sizeValue(){return this.size?this.size:this.slotSize}formatCurrency(){const r=new Intl.NumberFormat(this.locale,{style:"currency",currency:this.currency,signDisplay:this.signDisplay});this.formattedParts=r.formatToParts(this.amount);this.readableCurrency=r.format(this.amount)}render(){const{hasPlusMinusSign:r,plusMinusSign:e,currencyIsFront:s,currencySymbol:i,shouldSuperscriptSymbol:n,amountCore:c,fraction:o,shouldSuperscriptFraction:a,readableCurrency:u,currencyClasses:p}=this;return t("div",{key:"d921c89c1a7cc2b8cc768f828a68794b81ea896e",class:p,"aria-label":u},r&&t("span",{key:"042f4f077827825dc9a59fd88770bd92758e4a1d"},e),s&&t("span",{key:"1a383dd810cdf6e4e8c7f2b0c3cb823ea27a30d5",class:n?"superscript":""},i),t("span",{key:"2c2892e40610254844efcfff6dae56699a94beff"},c),t("span",{key:"1c4cea0da09310e0d252a82e66dbd6473ef2b9f5",class:a?"superscript":""},o),!s&&t("span",{key:"0f54a283e8979f4fe276a1c1a4202eff4bdb3673",class:n?"superscript":""},i))}static get watchers(){return{amount:["propsUpdated"],currency:["propsUpdated"],locale:["propsUpdated"],size:["propsUpdated"],slotSize:["propsUpdated"],signDisplay:["propsUpdated"]}}};i.style=s;export{i as q2_currency};
-//# sourceMappingURL=p-4774e5b3.entry.js.map
+import{r,h as t}from"./p-a5f18e27.js";const e="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.currency{color:var(--tct-currency-color, inherit);font-size:var(--tct-currency-font-size, inherit);font-weight:var(--tct-currency-font-weight, inherit)}.currency-small{color:var(--tct-currency-small-color, inherit);font-size:var(--tct-currency-small-font-size, 24px);font-weight:var(--tct-currency-small-font-weight, 600)}.currency-small .superscript{vertical-align:super;color:var(--tct-currency-small-superscript-color, inherit);font-size:var(--tct-currency-small-superscript-font-size, var(--app-font-size-small, 12px));font-weight:var(--tct-currency-small-superscript-font-weight, 700)}.currency-medium{color:var(--tct-currency-medium-color, inherit);font-size:var(--tct-currency-medium-font-size, 42px);font-weight:var(--tct-currency-medium-font-weight, 600)}.currency-medium .superscript{vertical-align:super;color:var(--tct-currency-medium-superscript-color, inherit);font-size:var(--tct-currency-medium-superscript-font-size, 16px);font-weight:var(--tct-currency-medium-superscript-font-weight, 700)}.currency-large{color:var(--tct-currency-large-color, inherit);font-size:var(--tct-currency-large-font-size, 70px);font-weight:var(--tct-currency-large-font-weight, 700)}.currency-large .superscript{vertical-align:super;color:var(--tct-currency-large-superscript-color, inherit);font-size:var(--tct-currency-large-superscript-font-size, 28px);font-weight:var(--tct-currency-large-superscript-font-weight, 800)}";const s=e;const i=class{constructor(t){r(this,t);this.amount=undefined;this.currency="USD";this.locale=document.documentElement.lang||"en-US";this.signDisplay="auto";this.size=undefined;this.slotSize=undefined}componentWillLoad(){this.formatCurrency()}propsUpdated(){this.formatCurrency()}get amountCore(){const{formattedParts:r,shouldSuperscriptFraction:t}=this;let e="";for(const t of r){if(t.type==="integer"||t.type==="decimal"||t.type==="group"||t.type==="literal"){e+=t.value}}if(t&&e[e.length-1]===".")e=e.slice(0,-1);e=e.trimEnd();return e}get currencyClasses(){const r=["currency"];const t=this.size?this.size:this.slotSize;if(!!t)r.push(`currency-${t}`);return r.join(" ")}get currencyIsFront(){const r=this.formattedParts.findIndex((r=>r.type==="currency"));if(r===0||r===1)return true;return false}get currencySymbol(){const{formattedParts:r,currencyIsFront:t}=this;const e=r.findIndex((r=>r.type==="currency"));const s=r[e].value;return t?s:" "+s}get fraction(){const{formattedParts:r}=this;const t=r.find((r=>r.type==="fraction"));if(!t)return;return t.value}get hasPlusMinusSign(){return this.formattedParts.some((r=>r.type==="minusSign"||r.type==="plusSign"))}get plusMinusSign(){const{formattedParts:r,hasPlusMinusSign:t}=this;if(!t)return;const e=r.find((r=>r.type==="minusSign"||r.type==="plusSign"));return e.value}get shouldSuperscriptFraction(){const r=this.formattedParts.findIndex((r=>r.type==="fraction"));const t=this.formattedParts[r-1].value===",";if(t||!this.currencyIsFront||this.sizeValue==="small"||!this.sizeProvided)return false;return true}get shouldSuperscriptSymbol(){if(!this.currencyIsFront||this.sizeProvided)return true;return false}get sizeProvided(){return!!this.size||!!this.slotSize}get sizeValue(){return this.size?this.size:this.slotSize}formatCurrency(){const r=new Intl.NumberFormat(this.locale,{style:"currency",currency:this.currency,signDisplay:this.signDisplay});this.formattedParts=r.formatToParts(this.amount);this.readableCurrency=r.format(this.amount)}render(){const{hasPlusMinusSign:r,plusMinusSign:e,currencyIsFront:s,currencySymbol:i,shouldSuperscriptSymbol:n,amountCore:c,fraction:o,shouldSuperscriptFraction:a,readableCurrency:u,currencyClasses:p}=this;return t("div",{key:"a2559c41121977bb8b0031e6d2a6af4f05ba2aaa",class:p,"aria-label":u},r&&t("span",{key:"bda886f79e14fe0aa24a8c190789a88b14b7bae6"},e),s&&t("span",{key:"953a15863f65b5b4ec6a06ca710029e72751aada",class:n?"superscript":""},i),t("span",{key:"2952e4f6b23294d494a875d9f51f80697338557f"},c),t("span",{key:"ac5a927a4d1aad7ceff9d3d8aee72ebd65ebc202",class:a?"superscript":""},o),!s&&t("span",{key:"a4dab9acf37de2bf9ab55378cde352e50f5eb440",class:n?"superscript":""},i))}static get watchers(){return{amount:["propsUpdated"],currency:["propsUpdated"],locale:["propsUpdated"],size:["propsUpdated"],slotSize:["propsUpdated"],signDisplay:["propsUpdated"]}}};i.style=s;export{i as q2_currency};
+//# sourceMappingURL=p-e0a617fd.entry.js.map

package/dist/q2-tecton-elements/{p-ff8f1a32.entry.js → p-ebc71f10.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i}from"./p-a5f18e27.js";const n="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}ul{list-style:none;padding:0;margin:0}.item-button{align-items:center;background-color:transparent;border:none;column-gap:var(--tct-legend-item-gap, var(--app-scale-2x, 10px));display:flex;height:var(--tct-legend-item-height, var(--app-scale-9x, 45px));opacity:1;padding-block:0;padding-inline:var(--tct-legend-item-padding-inline, var(--app-scale-2x, 10px));transition:opacity var(--app-tween-1, 0.2s ease);width:100%}.item-button:hover{cursor:pointer}.item-button-faded>*{opacity:var(--tct-legend-item-opacity-faded, var(--app-disabled-opacity, 0.4))}.item-color-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px));width:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px))}.item-name{color:var(--tct-legend-item-name-font-color, var(--t-text, #4d4d4d));display:inline-block;flex-grow:1;font-size:var(--tct-legend-item-name-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-name-font-weight, 600);line-height:var(--tct-legend-item-name-line-height, var(--app-line-height, 1.428571429em));text-align:left}.item-value{color:var(--tct-legend-item-value-font-color, var(--t-text, #4d4d4d));display:inline-block;flex-grow:1;font-size:var(--tct-legend-item-value-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-value-font-weight, 400);line-height:var(--tct-legend-item-value-line-height, var(--app-line-height, 1.428571429em));text-align:right}";const s=n;const a=class{constructor(i){t(this,i);this.click=e(this,"click",7);this.mouseenter=e(this,"mouseenter",7);this.mouseleave=e(this,"mouseleave",7);this.hoveredItemIndex=-1;this.selectedItemIndex=-1;this.data=[];this.format="default";this.hoveredItemId=null;this.selectedItemId=null}componentWillLoad(){this.watchHoveredItemId(this.hoveredItemId);this.watchSelectedItemId(this.selectedItemId)}watchHoveredItemId(t){const e=this.getDataIndexForId(t);this.hoveredItemIndex=e}watchSelectedItemId(t){const e=this.getDataIndexForId(t);this.selectedItemIndex=e}get dataWithClasses(){return this.data.map(((t,e)=>Object.assign(Object.assign({},t),{classes:{"item-button":true,"item-button-faded":this.isItemButtonFaded(e),"item-button-selected":this.isItemButtonSelected(e)}})))}formatValue(t){const e=parseFloat(t.toString());if(this.format==="currency"){return Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e)}return Intl.NumberFormat("en-US").format(e)}getDataIndexForId(t){const e=this.data.findIndex((e=>e.id===t));return e>=0?e:-1}isItemButtonFaded(t){if(this.isItemButtonSelected(t)||t==this.hoveredItemIndex)return false;if(this.selectedItemIndex>=0&&this.hoveredItemIndex===-1)return true;return this.hoveredItemIndex>=0&&t!==this.hoveredItemIndex}isItemButtonSelected(t){return t===this.selectedItemIndex}onClick(t,e){t.stopPropagation();const i=this.getDataIndexForId(e.id);if(this.selectedItemIndex===i){this.selectedItemIndex=-1;if(t.detail===0){this.hoveredItemIndex=-1}else{this.hoveredItemIndex=i}this.click.emit(null);return}this.selectedItemIndex=i;this.click.emit(this.data[i])}onClickElsewhere(t){t.selectedItemIndex=-1}onMouseEnter(t,e){t.stopPropagation();const i=this.getDataIndexForId(e.id);this.hoveredItemIndex=i;this.mouseenter.emit(this.data[i])}onMouseLeave(t,e){t.stopPropagation();const i=this.getDataIndexForId(e.id);this.hoveredItemIndex=-1;this.mouseleave.emit(this.data[i])}render(){return i("click-elsewhere",{key:"14c2b27428cc8a8e95bf8df62aac0c235bd65606",onChange:()=>this.onClickElsewhere(this)},i("ul",{key:"b597b625d0abb353d7752a9ca6ccedc9dc4eea6a"},this.dataWithClasses.map((t=>i("li",{class:"item"},i("button",{"test-id":"item","aria-label":`${t.name} ${this.formatValue(t.value)}`,class:t.classes,onClick:e=>this.onClick(e,t),onMouseEnter:e=>this.onMouseEnter(e,t),onMouseLeave:e=>this.onMouseLeave(e,t)},i("span",{"test-id":"itemColor",class:"item-color-indicator",style:{backgroundColor:t.color},"aria-hidden":"true"}),i("span",{"test-id":"itemName",class:"item-name"},t.name),i("span",{id:`item-${t.id}`,"test-id":"itemValue",class:"item-value"},this.formatValue(t.value))))))))}static get watchers(){return{hoveredItemId:["watchHoveredItemId"],selectedItemId:["watchSelectedItemId"]}}};a.style=s;export{a as q2_legend};
-//# sourceMappingURL=p-ff8f1a32.entry.js.map
+import{r as t,c as e,h as i}from"./p-a5f18e27.js";const n="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block}ul{list-style:none;padding:0;margin:0}.item-button{align-items:center;background-color:transparent;border:none;column-gap:var(--tct-legend-item-gap, var(--app-scale-2x, 10px));display:flex;height:var(--tct-legend-item-height, var(--app-scale-9x, 45px));opacity:1;padding-block:0;padding-inline:var(--tct-legend-item-padding-inline, var(--app-scale-2x, 10px));transition:opacity var(--app-tween-1, 0.2s ease);width:100%}.item-button:hover{cursor:pointer}.item-button-faded>*{opacity:var(--tct-legend-item-opacity-faded, var(--app-disabled-opacity, 0.4))}.item-color-indicator{border-radius:50%;display:inline-block;flex-shrink:0;height:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px));width:var(--tct-legend-item-color-indicator-size, var(--app-scale-3x, 15px))}.item-name{color:var(--tct-legend-item-name-font-color, var(--t-text, #4d4d4d));display:inline-block;flex-grow:1;font-size:var(--tct-legend-item-name-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-name-font-weight, 600);line-height:var(--tct-legend-item-name-line-height, var(--app-line-height, 1.428571429em));text-align:left}.item-value{color:var(--tct-legend-item-value-font-color, var(--t-text, #4d4d4d));display:inline-block;flex-grow:1;font-size:var(--tct-legend-item-value-font-size, var(--app-font-size, 14px));font-weight:var(--tct-legend-item-value-font-weight, 400);line-height:var(--tct-legend-item-value-line-height, var(--app-line-height, 1.428571429em));text-align:right}";const s=n;const a=class{constructor(i){t(this,i);this.click=e(this,"click",7);this.mouseenter=e(this,"mouseenter",7);this.mouseleave=e(this,"mouseleave",7);this.hoveredItemIndex=-1;this.selectedItemIndex=-1;this.data=[];this.format="default";this.hoveredItemId=null;this.selectedItemId=null}componentWillLoad(){this.watchHoveredItemId(this.hoveredItemId);this.watchSelectedItemId(this.selectedItemId)}watchHoveredItemId(t){const e=this.getDataIndexForId(t);this.hoveredItemIndex=e}watchSelectedItemId(t){const e=this.getDataIndexForId(t);this.selectedItemIndex=e}get dataWithClasses(){return this.data.map(((t,e)=>Object.assign(Object.assign({},t),{classes:{"item-button":true,"item-button-faded":this.isItemButtonFaded(e),"item-button-selected":this.isItemButtonSelected(e)}})))}formatValue(t){const e=parseFloat(t.toString());if(this.format==="currency"){return Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(e)}return Intl.NumberFormat("en-US").format(e)}getDataIndexForId(t){const e=this.data.findIndex((e=>e.id===t));return e>=0?e:-1}isItemButtonFaded(t){if(this.isItemButtonSelected(t)||t==this.hoveredItemIndex)return false;if(this.selectedItemIndex>=0&&this.hoveredItemIndex===-1)return true;return this.hoveredItemIndex>=0&&t!==this.hoveredItemIndex}isItemButtonSelected(t){return t===this.selectedItemIndex}onClick(t,e){t.stopPropagation();const i=this.getDataIndexForId(e.id);if(this.selectedItemIndex===i){this.selectedItemIndex=-1;if(t.detail===0){this.hoveredItemIndex=-1}else{this.hoveredItemIndex=i}this.click.emit(null);return}this.selectedItemIndex=i;this.click.emit(this.data[i])}onClickElsewhere(t){t.selectedItemIndex=-1}onMouseEnter(t,e){t.stopPropagation();const i=this.getDataIndexForId(e.id);this.hoveredItemIndex=i;this.mouseenter.emit(this.data[i])}onMouseLeave(t,e){t.stopPropagation();const i=this.getDataIndexForId(e.id);this.hoveredItemIndex=-1;this.mouseleave.emit(this.data[i])}render(){return i("click-elsewhere",{key:"cb6654da5f1dd9842af592037b0f5f45d54568c2",onChange:()=>this.onClickElsewhere(this)},i("ul",{key:"16b9b24cb7e11ec4b06da10f2a6f684c5724f6a5"},this.dataWithClasses.map((t=>i("li",{class:"item"},i("button",{"test-id":"item","aria-label":`${t.name} ${this.formatValue(t.value)}`,class:t.classes,onClick:e=>this.onClick(e,t),onMouseEnter:e=>this.onMouseEnter(e,t),onMouseLeave:e=>this.onMouseLeave(e,t)},i("span",{"test-id":"itemColor",class:"item-color-indicator",style:{backgroundColor:t.color},"aria-hidden":"true"}),i("span",{"test-id":"itemName",class:"item-name"},t.name),i("span",{id:`item-${t.id}`,"test-id":"itemValue",class:"item-value"},this.formatValue(t.value))))))))}static get watchers(){return{hoveredItemId:["watchHoveredItemId"],selectedItemId:["watchSelectedItemId"]}}};a.style=s;export{a as q2_legend};
+//# sourceMappingURL=p-ebc71f10.entry.js.map

package/dist/q2-tecton-elements/{p-a5d0e252.entry.js → p-eef77a94.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,H as i,g as n}from"./p-a5f18e27.js";import{n as o,l as h,o as a,i as c,w as r,v as l}from"./p-15ac45d6.js";function f(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const d="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}";const p=d;const u=class{constructor(s){t(this,s);this.change=e(this,"change",7);this.popoverState=e(this,"popoverState",7);this.ready=e(this,"ready",3);this.keyStore={queue:[],lastPressedAt:new Date};this.scheduledAfterRender=[];this.clickHandler=t=>{const e=t.target;const s=e.closest("q2-option");this.selectOption(s);if(this.multiple)return;this.popoverState.emit({open:false,action:"select"})};this.externalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:e,customSearch:s,allOptions:i}=this;const{key:n}=t;let h;switch(n){case" ":if(this.searchString){if(s)break;this.searchOptions(n,true);break}else if(this.type==="menu"){this.activeIndex=0;this.openDropdownWithActiveElement(0)}else{this.setDefaultActiveElement();o((()=>this.popoverState.emit({open:true,action:"open"})))}break;case"Enter":if(this.type==="menu"){this.activeIndex=0;this.openDropdownWithActiveElement(0)}else{this.setDefaultActiveElement();o((()=>this.popoverState.emit({open:true,action:"open"})))}break;case"ArrowUp":t.preventDefault();h=!!this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(-1);if(h===-1)break;this.openDropdownWithActiveElement(h);break;case"ArrowDown":t.preventDefault();h=!!this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(1);if(h===-1)break;this.openDropdownWithActiveElement(h);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((e||0)-10,0));break;case"PageDown":t.preventDefault();this.openDropdownWithActiveElement(Math.min((e||0)+10,i.length-1));break;case"Tab":this.popoverState.emit({open:false,action:"close"});break;case"Esc":case"Escape":if(this.noSelect)this.setActiveElement(null);this.popoverState.emit({open:false,action:"close"});break;default:if(s)break;if(!n.match(/^[\w]$/))break;this.searchOptions(n,true);break}};this.focusoutHandler=t=>{const{relatedTarget:e}=t;const s=this.allOptions.includes(e);const i=!s&&this.hostElement.contains(e);if(s||i){t.stopPropagation()}};this.internalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:e,customSearch:s,allOptions:i,allVisibleOptions:n,multiple:o}=this;const{key:h,shiftKey:a}=t;let c;switch(h){case" ":if(this.searchString&&!this.multiple){if(s)break;this.searchOptions(h,false);break}t.preventDefault();c=i.find((t=>t.active));if(!c||c.disabled)break;this.selectOption(c);if(o)break;this.popoverState.emit({open:false,action:"select"});break;case"Enter":t.preventDefault();c=i.find((t=>t.active));if(!c||c.disabled)break;this.selectOption(c);if(o)break;this.popoverState.emit({open:false,action:"select"});break;case"ArrowUp":t.preventDefault();const r=n[0].active;if(r)break;if(e===undefined){this.setDefaultActiveElement();break}else{const t=this.getNextVisibleIndex(-1);if(t===-1)break;this.adjustActiveOptionAndScroll(t-e);break}case"ArrowDown":t.preventDefault();const l=n[n.length-1].active;if(l)break;if(e===undefined){this.setDefaultActiveElement();break}else{const t=this.getNextVisibleIndex(1);if(t===-1)break;this.adjustActiveOptionAndScroll(t-e);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(e-10,0));break;case"PageDown":t.preventDefault();this.openDropdownWithActiveElement(Math.min(e+10,i.length-1));break;case"Tab":if(a)break;if(this.multiple&&this.type==="listbox")break;if(this.type==="menu"){this.popoverState.emit({open:false,action:"close"});break}c=i.find((t=>t.active));if(!c||c.disabled)return;this.selectOption(c);break;case"Esc":case"Escape":if(this.noSelect)this.setActiveElement(null);this.popoverState.emit({open:false,action:"close"});break;default:if(s)break;if(!h.match(/^[\w]$/))break;this.searchOptions(h,false);break}};this.searchAndFocus=(t,e)=>{const s=()=>{this.pivotIndex=this.pivotIndex===undefined?0:(this.activeIndex||0)+1;const t=this.allOptions.map(((t,e)=>({element:t,index:e})));return[...t.slice(this.pivotIndex),...t.slice(0,this.pivotIndex)]};const i=()=>{const e=new Date;if(e.getTime()-this.keyStore.lastPressedAt.getTime()>1e3){this.keyStore.queue.length=0}if(this.keyStore.queue.length!==1||this.keyStore.queue[0]!==t){this.keyStore.queue.push(t)}this.keyStore.lastPressedAt=e};const n=t=>{const e=this.keyStore.queue.join("");const s=f(e);return t.find((t=>!t.element.disabled&&t.element.display&&(t.element.display.match(new RegExp(`^${s}`,"i"))||t.element.display.replace(/\s/g,"").match(new RegExp(`^${s}`,"i")))))};const o=({index:t})=>{if(this.multiple){this.openDropdownWithActiveElement(t)}else{this.activeIndex=t;if(e){this.selectOption(this.allOptions[t]);this.popoverState.emit({open:false,action:"select"})}else this.setActiveElement(t)}};i();const h=n(s());if(h){o(h)}};this.hasOptions=undefined;this.align=undefined;this.customSearch=undefined;this.disabled=undefined;this.label=h("tecton.element.optionList.label");this.multiple=undefined;this.noSelect=undefined;this.selectedOptions=[];this.showSelected=undefined;this.type="listbox"}componentWillLoad(){this.hasOptions=!!this.hostElement.querySelectorAll("q2-option").length}componentDidLoad(){a(this.hostElement);this.checkOptions();this.selectedOptionsUpdated();this.ready.emit()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}handleClick(t){t.stopPropagation()}delegateFocus(t){if(!c(t,this.hostElement))return;this.popoverState.emit({open:true,action:"open"});const{activeIndex:e}=this;if(typeof e==="number"&&e>-1){this.setActiveOption();this.setFocusedOption()}else{this.setDefaultActiveElement()}}async getContents(){return this.allContents}async getOptions(){return this.allOptions}async handleExternalKeydown(t){this.externalKeydownHandler(t)}async setActiveElement(t){this.activeIndex=t;this.setActiveOption();this.setFocusedOption()}async setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex();this.setActiveOption();this.setFocusedOption()}selectedOptionsUpdated(){if(this.multiple){this.updateMultipleOptionAttrs()}else{this.updateSingleOptionAttrs()}}showSelectedUpdated(t){if(t&&this.selectedOptions.length===0){this.showSelected=false;return}this.allOptions.forEach((e=>e._multiSelectHidden=t?!e.selected:false))}get allContents(){const t=this.getRootSlot(this.hostElement);const e=["Q2-OPTGROUP","Q2-OPTION"];return t.filter((t=>e.includes(t.tagName)))}get allOptions(){const t=this.allContents;const e=t=>t.reduce(((t,s)=>{if(s.tagName==="Q2-OPTGROUP"){return[...t,...e(Array.from(s.children))]}else if(s.tagName==="Q2-OPTION"){return[...t,s]}else{return t}}),[]);return e(t)}get allVisibleOptions(){return this.allOptions.filter((t=>!t.hidden&&!t._multiSelectHidden&&!t.disabled&&!t.disabledGroup))}adjustActiveOptionAndScroll(t){this.activeIndex+=t;this.setActiveOption();this.setFocusedOption();this.scrollToActiveOption()}async checkOptions(){const{type:t}=this;const e=await this.getOptions();if(!t)return;const s=t==="menu"?"menuitem":"option";e.forEach((t=>{t.role=s}))}focusSelectedSibling(t){const{allVisibleOptions:e,allOptions:s}=this;const i=e.length<2;if(i){this.showSelected=false;return}const n=e.indexOf(t);const o=n?n-1:n+1;const h=e[o];const a=s.indexOf(h);this.activeIndex=a;this.setFocusedOption();this.scheduledAfterRender.push((()=>{t._multiSelectHidden=!t.selected}))}getDefaultActiveIndex(){const{allOptions:t}=this;const e=t.findIndex((t=>t.selected));if(e>-1)return e;const s=t.findIndex((t=>!t.hidden));if(s>-1)return s;return 0}getNextVisibleIndex(t){const{allVisibleOptions:e,allOptions:s,activeIndex:i}=this;const n=s[i];const o=e.indexOf(n);let h=o+t;if(h<0){h=e.length-1}else if(h>e.length-1){h=0}const a=e[h];return s.indexOf(a)}getRootSlot(t){var e;const s=t.querySelector("slot");const i=(e=s===null||s===void 0?void 0:s.assignedElements())!==null&&e!==void 0?e:Array.from(t.children);const n=!!i.length&&i[0].tagName==="SLOT";if(n){return this.getRootSlot(i[0])}else{return i}}async openDropdownWithActiveElement(t){if(this.disabled)return;this.popoverState.emit({open:true,action:"open"});await r();this.activeIndex=t;this.setActiveOption();this.setFocusedOption();this.scrollToActiveOption()}resetTimer(){if(this.searchStringTimer){clearTimeout(this.searchStringTimer)}this.searchStringTimer=window.setTimeout((()=>{this.searchString=null}),2e3)}scrollToActiveOption(){const t=this.allOptions[this.activeIndex];t===null||t===void 0?void 0:t.scrollIntoView({block:"center"})}searchOptions(t,e){this.searchString=t;this.searchAndFocus(t,e)}selectOption(t){const{multiple:e,noSelect:s,showSelected:i}=this;if(!t||t.disabled||t.disabledGroup)return;const n=t.value;const o={value:n,display:t.display||t.innerText.trim()};let h=[];if(e){const{selectedOptions:e}=this;const s=e.find((t=>t.value===n));if(s){h=e.filter((({value:t})=>t!==n))}else{h=[...e,o]}if(i)this.focusSelectedSibling(t)}else{h=[o]}if(s)this.setActiveElement(null);else this.selectedOptions=h;this.change.emit({value:n,values:h})}setActiveOption(){const t=this.activeIndex;this.allOptions.forEach(((e,s)=>{e.active=t===s}))}setFocusedOption(){const t=this.allOptions[this.activeIndex];if(!t)return;const e=l(t);if(e)t.focus();else o((()=>t.focus()))}updateMultipleOptionAttrs(){const{allOptions:t,selectedOptions:e}=this;const s=e.map((({value:t})=>t));t.forEach((t=>{t.selected=s.includes(t.value)}))}updateSingleOptionAttrs(){var t;const{allOptions:e,selectedOptions:s}=this;const i=((t=s[0])===null||t===void 0?void 0:t.value)||undefined;e.forEach((t=>{t.selected=t.value===i}))}render(){return s(i,{key:"221e3d11f55902cd286a6f69cb1c30ce4cc3cb1c"},s("div",{key:"5e08ad2fd5a1a773976285ad16f2e2ef6e2161be",class:"content",ref:t=>this.contentElement=t,onFocusout:this.focusoutHandler},s("div",{key:"537330008c139176aaa19ba997579e61f841fffb",class:"options","aria-label":h("tecton.element.optionList.label",[this.label]),"aria-multiselectable":`${!!this.multiple}`,role:this.type||"listbox",onKeyDown:this.internalKeydownHandler,onClick:this.clickHandler},s("slot",{key:"9204233743b02ead43bbe4f9329973059af24414"}))))}get hostElement(){return n(this)}static get watchers(){return{selectedOptions:["selectedOptionsUpdated"],showSelected:["showSelectedUpdated"]}}};u.style=p;export{u as q2_option_list};
-//# sourceMappingURL=p-a5d0e252.entry.js.map
+import{r as t,c as e,h as s,H as i,g as n}from"./p-a5f18e27.js";import{n as o,l as h,o as a,i as c,w as r,u as l}from"./p-011a8cb6.js";function f(t){return t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}const d="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{position:relative;width:100%;display:block;line-height:var(--tct-option-list-line-height, var(--t-option-list-line-height, var(--app-line-height, 1.428571429em)))}.content{text-align:start}:host([is-sizeable]) .content{display:block;height:auto}";const p=d;const u=class{constructor(s){t(this,s);this.change=e(this,"change",7);this.popoverState=e(this,"popoverState",7);this.ready=e(this,"ready",3);this.keyStore={queue:[],lastPressedAt:new Date};this.scheduledAfterRender=[];this.clickHandler=t=>{const e=t.target;const s=e.closest("q2-option");this.selectOption(s);if(this.multiple)return;this.popoverState.emit({open:false,action:"select"})};this.externalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:e,customSearch:s,allOptions:i}=this;const{key:n}=t;let h;switch(n){case" ":if(this.searchString){if(s)break;this.searchOptions(n,true);break}else if(this.type==="menu"){this.activeIndex=0;this.openDropdownWithActiveElement(0)}else{this.setDefaultActiveElement();o((()=>this.popoverState.emit({open:true,action:"open"})))}break;case"Enter":if(this.type==="menu"){this.activeIndex=0;this.openDropdownWithActiveElement(0)}else{this.setDefaultActiveElement();o((()=>this.popoverState.emit({open:true,action:"open"})))}break;case"ArrowUp":t.preventDefault();h=!!this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(-1);if(h===-1)break;this.openDropdownWithActiveElement(h);break;case"ArrowDown":t.preventDefault();h=!!this.selectedOptions.length?this.getDefaultActiveIndex():this.getNextVisibleIndex(1);if(h===-1)break;this.openDropdownWithActiveElement(h);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((e||0)-10,0));break;case"PageDown":t.preventDefault();this.openDropdownWithActiveElement(Math.min((e||0)+10,i.length-1));break;case"Tab":this.popoverState.emit({open:false,action:"close"});break;case"Esc":case"Escape":if(this.noSelect)this.setActiveElement(null);this.popoverState.emit({open:false,action:"close"});break;default:if(s)break;if(!n.match(/^[\w]$/))break;this.searchOptions(n,true);break}};this.focusoutHandler=t=>{const{relatedTarget:e}=t;const s=this.allOptions.includes(e);const i=!s&&this.hostElement.contains(e);if(s||i){t.stopPropagation()}};this.internalKeydownHandler=t=>{t.stopPropagation();const{activeIndex:e,customSearch:s,allOptions:i,allVisibleOptions:n,multiple:o}=this;const{key:h,shiftKey:a}=t;let c;switch(h){case" ":if(this.searchString&&!this.multiple){if(s)break;this.searchOptions(h,false);break}t.preventDefault();c=i.find((t=>t.active));if(!c||c.disabled)break;this.selectOption(c);if(o)break;this.popoverState.emit({open:false,action:"select"});break;case"Enter":t.preventDefault();c=i.find((t=>t.active));if(!c||c.disabled)break;this.selectOption(c);if(o)break;this.popoverState.emit({open:false,action:"select"});break;case"ArrowUp":t.preventDefault();const r=n[0].active;if(r)break;if(e===undefined){this.setDefaultActiveElement();break}else{const t=this.getNextVisibleIndex(-1);if(t===-1)break;this.adjustActiveOptionAndScroll(t-e);break}case"ArrowDown":t.preventDefault();const l=n[n.length-1].active;if(l)break;if(e===undefined){this.setDefaultActiveElement();break}else{const t=this.getNextVisibleIndex(1);if(t===-1)break;this.adjustActiveOptionAndScroll(t-e);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(e-10,0));break;case"PageDown":t.preventDefault();this.openDropdownWithActiveElement(Math.min(e+10,i.length-1));break;case"Tab":if(a)break;if(this.multiple&&this.type==="listbox")break;if(this.type==="menu"){this.popoverState.emit({open:false,action:"close"});break}c=i.find((t=>t.active));if(!c||c.disabled)return;this.selectOption(c);break;case"Esc":case"Escape":if(this.noSelect)this.setActiveElement(null);this.popoverState.emit({open:false,action:"close"});break;default:if(s)break;if(!h.match(/^[\w]$/))break;this.searchOptions(h,false);break}};this.searchAndFocus=(t,e)=>{const s=()=>{this.pivotIndex=this.pivotIndex===undefined?0:(this.activeIndex||0)+1;const t=this.allOptions.map(((t,e)=>({element:t,index:e})));return[...t.slice(this.pivotIndex),...t.slice(0,this.pivotIndex)]};const i=()=>{const e=new Date;if(e.getTime()-this.keyStore.lastPressedAt.getTime()>1e3){this.keyStore.queue.length=0}if(this.keyStore.queue.length!==1||this.keyStore.queue[0]!==t){this.keyStore.queue.push(t)}this.keyStore.lastPressedAt=e};const n=t=>{const e=this.keyStore.queue.join("");const s=f(e);return t.find((t=>!t.element.disabled&&t.element.display&&(t.element.display.match(new RegExp(`^${s}`,"i"))||t.element.display.replace(/\s/g,"").match(new RegExp(`^${s}`,"i")))))};const o=({index:t})=>{if(this.multiple){this.openDropdownWithActiveElement(t)}else{this.activeIndex=t;if(e){this.selectOption(this.allOptions[t]);this.popoverState.emit({open:false,action:"select"})}else this.setActiveElement(t)}};i();const h=n(s());if(h){o(h)}};this.hasOptions=undefined;this.align=undefined;this.customSearch=undefined;this.disabled=undefined;this.label=h("tecton.element.optionList.label");this.multiple=undefined;this.noSelect=undefined;this.selectedOptions=[];this.showSelected=undefined;this.type="listbox"}componentWillLoad(){this.hasOptions=!!this.hostElement.querySelectorAll("q2-option").length}componentDidLoad(){a(this.hostElement);this.checkOptions();this.selectedOptionsUpdated();this.ready.emit()}componentDidRender(){this.scheduledAfterRender.forEach((t=>t()));this.scheduledAfterRender=[]}handleClick(t){t.stopPropagation()}delegateFocus(t){if(!c(t,this.hostElement))return;this.popoverState.emit({open:true,action:"open"});const{activeIndex:e}=this;if(typeof e==="number"&&e>-1){this.setActiveOption();this.setFocusedOption()}else{this.setDefaultActiveElement()}}async getContents(){return this.allContents}async getOptions(){return this.allOptions}async handleExternalKeydown(t){this.externalKeydownHandler(t)}async setActiveElement(t){this.activeIndex=t;this.setActiveOption();this.setFocusedOption()}async setDefaultActiveElement(){this.activeIndex=this.getDefaultActiveIndex();this.setActiveOption();this.setFocusedOption()}selectedOptionsUpdated(){if(this.multiple){this.updateMultipleOptionAttrs()}else{this.updateSingleOptionAttrs()}}showSelectedUpdated(t){if(t&&this.selectedOptions.length===0){this.showSelected=false;return}this.allOptions.forEach((e=>e._multiSelectHidden=t?!e.selected:false))}get allContents(){const t=this.getRootSlot(this.hostElement);const e=["Q2-OPTGROUP","Q2-OPTION"];return t.filter((t=>e.includes(t.tagName)))}get allOptions(){const t=this.allContents;const e=t=>t.reduce(((t,s)=>{if(s.tagName==="Q2-OPTGROUP"){return[...t,...e(Array.from(s.children))]}else if(s.tagName==="Q2-OPTION"){return[...t,s]}else{return t}}),[]);return e(t)}get allVisibleOptions(){return this.allOptions.filter((t=>!t.hidden&&!t._multiSelectHidden&&!t.disabled&&!t.disabledGroup))}adjustActiveOptionAndScroll(t){this.activeIndex+=t;this.setActiveOption();this.setFocusedOption();this.scrollToActiveOption()}async checkOptions(){const{type:t}=this;const e=await this.getOptions();if(!t)return;const s=t==="menu"?"menuitem":"option";e.forEach((t=>{t.role=s}))}focusSelectedSibling(t){const{allVisibleOptions:e,allOptions:s}=this;const i=e.length<2;if(i){this.showSelected=false;return}const n=e.indexOf(t);const o=n?n-1:n+1;const h=e[o];const a=s.indexOf(h);this.activeIndex=a;this.setFocusedOption();this.scheduledAfterRender.push((()=>{t._multiSelectHidden=!t.selected}))}getDefaultActiveIndex(){const{allOptions:t}=this;const e=t.findIndex((t=>t.selected));if(e>-1)return e;const s=t.findIndex((t=>!t.hidden));if(s>-1)return s;return 0}getNextVisibleIndex(t){const{allVisibleOptions:e,allOptions:s,activeIndex:i}=this;const n=s[i];const o=e.indexOf(n);let h=o+t;if(h<0){h=e.length-1}else if(h>e.length-1){h=0}const a=e[h];return s.indexOf(a)}getRootSlot(t){var e;const s=t.querySelector("slot");const i=(e=s===null||s===void 0?void 0:s.assignedElements())!==null&&e!==void 0?e:Array.from(t.children);const n=!!i.length&&i[0].tagName==="SLOT";if(n){return this.getRootSlot(i[0])}else{return i}}async openDropdownWithActiveElement(t){if(this.disabled)return;this.popoverState.emit({open:true,action:"open"});await r();this.activeIndex=t;this.setActiveOption();this.setFocusedOption();this.scrollToActiveOption()}resetTimer(){if(this.searchStringTimer){clearTimeout(this.searchStringTimer)}this.searchStringTimer=window.setTimeout((()=>{this.searchString=null}),2e3)}scrollToActiveOption(){const t=this.allOptions[this.activeIndex];t===null||t===void 0?void 0:t.scrollIntoView({block:"center"})}searchOptions(t,e){this.searchString=t;this.searchAndFocus(t,e)}selectOption(t){const{multiple:e,noSelect:s,showSelected:i}=this;if(!t||t.disabled||t.disabledGroup)return;const n=t.value;const o={value:n,display:t.display||t.innerText.trim()};let h=[];if(e){const{selectedOptions:e}=this;const s=e.find((t=>t.value===n));if(s){h=e.filter((({value:t})=>t!==n))}else{h=[...e,o]}if(i)this.focusSelectedSibling(t)}else{h=[o]}if(s)this.setActiveElement(null);else this.selectedOptions=h;this.change.emit({value:n,values:h})}setActiveOption(){const t=this.activeIndex;this.allOptions.forEach(((e,s)=>{e.active=t===s}))}setFocusedOption(){const t=this.allOptions[this.activeIndex];if(!t)return;const e=l(t);if(e)t.focus();else o((()=>t.focus()))}updateMultipleOptionAttrs(){const{allOptions:t,selectedOptions:e}=this;const s=e.map((({value:t})=>t));t.forEach((t=>{t.selected=s.includes(t.value)}))}updateSingleOptionAttrs(){var t;const{allOptions:e,selectedOptions:s}=this;const i=((t=s[0])===null||t===void 0?void 0:t.value)||undefined;e.forEach((t=>{t.selected=t.value===i}))}render(){return s(i,{key:"221e3d11f55902cd286a6f69cb1c30ce4cc3cb1c"},s("div",{key:"5e08ad2fd5a1a773976285ad16f2e2ef6e2161be",class:"content",ref:t=>this.contentElement=t,onFocusout:this.focusoutHandler},s("div",{key:"537330008c139176aaa19ba997579e61f841fffb",class:"options","aria-label":h("tecton.element.optionList.label",[this.label]),"aria-multiselectable":`${!!this.multiple}`,role:this.type||"listbox",onKeyDown:this.internalKeydownHandler,onClick:this.clickHandler},s("slot",{key:"9204233743b02ead43bbe4f9329973059af24414"}))))}get hostElement(){return n(this)}static get watchers(){return{selectedOptions:["selectedOptionsUpdated"],showSelected:["showSelectedUpdated"]}}};u.style=p;export{u as q2_option_list};
+//# sourceMappingURL=p-eef77a94.entry.js.map

package/dist/q2-tecton-elements/{p-fff01dc1.entry.js → p-f3101416.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-15ac45d6.js";const d="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";const c=d;const l=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.checkSize=()=>{const{hostElement:t,containerElement:e}=this;const i=this.containerWidth>t.clientWidth;this.isSmall=i;if(i)return;a((()=>{const t=this.containerWidth===e.clientWidth;if(t)return;this.containerWidth=e.clientWidth;this.checkSize()}))};this.handlePageChange=t=>{const{totalPages:e,inputField:i}=this;if(t<1){t=1}else if(t>e){t=e}if(i.value!==`${t}`)i.value=`${t}`;if(!this.hostElement.onchange){this.page=t}this.change.emit({page:t})};this.handlePerPageChange=t=>{this.perPage=t.detail.value*1};this.isSmall=undefined;this.alignment=undefined;this.autoSize=true;this.page=undefined;this.pages=undefined;this.pagesOnly=undefined;this.perPage=undefined;this.perPageIncrements=undefined;this.recordsOnly=undefined;this.recordType=undefined;this.total=undefined}disconnectedCallback(){this.removeResizeObserver()}componentWillLoad(){this.manageResizeObserver()}componentDidLoad(){this.containerWidth=this.containerElement.clientWidth;o(this.hostElement)}onHostElementFocus(t){var e;if(!s(t,this.hostElement))return;const{isFullViewHidden:i,containerElement:n,inputField:a}=this;if(i){(e=n.querySelector("q2-btn:not([disabled])"))===null||e===void 0?void 0:e.focus()}else{a.focus()}}async clickFirstPage(){const t=this.firstPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async clickLastPage(){const t=this.lastPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async clickNextPage(){const t=this.nextPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async clickPreviousPage(){const t=this.prevPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async selectPerPageIncrementValue(t){var e;if(isNaN(t)||!this.showPerPageSelect||!this.perPageIncrements.includes(t))return;this.perPageSelect.focus();this.perPageSelect.click();const i=Array.from(this.perPageSelect.querySelectorAll("q2-option"));(e=i.find((e=>e.value===`${t}`)))===null||e===void 0?void 0:e.click()}async setPageValue(t){var e,i;if(!this.inputField||isNaN(t)||t<1||t>this.totalPages)return;(e=this.inputField)===null||e===void 0?void 0:e.focus();this.inputField.value=`${t}`;(i=this.inputField)===null||i===void 0?void 0:i.blur()}manageResizeObserver(){if(this.autoSize&&!this.recordsOnly&&!this.pagesOnly){if(this.resizeObserver)return;this.resizeObserver=new ResizeObserver((()=>this.checkSize()));this.resizeObserver.observe(this.hostElement);window.addEventListener("resize",this.checkSize)}else{this.isSmall=false;this.removeResizeObserver()}}get currentRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=(i-1)*t+1;const a=Math.min(i*t,e);return`${n} - ${a}`}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get nextRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=i*t+1;const a=Math.min((i+1)*t,e);return`${n} - ${a}`}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get prevRange(){const{perPageWithDefault:t,pageWithDefault:e}=this;const i=Math.max(1,(e-2)*t+1);const n=(e-1)*t;return`${i} - ${n}`}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get showPerPageSelect(){var t;return((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)>1}get totalPages(){const{pagesOnly:t,totalWithDefault:e,perPageWithDefault:i,pages:n}=this;if(t&&n&&!isNaN(parseInt(`${n}`)))return n;return Math.ceil(e/i)}get totalWithDefault(){return this.total||0}removeResizeObserver(){var t;if(this.resizeObserver){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.hostElement);this.resizeObserver=null;window.removeEventListener("resize",this.checkSize)}}renderPerPage(){this.perPageIncrements=this.perPageIncrements.filter((t=>!isNaN(t))).map((t=>t*1)).sort(((t,e)=>t-e));if(this.perPage===undefined)this.perPage=this.perPageIncrements[0];return i("q2-select",{ref:t=>this.perPageSelect=t,onChange:this.handlePerPageChange,value:this.perPageIncrements.includes(this.perPage)?`${this.perPage}`:undefined},this.perPageIncrements.map((t=>i("q2-option",{value:`${t}`,display:`${r("tecton.element.pagination.view")} ${t}`},`${r("tecton.element.pagination.view")} ${t}`))))}render(){var t;const{pagesOnly:e,recordsOnly:n,isFullViewHidden:a,recordTypeWithDefault:o,totalPages:s,totalWithDefault:d,pageWithDefault:c,currentRange:l,nextRange:h,prevRange:p,showPerPageSelect:g}=this;const f=c===1;const u=c===s;let b=r("tecton.element.pagination.goToNext");let v=r("tecton.element.pagination.goToPrevious");if(e){v=r("tecton.element.pagination.goToPages",{next:c-1,total:s});b=r("tecton.element.pagination.goToPages",{next:c+1,total:s})}else if(n){v=r("tecton.element.pagination.goToRecords",{range:p,recordType:o.toLowerCase(),total:d});b=r("tecton.element.pagination.goToRecords",{range:h,recordType:o.toLowerCase(),total:d})}return i("nav",{key:"417a7242c4873c1f2d4c12382f63f5e7534bda04",class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},i("div",{key:"5234d2c6d9f2249788d52970f69be1a0d38ad52e",class:"description","test-id":"description"},e?r("tecton.element.pagination.pages",{current:c,total:s}):r("tecton.element.pagination.description",{range:l,recordType:o.toLowerCase(),total:d.toLocaleString()})),i("div",{key:"f1809000bd2d37a8eedad140329ef72ad326bb6b",class:"btn-group"},i("q2-btn",{key:"62612892b86508d1a834f18e9c242812ac339a21",ref:t=>this.firstPageBtn=t,label:r("tecton.element.pagination.goToFirstPage"),disabled:f,hidden:a,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":true},i("q2-icon",{key:"2ff44c03d569a60d28b411b233818e8a8ed09af6",type:"chevron-double-left"})),i("q2-btn",{key:"e36a4f8c021fd18248f4fc864aff5f194f248095",ref:t=>this.prevPageBtn=t,label:v,disabled:f,onClick:()=>this.handlePageChange(c-1),"test-id":"prevPageBtn","hide-label":true},i("q2-icon",{key:"d103f86c52b8ed6809552126de4d3b52cda6b724",type:"chevron-left"}))),i("div",{key:"e6f515d392ddb8e4a97b6406e6c7ed09503c4f9f",class:"controls",hidden:a,"test-id":"controls"},i("span",{key:"1ad86adf8bd04f8c658b8035d6f4c878b7214e38","aria-hidden":"true"},r("tecton.element.pagination.page")),i("div",{key:"3d701869101717b2c4f73478e33013a923fd8f44",class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},i("q2-input",{key:"63cf49a1292cc983fba7214116b73d423cabc64c",ref:t=>this.inputField=t,type:"number",value:`${c}`,min:1,max:this.totalPages,hideLabel:true,optional:true,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[s.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page"})),i("span",{key:"526fd412a6dd8312d6bcf7a5c8baff1257642e4a","aria-hidden":"true"},r("tecton.element.pagination.ofPages",[s.toLocaleString()]))),i("div",{key:"069656ae8ee3523040eed22b8f2436fdde926358",class:"btn-group"},i("q2-btn",{key:"f215824b3c39eaf84cb6e974912ad2cd3e0ea71a",ref:t=>this.nextPageBtn=t,label:b,disabled:u,onClick:()=>this.handlePageChange(c+1),"test-id":"nextPageBtn","hide-label":true},i("q2-icon",{key:"d6d32de9af991e629b00632514ed2a96be42b825",type:"chevron-right"})),i("q2-btn",{key:"74ad02e29e5fadb2bff39cee2d7c6d2f62139bb7",ref:t=>this.lastPageBtn=t,label:"tecton.element.pagination.goToLastPage",disabled:u,hidden:a,onClick:()=>this.handlePageChange(s),"test-id":"lastPageBtn","hide-label":true},i("q2-icon",{key:"970487bac61e8ad48acc77ce34f67a16f2d57dda",type:"chevron-double-right"}))),i("div",{key:"dbd712331f2f14a3db1c8a247d36d7457fedeb8e",class:"per-page",hidden:a||!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)},g&&this.renderPerPage()))}get hostElement(){return n(this)}static get watchers(){return{recordsOnly:["manageResizeObserver"],pagesOnly:["manageResizeObserver"],autoSize:["manageResizeObserver"]}}};l.style=c;export{l as q2_pagination};
-//# sourceMappingURL=p-fff01dc1.entry.js.map
+import{r as t,c as e,h as i,g as n}from"./p-a5f18e27.js";import{n as a,o,i as s,l as r}from"./p-011a8cb6.js";const c="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:flex;width:100%;justify-content:flex-end}:host([alignment=center]){justify-content:center}:host([alignment=left]){justify-content:flex-start}:host([hidden]){display:none}.container{display:inline-flex;column-gap:var(--tct-pagination-column-gap, var(--t-pagination-column-gap, var(--app-scale-2x, 10px)));align-items:center;height:var(--tct-pagination-height, var(--t-pagination-height, 44px))}.btn-group{display:flex;gap:var(--tct-pagination-btn-gap, var(--t-pagination-btn-gap, 0))}.description,.controls{white-space:nowrap}.controls{display:grid;grid-template-columns:auto 50px auto;align-items:center;gap:var(--tct-pagination-controls-gap, var(--t-pagination-controls-gap, var(--app-scale-1x, 5px)))}.controls[hidden]{display:none}.input-wrapper{height:var(--tct-pagination-height, var(--t-pagination-height, 44px));display:flex;align-items:center}q2-btn{--tct-btn-border-radius:var(--tct-pagination-btn-border-radius, var(--t-pagination-btn-border-radius));--tct-btn-border:var(--tct-pagination-btn-border, var(--t-pagination-btn-border))}q2-icon{--tct-icon-size:var(--tct-pagination-icon-size, var(--t-pagination-icon-size, 12px));color:var(--tct-pagination-icon-color, var(--t-pagination-icon-color, var(--t-text, #4d4d4d)))}q2-input{--tct-input-margin-top:0;--tct-input-margin-bottom:0;--tct-input-height:var(--tct-pagination-input-height, var(--t-pagination-input-height, 30px));--tct-input-min-height:var(--tct-input-height);--tct-input-align:center}q2-select{--tct-select-input-min-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));--tct-select-input-max-height:var(--tct-pagination-select-height, var(--t-pagination-select-height, 30px));width:var(--tct-pagination-perpage-width, var(--t-pagination-perpage-width, 100%));min-width:var(--tct-pagination-perpage-min-width, var(--t-pagination-perpage-min-width, 110px))}";const l=c;const h=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.checkSize=()=>{const{hostElement:t,containerElement:e}=this;const i=this.containerWidth>t.clientWidth;this.isSmall=i;if(i)return;a((()=>{const t=this.containerWidth===e.clientWidth;if(t)return;this.containerWidth=e.clientWidth;this.checkSize()}))};this.handlePageChange=t=>{const{totalPages:e,inputField:i}=this;if(t<1){t=1}else if(t>e){t=e}if(i.value!==`${t}`)i.value=`${t}`;if(!this.hostElement.onchange){this.page=t}this.change.emit({page:t})};this.handlePerPageChange=t=>{this.perPage=t.detail.value*1};this.isSmall=undefined;this.alignment=undefined;this.autoSize=true;this.page=undefined;this.pages=undefined;this.pagesOnly=undefined;this.perPage=undefined;this.perPageIncrements=undefined;this.recordsOnly=undefined;this.recordType=undefined;this.total=undefined}disconnectedCallback(){this.removeResizeObserver()}componentWillLoad(){this.manageResizeObserver()}componentDidLoad(){this.containerWidth=this.containerElement.clientWidth;o(this.hostElement)}onHostElementFocus(t){var e;if(!s(t,this.hostElement))return;const{isFullViewHidden:i,containerElement:n,inputField:a}=this;if(i){(e=n.querySelector("q2-btn:not([disabled])"))===null||e===void 0?void 0:e.focus()}else{a.focus()}}async clickFirstPage(){const t=this.firstPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async clickLastPage(){const t=this.lastPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async clickNextPage(){const t=this.nextPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async clickPreviousPage(){const t=this.prevPageBtn;if(t===null||t===void 0?void 0:t.disabled)return;t.click()}async selectPerPageIncrementValue(t){var e;if(isNaN(t)||!this.showPerPageSelect||!this.perPageIncrements.includes(t))return;this.perPageSelect.focus();this.perPageSelect.click();const i=Array.from(this.perPageSelect.querySelectorAll("q2-option"));(e=i.find((e=>e.value===`${t}`)))===null||e===void 0?void 0:e.click()}async setPageValue(t){var e,i;if(!this.inputField||isNaN(t)||t<1||t>this.totalPages)return;(e=this.inputField)===null||e===void 0?void 0:e.focus();this.inputField.value=`${t}`;(i=this.inputField)===null||i===void 0?void 0:i.blur()}manageResizeObserver(){if(this.autoSize&&!this.recordsOnly&&!this.pagesOnly){if(this.resizeObserver)return;this.resizeObserver=new ResizeObserver((()=>this.checkSize()));this.resizeObserver.observe(this.hostElement);window.addEventListener("resize",this.checkSize)}else{this.isSmall=false;this.removeResizeObserver()}}get currentRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=(i-1)*t+1;const a=Math.min(i*t,e);return`${n} - ${a}`}get isFullViewHidden(){return this.isSmall||this.recordsOnly||this.pagesOnly}get nextRange(){const{perPageWithDefault:t,totalWithDefault:e,pageWithDefault:i}=this;const n=i*t+1;const a=Math.min((i+1)*t,e);return`${n} - ${a}`}get pageWithDefault(){return this.page||1}get perPageWithDefault(){return this.perPage||10}get prevRange(){const{perPageWithDefault:t,pageWithDefault:e}=this;const i=Math.max(1,(e-2)*t+1);const n=(e-1)*t;return`${i} - ${n}`}get recordTypeWithDefault(){return this.recordType||r("tecton.element.pagination.defaultRecordType")}get showPerPageSelect(){var t;return((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)>1}get totalPages(){const{pagesOnly:t,totalWithDefault:e,perPageWithDefault:i,pages:n}=this;if(t&&n&&!isNaN(parseInt(`${n}`)))return n;return Math.ceil(e/i)}get totalWithDefault(){return this.total||0}removeResizeObserver(){var t;if(this.resizeObserver){(t=this.resizeObserver)===null||t===void 0?void 0:t.unobserve(this.hostElement);this.resizeObserver=null;window.removeEventListener("resize",this.checkSize)}}renderPerPage(){this.perPageIncrements=this.perPageIncrements.filter((t=>!isNaN(t))).map((t=>t*1)).sort(((t,e)=>t-e));if(this.perPage===undefined)this.perPage=this.perPageIncrements[0];return i("q2-select",{ref:t=>this.perPageSelect=t,onChange:this.handlePerPageChange,value:this.perPageIncrements.includes(this.perPage)?`${this.perPage}`:undefined},this.perPageIncrements.map((t=>i("q2-option",{value:`${t}`,display:`${r("tecton.element.pagination.view")} ${t}`},`${r("tecton.element.pagination.view")} ${t}`))))}render(){var t;const{pagesOnly:e,recordsOnly:n,isFullViewHidden:a,recordTypeWithDefault:o,totalPages:s,totalWithDefault:c,pageWithDefault:l,currentRange:h,nextRange:d,prevRange:p,showPerPageSelect:g}=this;const f=l===1;const u=l===s;let b=r("tecton.element.pagination.goToNext");let v=r("tecton.element.pagination.goToPrevious");if(e){v=r("tecton.element.pagination.goToPages",{next:l-1,total:s});b=r("tecton.element.pagination.goToPages",{next:l+1,total:s})}else if(n){v=r("tecton.element.pagination.goToRecords",{range:p,recordType:o.toLowerCase(),total:c});b=r("tecton.element.pagination.goToRecords",{range:d,recordType:o.toLowerCase(),total:c})}return i("nav",{key:"8c0dbed8d2d19f2023295bd40d826cd1b8253a5c",class:"container",ref:t=>this.containerElement=t,"aria-label":r("tecton.element.pagination.title")},i("div",{key:"ad67c82ff77b38e03f00c5ed347e94fd199f5a07",class:"description","test-id":"description"},e?r("tecton.element.pagination.pages",{current:l,total:s}):r("tecton.element.pagination.description",{range:h,recordType:o.toLowerCase(),total:c.toLocaleString()})),i("div",{key:"d5c979232baa0518541e79b1cc864f33dc49ff02",class:"btn-group"},i("q2-btn",{key:"cef629abc29a528b32ca755b11c085f1ffc46cdd",ref:t=>this.firstPageBtn=t,label:r("tecton.element.pagination.goToFirstPage"),disabled:f,hidden:a,onClick:()=>this.handlePageChange(1),"test-id":"firstPageBtn","hide-label":true},i("q2-icon",{key:"029c9a586ab2f3270b00422fc3b800f6638f44ee",type:"chevron-double-left"})),i("q2-btn",{key:"55212d112080244cf9eb0d8557aee19e3f97cc8b",ref:t=>this.prevPageBtn=t,label:v,disabled:f,onClick:()=>this.handlePageChange(l-1),"test-id":"prevPageBtn","hide-label":true},i("q2-icon",{key:"7930ed4e89581b8f4c799a346688236ffacdba10",type:"chevron-left"}))),i("div",{key:"eeaea625758658bb0d03240c268c5180a70d0e1b",class:"controls",hidden:a,"test-id":"controls"},i("span",{key:"4bae99ae5e804f9675877cd8c3e11f760d178e19","aria-hidden":"true"},r("tecton.element.pagination.page")),i("div",{key:"f25ab7fa7e0978b4f7a477e0ab84c8e5d755a9b1",class:"input-wrapper",onClick:()=>this.inputField.dispatchEvent(new FocusEvent("focus"))},i("q2-input",{key:"08e49f61fe54e5fc4200a855c3f19b5a32d8d453",ref:t=>this.inputField=t,type:"number",value:`${l}`,min:1,max:this.totalPages,hideLabel:true,optional:true,label:`${r("tecton.element.pagination.page")} (${r("tecton.element.pagination.ofPages",[s.toLocaleString()])})`,onChange:t=>this.handlePageChange(t.detail.value),"test-id":"pageInput",current:"page"})),i("span",{key:"09124ee64222d5bb29b96e0ca1f1b605812d2e9d","aria-hidden":"true"},r("tecton.element.pagination.ofPages",[s.toLocaleString()]))),i("div",{key:"689a52f7549e0577cb4fb629d731cd5c116a7183",class:"btn-group"},i("q2-btn",{key:"706927b54d84fc2313f69f8b943cc64327535e3a",ref:t=>this.nextPageBtn=t,label:b,disabled:u,onClick:()=>this.handlePageChange(l+1),"test-id":"nextPageBtn","hide-label":true},i("q2-icon",{key:"bf57121e65a675313687368340b571d753a2dcd3",type:"chevron-right"})),i("q2-btn",{key:"20ba1d7019aee7f087653feff9212da4097801b1",ref:t=>this.lastPageBtn=t,label:"tecton.element.pagination.goToLastPage",disabled:u,hidden:a,onClick:()=>this.handlePageChange(s),"test-id":"lastPageBtn","hide-label":true},i("q2-icon",{key:"f42fc0ff80b6b8a8cec9e879176b644520cb45a5",type:"chevron-double-right"}))),i("div",{key:"ebd17ab21163f2f3c1db56a10f84d4c36693b77c",class:"per-page",hidden:a||!((t=this.perPageIncrements)===null||t===void 0?void 0:t.length)},g&&this.renderPerPage()))}get hostElement(){return n(this)}static get watchers(){return{recordsOnly:["manageResizeObserver"],pagesOnly:["manageResizeObserver"],autoSize:["manageResizeObserver"]}}};h.style=l;export{h as q2_pagination};
+//# sourceMappingURL=p-f3101416.entry.js.map

package/dist/q2-tecton-elements/{p-95a7c042.entry.js → p-fdde906e.entry.js} RENAMED Viewed

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

package/dist/q2-tecton-elements/{p-61d68630.entry.js → p-fdf71eb1.entry.js} RENAMED Viewed

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