q2-tecton-elements 1.16.3 → 1.17.0

package/dist/q2-tecton-elements/p-94b3c534.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,g as r}from"./p-c5691700.js";import{h as a,o as e,i as n,l as i}from"./p-41fcf343.js";import{s as l}from"./p-93c00587.js";const c=class{constructor(o){t(this,o),this.handleSlotChange=()=>{this.handleIcons()}}componentWillLoad(){this.handleIcons(),a(this)}componentDidLoad(){e(this.hostElement)}disable(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){n(t,this.hostElement)&&this.hostElement.shadowRoot.querySelector("button").focus()}ariaLabelObserver(){a(this)}handleIcons(){const t=Array.from(this.hostElement.querySelectorAll(":scope > q2-icon")).reduce(((t,o)=>(t?o.remove():t=o,t)),null),o=!!t,r=!!this.hostElement.querySelector("q2-loc"),a=!!this.hostElement.textContent.trim(),e=(r||a)&&o&&this.hostElement.firstElementChild===t,n=(r||a)&&o&&this.hostElement.lastElementChild===t;let i;e||n||!o?e?i="left":n&&(i="right"):i="only",this.iconPosition=i}render(){const{ariaExpanded:t,ariaHasPopup:r,ariaSelected:a,disabled:e,type:n,tabindex:l}=this.buttonAttributes,{iconPosition:c,loading:s,badge:b,label:d,hideLabel:v}=this,h=c||s,p=!c||b;return o("button",{"aria-expanded":t,"aria-haspopup":r,"aria-label":v&&i(d),"aria-selected":a,disabled:e,type:n,tabindex:l,"test-id":"q2BtnInnerButton",class:c?`icon-${c}`:""},o("div",null,h&&o("q2-loading",{hidden:!s,modifiers:p?"inline":void 0}),!v&&d?i(d):o("slot",{onSlotchange:this.handleSlotChange})))}get buttonAttributes(){var t,o,r;return{ariaExpanded:void 0!==this.ariaExpanded?`${"true"===(null===(t=this.ariaExpanded)||void 0===t?void 0:t.toString())}`:void 0,ariaHasPopup:void 0!==this.ariaHasPopup?`${"true"===(null===(o=this.ariaHasPopup)||void 0===o?void 0:o.toString())}`:void 0,ariaLabel:this.label&&this.hideLabel?i(this.label):void 0,ariaSelected:void 0!==this.ariaSelected?`${"true"===(null===(r=this.ariaSelected)||void 0===r?void 0:r.toString())}`:void 0,disabled:this.disabled||!1,type:this.type||"button",tabindex:this.tabIndex||void 0}}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};c.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}: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}:host([hidden]){display:none}:host([block]){display:block;width:100%}:host{--comp-btn-primary-bg:var(--tct-btn-primary-bg, var(--t-btn-primary-bg, #2e2e2e));--comp-btn-primary-font-color:var(--tct-btn-primary-font-color, var(--t-btn-primary-font-color, var(--tct-white, var(--app-white, #ffffff))));--comp-btn-fallback-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);--comp-btn-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);--comp-btn-neutral-fallback-hover-box-shadow:0 5px 10px rgba(0, 0, 0, 0.24), 0 3px 3px rgba(0, 0, 0, 0.36);--comp-btn-primary-box-shadow:var(--tct-btn-primary-box-shadow, var(--t-btn-primary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-primary-hover-box-shadow:var(--tct-btn-primary-hover-box-shadow, var(--t-btn-primary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-secondary-bg:var(--tct-btn-secondary-bg, var(--t-button-default-bg, #cccccc));--comp-btn-secondary-font-color:var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-secondary-box-shadow:var(--tct-btn-secondary-box-shadow, var(--t-btn-secondary-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-secondary-hover-box-shadow:var(--tct-btn-secondary-hover-box-shadow, var(--t-btn-secondary-hover-box-shadow, var(--comp-btn-fallback-hover-box-shadow)));--comp-btn-tween:var(--tct-btn-tween, var(--t-btn-tween, var(--tct-tween-1, var(--app-tween-1, 0.2s ease))));--comp-btn-neutral-bg:var(--tct-btn-neutral-bg, transparent);--comp-btn-neutral-font-color:var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--t-button-default-font-color, #2e2e2e)));--comp-btn-neutral-box-shadow:var(--tct-btn-neutral-box-shadow, var(--t-btn-neutral-box-shadow, var(--comp-btn-fallback-box-shadow)));--comp-btn-neutral-hover-box-shadow:var(--tct-btn-neutral-hover-box-shadow, var(--t-btn-neutral-hover-box-shadow, var(--comp-btn-neutral-fallback-hover-box-shadow)))}button{margin:var(--tct-scale-0, var(--app-scale-0x, 0));padding:var(--tct-scale-0, var(--app-scale-0x, 0));display:inline-block;width:100%;border:0;background:transparent;box-shadow:none;border-radius:0;font-weight:400;color:inherit;cursor:pointer;transition:var(--comp-btn-tween);transition-property:background, color, box-shadow, fill, border-color, border-width;outline:0}button:disabled{opacity:var(--tct-btn-disabled-opacity, var(--t-btn-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}:host([size="1"]) button{padding:var(--tct-scale-1, var(--app-scale-1x, 5px))}:host([color]:not([size])) button,:host([intent]:not([size])) button{padding:var(--tct-btn-padding, var(--t-btn-padding, var(--tct-scale-2, var(--app-scale-2x, 10px))))}:host([size="2"]) button{padding:var(--tct-scale-2, var(--app-scale-2x, 10px))}:host([size="3"]) button{padding:var(--tct-scale-3, var(--app-scale-3x, 15px))}:host([size="4x"]) button{padding:var(--tct-scale-4x, var(--app-scale-4x, 20px))}:host([size="4"]) button{padding:var(--tct-scale-6x, var(--app-scale-6x, 30px))}:host([color]) button,:host([intent]) button{border-style:solid;font-size:var(--tct-btn-font-size, var(--t-btn-font-size, inherit))}:host([color=primary]) button,:host([intent=workflow-primary]) button{background:var(--comp-btn-primary-bg);color:var(--comp-btn-primary-font-color);border-color:var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent));border-width:var(--tct-btn-primary-border-width, var(--t-btn-primary-border-width, 0));border-radius:var(--tct-btn-primary-border-radius, var(--t-btn-primary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-primary-box-shadow);font-weight:var(--tct-btn-primary-font-weight, var(--t-btn-primary-font-weight, 600));text-transform:var(--tct-btn-primary-text-transform, var(--t-btn-primary-text-transform, none));letter-spacing:var(--tct-btn-primary-letter-spacing, var(--t-btn-primary-letter-spacing, normal))}:host([color=primary]) button:enabled:hover,:host([color=primary]) button:enabled:focus,:host([color=primary]) button:enabled:active,:host([intent=workflow-primary]) button:enabled:hover,:host([intent=workflow-primary]) button:enabled:focus,:host([intent=workflow-primary]) button:enabled:active{background:var(--tct-btn-primary-hover-bg, var(--t-btn-primary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-primary-hover-font-color, var(--t-btn-primary-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-primary-hover-border-color, var(--t-btn-primary-hover-border-color, var(--tct-btn-primary-border-color, var(--t-btn-primary-border-color, transparent))))}:host([color=primary]) button:hover:enabled,:host([color=primary]) button:active:enabled,:host([intent=workflow-primary]) button:hover:enabled,:host([intent=workflow-primary]) button:active:enabled{box-shadow:var(--comp-btn-primary-hover-box-shadow)}:host([color=primary]) button:focus,:host([intent=workflow-primary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-primary-hover-box-shadow, 0 0 0 2px #33b4ff)))}:host([color=primary]) button:disabled,:host([intent=workflow-primary]) button:disabled{background:var(--tct-btn-primary-disabled-bg, var(--t-btn-primary-disabled-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-primary-disabled-font-color, var(--t-btn-primary-disabled-font-color, var(--comp-btn-primary-font-color)));box-shadow:var(--tct-btn-primary-disabled-box-shadow, var(--t-btn-primary-disabled-box-shadow, var(--comp-btn-primary-box-shadow)))}:host([color=secondary]) button,:host([intent=workflow-secondary]) button{background:var(--comp-btn-secondary-bg);color:var(--comp-btn-secondary-font-color, var(--tct-btn-secondary-font-color, var(--t-btn-secondary-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent));border-width:var(--tct-btn-secondary-border-width, var(--t-btn-secondary-border-width, 0));border-radius:var(--tct-btn-secondary-border-radius, var(--t-btn-secondary-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-secondary-box-shadow);font-weight:var(--tct-btn-secondary-font-weight, var(--t-btn-secondary-font-weight, 600));text-transform:var(--tct-btn-secondary-text-transform, var(--t-btn-secondary-text-transform, none));letter-spacing:var(--tct-btn-secondary-letter-spacing, var(--t-btn-secondary-letter-spacing, normal))}:host([color=secondary]) button:enabled:hover,:host([color=secondary]) button:enabled:focus,:host([color=secondary]) button:enabled:active,:host([intent=workflow-secondary]) button:enabled:hover,:host([intent=workflow-secondary]) button:enabled:focus,:host([intent=workflow-secondary]) button:enabled:active{background:var(--tct-btn-secondary-hover-bg, var(--t-btn-secondary-hover-bg, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))));color:var(--tct-btn-secondary-hover-font-color, var(--t-btn-secondary-hover-font-color, var(--t-button-default-hover-font-color, var(--tct-white, var(--app-white, #ffffff)))));border-color:var(--tct-btn-secondary-hover-border-color, var(--t-btn-secondary-hover-border-color, var(--tct-btn-secondary-border-color, var(--t-btn-secondary-border-color, transparent))))}:host([color=secondary]) button:hover:enabled,:host([color=secondary]) button:active:enabled,:host([intent=workflow-secondary]) button:hover:enabled,:host([intent=workflow-secondary]) button:active:enabled{box-shadow:var(--comp-btn-secondary-hover-box-shadow)}:host([color=secondary]) button:focus,:host([intent=workflow-secondary]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-secondary-hover-box-shadow)))}:host([color=secondary]) button:disabled,:host([intent=workflow-secondary]) button:disabled{background:var(--tct-btn-secondary-disabled-bg, var(--t-btn-secondary-disabled-bg, var(--comp-btn-secondary-bg)));color:var(--tct-btn-secondary-disabled-font-color, var(--t-btn-secondary-disabled-font-color, var(--comp-btn-secondary-font-color)));box-shadow:var(--tct-btn-secondary-disabled-box-shadow, var(--t-btn-secondary-disabled-box-shadow, var(--comp-btn-secondary-box-shadow)))}:host([intent=neutral]) button{background:var(--comp-btn-neutral-bg, var(--tct-btn-neutral-bg, var(--t-btn-neutral-bg, transparent)));color:var(--comp-btn-neutral-font-color, var(--tct-btn-neutral-font-color, var(--t-btn-neutral-font-color, var(--tct-gray-1, var(--t-gray-1, var(--tct-black, var(--app-black, #0d0d0d)))))));border-color:var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent));border-width:var(--tct-btn-neutral-border-width, var(--t-btn-neutral-border-width, 0));border-radius:var(--tct-btn-neutral-border-radius, var(--t-btn-neutral-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));box-shadow:var(--comp-btn-neutral-box-shadow);font-weight:var(--tct-btn-neutral-font-weight, var(--t-btn-neutral-font-weight, 600));text-transform:var(--tct-btn-neutral-text-transform, var(--t-btn-neutral-text-transform, none));letter-spacing:var(--tct-btn-neutral-letter-spacing, var(--t-btn-neutral-letter-spacing, normal))}:host([intent=neutral]) button:enabled:hover,:host([intent=neutral]) button:enabled:focus,:host([intent=neutral]) button:enabled:active{background:var(--tct-btn-neutral-hover-bg, var(--t-btn-neutral-hover-bg, transparent));color:var(--tct-btn-neutral-hover-font-color, var(--t-btn-neutral-hover-font-color, var(--tct-white, var(--app-white, #ffffff))));border-color:var(--tct-btn-neutral-hover-border-color, var(--t-btn-neutral-hover-border-color, var(--tct-btn-neutral-border-color, var(--t-btn-neutral-border-color, transparent))))}:host([intent=neutral]) button:hover:enabled,:host([intent=neutral]) button:active:enabled{box-shadow:var(--comp-btn-neutral-hover-box-shadow)}:host([intent=neutral]) button:focus{box-shadow:var(--tct-global-focus, var(--const-global-focus, var(--comp-btn-neutral-hover-box-shadow)))}:host([intent=neutral]) button:disabled{background:var(--tct-btn-neutral-disabled-bg, var(--t-btn-neutral-disabled-bg, var(--comp-btn-neutral-bg)));color:var(--tct-btn-neutral-disabled-font-color, var(--t-btn-neutral-disabled-font-color, var(--comp-btn-neutral-font-color)));box-shadow:var(--tct-btn-neutral-disabled-box-shadow, var(--comp-btn-neutral-box-shadow))}:host button.icon-only{width:var(--tct-btn-icon-width, var(--t-btn-icon-width, 44px));height:var(--tct-btn-icon-height, var(--t-btn-icon-height, 44px));border-radius:var(--tct-btn-icon-border-radius, var(--t-btn-icon-border-radius, 0))}:host button.icon-only:hover,:host button.icon-only:focus{background-color:var(--tct-btn-icon-hover-bg, var(--t-btn-icon-hover-bg, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])[active]) button.icon-only{background-color:var(--tct-btn-icon-active-bg, var(--t-btn-icon-active-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))))}:host(:not([intent])) button.icon-only:hover *,:host(:not([intent])) button.icon-only:focus *,:host(:not([intent])[active]) button.icon-only *{color:var(--tct-btn-icon-hover-color, var(--t-btn-icon-hover-color, var(--tct-link-hover-color, var(--t-link-hover-color, #080808))))}:host([badge]) button{padding:var(--tct-btn-badge-padding, var(--t-btn-badge-padding, 2px 5px));font-size:var(--tct-btn-badge-font-size, var(--t-btn-badge-font-size, var(--tct-btn-font-size, var(--t-btn-font-size, inherit))));border-radius:var(--tct-btn-badge-border-radius, var(--t-btn-badge-border-radius, var(--tct-border-radius-1, var(--app-border-radius-1, 3px))));background-color:var(--tct-btn-badge-bg, var(--t-btn-badge-bg, transparent));color:var(--tct-btn-badge-font-color, var(--t-btn-badge-font-color, inherit))}:host([badge]) button ::slotted(q2-icon){--tct-icon-size:1em}:host([badge]:hover) button:enabled{background-color:var(--tct-btn-badge-hover-bg, var(--t-btn-badge-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l3, var(--app-gray-l3, #f2f2f2))))));color:var(--tct-btn-badge-hover-font-color, var(--t-btn-badge-hover-font-color, var(--tct-gray-5, var(--t-gray-5, var(--tct-gray-d2, var(--app-gray-d2, #404040))))))}:host(.selected[badge]) button,:host([active][badge]) button{background-color:var(--tct-btn-badge-active-bg, var(--t-btn-badge-active-bg, var(--comp-btn-primary-bg)));color:var(--tct-btn-badge-active-font-color, var(--t-btn-badge-active-font-color, var(--comp-btn-primary-font-color)))}div{display:flex;align-items:center;justify-content:center;gap:var(--app-scale-1x, 5px)}:host([loading]) .icon-right div{flex-direction:row-reverse}q2-loading{--tct-loading-primary-color:currentColor;--tct-loading-secondary-color:currentColor;--tct-loading-spinner-size:24px}:host([loading]) ::slotted(q2-icon){display:none}:host([loading]) button{pointer-events:none}:host([block]) button,:host([block]) button.icon-only{display:block;width:100%}';const s=class{constructor(r){t(this,r),this.halfCircleSpinner=()=>o("div",{class:"q2-loading-animation half-circle-spinner","aria-label":this.localizedLabel},o("div",{class:"circle circle-1"}),o("div",{class:"circle circle-2"})),this.spinner=()=>this.halfCircleSpinner(),this.skeletonLoader=()=>o("div",{class:"q2-loading-skeleton","aria-label":this.localizedLabel},"custom"===this.shape?o("slot",null):this.skeletonShape,o("div",{class:"q2-loading-skeleton-shimmer"}))}get loader(){const t={default:this.spinner,spinner:this.spinner,skeleton:this.skeletonLoader};return t[this.type]||t.default}get modifiersSet(){if("skeleton"===this.type&&this.modifiers)return new Set(this.modifiers.split("-"))}get countsArray(){if("skeleton"===this.type&&this.counts)return this.counts.split("x").map(Number)}get skeletonShape(){var t,o;return null!==(o=null===(t=l[this.shape])||void 0===t?void 0:t.call(l,this.countsArray,this.modifiersSet))&&void 0!==o?o:""}get spinnerShape(){const t={default:this.halfCircleSpinner,"half-circle":this.halfCircleSpinner};return t[this.type]||t.default}get localizedLabel(){return i(this.label||"tecton.element.loading.ariaLabel")}componentWillLoad(){a(this)}ariaLabelObserver(){a(this)}render(){return this.loader()}get hostElement(){return r(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"]}}};s.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}: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}.flex{display:flex}.flex-center{justify-content:center}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-v-center{align-items:center}.no-margin{margin:0}:host{display:block}:host([inline]),:host([modifiers*=inline]){display:inline-block}:host([hidden]){display:none}:host(:not([inline]):not([modifiers*=inline])){font-size:var(--tct-loading-spinner-size, var(--t-loading-spinner-size, var(--app-scale-12x, 60px)))}.q2-loading-animation{height:1em;width:1em}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{border-radius:100%;position:relative}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border-radius:100%;border:0.0833333333em solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--tct-loading-primary-color, var(--t-loading-primary-color, var(--t-primary, #0079c1)));animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--tct-loading-secondary-color, var(--t-loading-secondary-color, #9ddd4f));animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.q2-loading-skeleton{position:relative;width:100%;height:100%;overflow:hidden;--comp-loading-skeleton-shimmer-color:var(--tct-loading-skeleton-shimmer-color, var(--t-base, rgba(255, 255, 255, 0.5)));--comp-loading-skeleton-vertical-gap:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px));--comp-loading-skeleton-horizontal-gap:var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.q2-loading-skeleton-shimmer{position:absolute;width:1rem;height:100%;top:0;left:-100px;animation:skeletonShimmer 3s ease-in-out infinite;background-color:var(--comp-loading-skeleton-shimmer-color);box-shadow:0 0 25px 20px var(--comp-loading-skeleton-shimmer-color);transform:rotate(10deg)}.skeleton-shape.rectangle:not(.no-margin){margin:var(--tct-loading-skeleton-vertical-gap, var(--tct-scale-2, 10px)) var(--tct-loading-skeleton-horizontal-gap, var(--tct-scale-2, 10px))}.skeleton-shape.circle,.skeleton-shape.rectangle{background-color:var(--tct-loading-skeleton-element-bg, var(--tct-gray-l3, var(--t-gray-14, #f2f2f2)))}.skeleton-shape.circle{border-radius:50%;padding-top:100%}.flex .rectangle{flex-grow:1}.skeleton-table-row .rectangle{margin:var(--comp-loading-skeleton-vertical-gap) var(--comp-loading-skeleton-horizontal-gap)}.skeleton-table-row .rectangle:not(:first-child):not(:last-child){flex-grow:2}.skeleton-table-row-border .skeleton-shape{margin:0 var(--comp-loading-skeleton-horizontal-gap)}.form{flex-wrap:wrap}.form .field{margin:var(--comp-loading-skeleton-vertical-gap) 0}.form.columns-1 .field{flex-basis:100%}.form.columns-2 .field{flex-basis:50%}.form.columns-3 .field{flex-basis:33.3333%}.form.columns-4 .field{flex-basis:25%}.form.columns-5 .field{flex-basis:20%}.text .rectangle{margin-bottom:0}.text .header.center{margin:0 auto}.text .header.right{margin-left:auto}.text .header{height:1.5rem}.text .header.smaller{height:1rem}.detailed-item{flex-wrap:wrap}.detailed-item.right{flex-flow:row-reverse}.detailed-item-image{flex:0 0 auto;display:inline-flex}.center .detailed-item-image{flex-basis:100%;display:flex}.detailed-item-image .rectangle{flex-grow:0}.detailed-item-text>div{width:100%}.detailed-item-text{flex:1 1 auto}.detailed-item-text .text{margin-top:0;margin-bottom:0}.label-value{flex-wrap:wrap}.label-value .rectangle{flex-basis:calc(50% - 2 * var(--comp-loading-skeleton-horizontal-gap))}@keyframes skeletonShimmer{0%{left:-100px;opacity:1}70%{opacity:1}100%{left:800px;opacity:0}}";export{c as q2_btn,s as q2_loading}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as n,g as a}from"./p-c5691700.js";import{l as r,s as i,h as o,o as s,i as d}from"./p-41fcf343.js";function c(t){if(null===t||!0===t||!1===t)return NaN;var e=Number(t);return isNaN(e)?e:e<0?Math.ceil(e):Math.floor(e)}function l(t,e){if(e.length<t)throw new TypeError(t+" argument"+(t>1?"s":"")+" required, but only "+e.length+" present")}function u(t){l(1,arguments);var e=Object.prototype.toString.call(t);return t instanceof Date||"object"==typeof t&&"[object Date]"===e?new Date(t.getTime()):"number"==typeof t||"[object Number]"===e?new Date(t):("string"!=typeof t&&"[object String]"!==e||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function h(t,e){l(2,arguments);var n=u(t),a=c(e);return isNaN(a)?new Date(NaN):a?(n.setDate(n.getDate()+a),n):n}function v(t,e){l(2,arguments);var n=u(t).getTime(),a=c(e);return new Date(n+a)}var f={};function m(){return f}function b(t){var e=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return e.setUTCFullYear(t.getFullYear()),t.getTime()-e.getTime()}function p(t){l(1,arguments);var e=u(t);return e.setHours(0,0,0,0),e}function w(t,e){l(2,arguments);var n=p(t),a=p(e);return n.getTime()===a.getTime()}function g(t){return l(1,arguments),t instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t)}function y(t){if(l(1,arguments),!g(t)&&"number"!=typeof t)return!1;var e=u(t);return!isNaN(Number(e))}function x(t,e){l(2,arguments);var n=c(e);return v(t,-n)}function D(t){l(1,arguments);var e=1,n=u(t),a=n.getUTCDay(),r=(a<e?7:0)+a-e;return n.setUTCDate(n.getUTCDate()-r),n.setUTCHours(0,0,0,0),n}function M(t){l(1,arguments);var e=u(t),n=e.getUTCFullYear(),a=new Date(0);a.setUTCFullYear(n+1,0,4),a.setUTCHours(0,0,0,0);var r=D(a),i=new Date(0);i.setUTCFullYear(n,0,4),i.setUTCHours(0,0,0,0);var o=D(i);return e.getTime()>=r.getTime()?n+1:e.getTime()>=o.getTime()?n:n-1}function k(t){l(1,arguments);var e=M(t),n=new Date(0);n.setUTCFullYear(e,0,4),n.setUTCHours(0,0,0,0);var a=D(n);return a}function E(t,e){var n,a,r,i,o,s,d,h;l(1,arguments);var v=m(),f=c(null!==(n=null!==(a=null!==(r=null!==(i=null==e?void 0:e.weekStartsOn)&&void 0!==i?i:null==e||null===(o=e.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==r?r:v.weekStartsOn)&&void 0!==a?a:null===(d=v.locale)||void 0===d||null===(h=d.options)||void 0===h?void 0:h.weekStartsOn)&&void 0!==n?n:0);if(!(f>=0&&f<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var b=u(t),p=b.getUTCDay(),w=(p<f?7:0)+p-f;return b.setUTCDate(b.getUTCDate()-w),b.setUTCHours(0,0,0,0),b}function P(t,e){var n,a,r,i,o,s,d,h;l(1,arguments);var v=u(t),f=v.getUTCFullYear(),b=m(),p=c(null!==(n=null!==(a=null!==(r=null!==(i=null==e?void 0:e.firstWeekContainsDate)&&void 0!==i?i:null==e||null===(o=e.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:b.firstWeekContainsDate)&&void 0!==a?a:null===(d=b.locale)||void 0===d||null===(h=d.options)||void 0===h?void 0:h.firstWeekContainsDate)&&void 0!==n?n:1);if(!(p>=1&&p<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var w=new Date(0);w.setUTCFullYear(f+1,0,p),w.setUTCHours(0,0,0,0);var g=E(w,e),y=new Date(0);y.setUTCFullYear(f,0,p),y.setUTCHours(0,0,0,0);var x=E(y,e);return v.getTime()>=g.getTime()?f+1:v.getTime()>=x.getTime()?f:f-1}function S(t,e){var n,a,r,i,o,s,d,u;l(1,arguments);var h=m(),v=c(null!==(n=null!==(a=null!==(r=null!==(i=null==e?void 0:e.firstWeekContainsDate)&&void 0!==i?i:null==e||null===(o=e.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:h.firstWeekContainsDate)&&void 0!==a?a:null===(d=h.locale)||void 0===d||null===(u=d.options)||void 0===u?void 0:u.firstWeekContainsDate)&&void 0!==n?n:1),f=P(t,e),b=new Date(0);b.setUTCFullYear(f,0,v),b.setUTCHours(0,0,0,0);var p=E(b,e);return p}function q(t,e){for(var n=t<0?"-":"",a=Math.abs(t).toString();a.length<e;)a="0"+a;return n+a}var $={G:function(t,e,n){var a=t.getUTCFullYear()>0?1:0;switch(e){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});case"GGGG":default:return n.era(a,{width:"wide"})}},y:function(t,e,n){if("yo"===e){var a=t.getUTCFullYear();return n.ordinalNumber(a>0?a:1-a,{unit:"year"})}return function(t,e){var n=t.getUTCFullYear(),a=n>0?n:1-n;return q("yy"===e?a%100:a,e.length)}(t,e)},Y:function(t,e,n,a){var r=P(t,a),i=r>0?r:1-r;return"YY"===e?q(i%100,2):"Yo"===e?n.ordinalNumber(i,{unit:"year"}):q(i,e.length)},R:function(t,e){return q(M(t),e.length)},u:function(t,e){return q(t.getUTCFullYear(),e.length)},Q:function(t,e,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"Q":return String(a);case"QQ":return q(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});case"QQQQ":default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(t,e,n){var a=Math.ceil((t.getUTCMonth()+1)/3);switch(e){case"q":return String(a);case"qq":return q(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});case"qqqq":default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(t,e,n){var a=t.getUTCMonth();switch(e){case"M":case"MM":return function(t,e){var n=t.getUTCMonth();return"M"===e?String(n+1):q(n+1,2)}(t,e);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});case"MMMM":default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(t,e,n){var a=t.getUTCMonth();switch(e){case"L":return String(a+1);case"LL":return q(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});case"LLLL":default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(t,e,n,a){var r=function(t,e){l(1,arguments);var n=u(t),a=E(n,e).getTime()-S(n,e).getTime();return Math.round(a/6048e5)+1}(t,a);return"wo"===e?n.ordinalNumber(r,{unit:"week"}):q(r,e.length)},I:function(t,e,n){var a=function(t){l(1,arguments);var e=u(t),n=D(e).getTime()-k(e).getTime();return Math.round(n/6048e5)+1}(t);return"Io"===e?n.ordinalNumber(a,{unit:"week"}):q(a,e.length)},d:function(t,e,n){return"do"===e?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):function(t,e){return q(t.getUTCDate(),e.length)}(t,e)},D:function(t,e,n){var a=function(t){l(1,arguments);var e=u(t),n=e.getTime();e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0);var a=e.getTime();return Math.floor((n-a)/864e5)+1}(t);return"Do"===e?n.ordinalNumber(a,{unit:"dayOfYear"}):q(a,e.length)},E:function(t,e,n){var a=t.getUTCDay();switch(e){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});case"EEEE":default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(t,e,n,a){var r=t.getUTCDay(),i=(r-a.weekStartsOn+8)%7||7;switch(e){case"e":return String(i);case"ee":return q(i,2);case"eo":return n.ordinalNumber(i,{unit:"day"});case"eee":return n.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(r,{width:"short",context:"formatting"});case"eeee":default:return n.day(r,{width:"wide",context:"formatting"})}},c:function(t,e,n,a){var r=t.getUTCDay(),i=(r-a.weekStartsOn+8)%7||7;switch(e){case"c":return String(i);case"cc":return q(i,e.length);case"co":return n.ordinalNumber(i,{unit:"day"});case"ccc":return n.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(r,{width:"narrow",context:"standalone"});case"cccccc":return n.day(r,{width:"short",context:"standalone"});case"cccc":default:return n.day(r,{width:"wide",context:"standalone"})}},i:function(t,e,n){var a=t.getUTCDay(),r=0===a?7:a;switch(e){case"i":return String(r);case"ii":return q(r,e.length);case"io":return n.ordinalNumber(r,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});case"iiii":default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(t,e,n){var a=t.getUTCHours()/12>=1?"pm":"am";switch(e){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"aaaa":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(t,e,n){var a,r=t.getUTCHours();switch(a=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",e){case"b":case"bb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"bbbb":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},B:function(t,e,n){var a,r=t.getUTCHours();switch(a=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",e){case"B":case"BB":case"BBB":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(a,{width:"narrow",context:"formatting"});case"BBBB":default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},h:function(t,e,n){if("ho"===e){var a=t.getUTCHours()%12;return 0===a&&(a=12),n.ordinalNumber(a,{unit:"hour"})}return function(t,e){return q(t.getUTCHours()%12||12,e.length)}(t,e)},H:function(t,e,n){return"Ho"===e?n.ordinalNumber(t.getUTCHours(),{unit:"hour"}):function(t,e){return q(t.getUTCHours(),e.length)}(t,e)},K:function(t,e,n){var a=t.getUTCHours()%12;return"Ko"===e?n.ordinalNumber(a,{unit:"hour"}):q(a,e.length)},k:function(t,e,n){var a=t.getUTCHours();return 0===a&&(a=24),"ko"===e?n.ordinalNumber(a,{unit:"hour"}):q(a,e.length)},m:function(t,e,n){return"mo"===e?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):function(t,e){return q(t.getUTCMinutes(),e.length)}(t,e)},s:function(t,e,n){return"so"===e?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):function(t,e){return q(t.getUTCSeconds(),e.length)}(t,e)},S:function(t,e){return function(t,e){var n=e.length,a=t.getUTCMilliseconds();return q(Math.floor(a*Math.pow(10,n-3)),e.length)}(t,e)},X:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();if(0===r)return"Z";switch(e){case"X":return T(r);case"XXXX":case"XX":return z(r);case"XXXXX":case"XXX":default:return z(r,":")}},x:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"x":return T(r);case"xxxx":case"xx":return z(r);case"xxxxx":case"xxx":default:return z(r,":")}},O:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+O(r,":");case"OOOO":default:return"GMT"+z(r,":")}},z:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+O(r,":");case"zzzz":default:return"GMT"+z(r,":")}},t:function(t,e,n,a){return q(Math.floor((a._originalDate||t).getTime()/1e3),e.length)},T:function(t,e,n,a){return q((a._originalDate||t).getTime(),e.length)}};function O(t,e){var n=t>0?"-":"+",a=Math.abs(t),r=Math.floor(a/60),i=a%60;if(0===i)return n+String(r);var o=e||"";return n+String(r)+o+q(i,2)}function T(t,e){return t%60==0?(t>0?"-":"+")+q(Math.abs(t)/60,2):z(t,e)}function z(t,e){var n=e||"",a=t>0?"-":"+",r=Math.abs(t);return a+q(Math.floor(r/60),2)+n+q(r%60,2)}var Y=function(t,e){switch(t){case"P":return e.date({width:"short"});case"PP":return e.date({width:"medium"});case"PPP":return e.date({width:"long"});case"PPPP":default:return e.date({width:"full"})}},A=function(t,e){switch(t){case"p":return e.time({width:"short"});case"pp":return e.time({width:"medium"});case"ppp":return e.time({width:"long"});case"pppp":default:return e.time({width:"full"})}},W={p:A,P:function(t,e){var n,a=t.match(/(P+)(p+)?/)||[],r=a[1],i=a[2];if(!i)return Y(t,e);switch(r){case"P":n=e.dateTime({width:"short"});break;case"PP":n=e.dateTime({width:"medium"});break;case"PPP":n=e.dateTime({width:"long"});break;case"PPPP":default:n=e.dateTime({width:"full"})}return n.replace("{{date}}",Y(r,e)).replace("{{time}}",A(i,e))}},I=["D","DD"],L=["YY","YYYY"];function j(t){return-1!==I.indexOf(t)}function B(t){return-1!==L.indexOf(t)}function N(t,e,n){if("YYYY"===t)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===t)throw new RangeError("Use `d` instead of `D` (in `".concat(e,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===t)throw new RangeError("Use `dd` instead of `DD` (in `".concat(e,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var C={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function X(t){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.width?String(e.width):t.defaultWidth,a=t.formats[n]||t.formats[t.defaultWidth];return a}}var G={date:X({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:X({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:X({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},Q={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function F(t){return function(e,n){var a;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&t.formattingValues){var r=t.defaultFormattingWidth||t.defaultWidth,i=null!=n&&n.width?String(n.width):r;a=t.formattingValues[i]||t.formattingValues[r]}else{var o=t.defaultWidth,s=null!=n&&n.width?String(n.width):t.defaultWidth;a=t.values[s]||t.values[o]}return a[t.argumentCallback?t.argumentCallback(e):e]}}function V(t){return function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=n.width,r=a&&t.matchPatterns[a]||t.matchPatterns[t.defaultMatchWidth],i=e.match(r);if(!i)return null;var o,s=i[0],d=a&&t.parsePatterns[a]||t.parsePatterns[t.defaultParseWidth],c=Array.isArray(d)?J(d,(function(t){return t.test(s)})):R(d,(function(t){return t.test(s)}));o=t.valueCallback?t.valueCallback(c):c,o=n.valueCallback?n.valueCallback(o):o;var l=e.slice(s.length);return{value:o,rest:l}}}function R(t,e){for(var n in t)if(t.hasOwnProperty(n)&&e(t[n]))return n}function J(t,e){for(var n=0;n<t.length;n++)if(e(t[n]))return n}var H,U={code:"en-US",formatDistance:function(t,e,n){var a,r=C[t];return a="string"==typeof r?r:1===e?r.one:r.other.replace("{{count}}",e.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+a:a+" ago":a},formatLong:G,formatRelative:function(t){return Q[t]},localize:{ordinalNumber:function(t){var e=Number(t),n=e%100;if(n>20||n<10)switch(n%10){case 1:return e+"st";case 2:return e+"nd";case 3:return e+"rd"}return e+"th"},era:F({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:F({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(t){return t-1}}),month:F({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:F({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:F({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(H={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(t){return parseInt(t,10)}},function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.match(H.matchPattern);if(!n)return null;var a=n[0],r=t.match(H.parsePattern);if(!r)return null;var i=H.valueCallback?H.valueCallback(r[0]):r[0];i=e.valueCallback?e.valueCallback(i):i;var o=t.slice(a.length);return{value:i,rest:o}}),era:V({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:V({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(t){return t+1}}),month:V({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:V({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:V({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}},K=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Z=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,_=/^'([^]*?)'?$/,tt=/''/g,et=/[a-zA-Z]/;function nt(t){var e=t.match(_);return e?e[1].replace(tt,"'"):t}function at(t,e){l(2,arguments);var n=u(t),a=u(e);return n.getTime()>a.getTime()}function rt(t){const e=new Date(t);if(y(e))return function(t,e){var n,a;l(1,arguments);var r=u(t);if(isNaN(r.getTime()))throw new RangeError("Invalid time value");var i=String(null!==(n=null==e?void 0:e.format)&&void 0!==n?n:"extended"),o=String(null!==(a=null==e?void 0:e.representation)&&void 0!==a?a:"complete");if("extended"!==i&&"basic"!==i)throw new RangeError("format must be 'extended' or 'basic'");if("date"!==o&&"time"!==o&&"complete"!==o)throw new RangeError("representation must be 'date', 'time', or 'complete'");var s="",d="",c="extended"===i?"-":"",h="extended"===i?":":"";if("time"!==o){var v=q(r.getDate(),2),f=q(r.getMonth()+1,2),m=q(r.getFullYear(),4);s="".concat(m).concat(c).concat(f).concat(c).concat(v)}if("date"!==o){var b=r.getTimezoneOffset();if(0!==b){var p=Math.abs(b),w=q(Math.floor(p/60),2),g=q(p%60,2);d="".concat(b<0?"+":"-").concat(w,":").concat(g)}else d="Z";var y=""===s?"":"T",x=[q(r.getHours(),2),q(r.getMinutes(),2),q(r.getSeconds(),2)].join(h);s="".concat(s).concat(y).concat(x).concat(d)}return s}(e,{representation:"date"})}function it(t){const e=new Date(t);if(!y(e))return;const n=e.toISOString();return new Intl.DateTimeFormat("default",{month:"2-digit",day:"2-digit",year:"numeric",timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone}).format(new Date(n))}function ot(t){const e=new Date(t);if(y(e))return new Intl.DateTimeFormat("default",{month:"short",day:"numeric",year:"numeric"}).format(e)}function st(t){const e="string"==typeof t;if(!e&&t&&y(new Date(t||void 0)))t=rt(t);else if(!t||!y(new Date(t)))return;let n;const a=t.split(/[\/\-]/).map((t=>t.padStart(2,"0"))),r=3===a.length,i=a.length<3;if(e&&t.length>=24&&"T"===t[10])t=t.split("T")[0],n=new Date(t);else if(r)t.includes("/")&&4===a[2].length&&a.unshift(a.pop()),n=new Date(a.join("-"));else if(i){const t=new Date;let e,r,i;switch(a.length){case 1:e=t.getFullYear(),r=a[0],i="01";break;case 2:e=t.getFullYear(),r=a[0],i=a[1]}n=new Date(`${e}-${r}-${i}`)}if(y(n))return n=dt(n),y(n)?n:void 0}function dt(t){const e=t.getTimezoneOffset();return function(t,e){l(2,arguments);var n=u(t),a=c(e);return n.setMinutes(a),n}(t,e+Math.abs(e%60))}function ct(t){return Array.isArray(t)&&0!==t.length?t.map((t=>st(t))):[]}function lt(t=new Date){return{monthIndex:t.getMonth(),selectedYear:t.getFullYear()}}function ut(t="",e=[],n=[],a=[],i,o,s="mm/dd/yyyy",d){let c=!1,l=!1,u="info",h=`${r("tecton.element.calendar.hint.format")}: ${s}`;if(!t)return{isValid:c,inputDate:new Date(""),isAvailable:l,messageType:u,message:h};const v=function(t,e){const n=new Date,[a,r,i]=t.split("/");if(10===t.length)return new Date(t);if(a&&r&&Number(r)>0){const t=Number(r)<10?`0${Number(r)}`:r,n=!i||i.length<4?function(t,e,n){const a=`${t}/${e}`,r=new Date,i=`${r.getMonth()<9?`0${r.getMonth()+1}`:`${r.getMonth()+1}`}/${r.getDate()<10?`0${r.getDate()}`:`${r.getDate()}`}/${r.getFullYear()}`;let o=r.getFullYear();return"future"===n&&i.slice(0,5)>a?o=r.getFullYear()+1:"past"===n&&i.slice(0,5)<a&&(o=r.getFullYear()-1),o.toString()}(a,r,e):i;return new Date(`${a}/${t}/${n}`)}return a&&r&&0===Number(r)?new Date(""):a?new Date(`${a}/01/${n.getFullYear()}`):void 0}(t,d),f=v.getMonth()+1,m=v.getDate(),b=v.getFullYear(),p=[f,m,b];if(y(v)){const d=ht()[v.getMonth()];10===t.length?(c=!0,u="success",h=`${r("tecton.element.calendar.hint.selection")}: ${ot(v)}`):(c=!1,u="error",h=`${r("tecton.element.calendar.hint.incompleteEntry")}: ${s}`),l=e.includes(v.getDay());const f=rt(v);if(l){const t=n.length&&!n.includes(f),e=a.length&&a.includes(f),r=i&&i>f,s=o&&o<f;(t||e||r||s)&&(l=!1)}t.length>=5&&!l&&(c=!1,u="error",h=d&&m&&b?r("tecton.element.calendar.hint.notAvailableDate",[ot(v)]):`${r("tecton.element.calendar.hint.invalidDate")}: ${s}`)}else c=!1,u="error",h=`${r("tecton.element.calendar.hint.invalidDate")}: ${s}`;return{isValid:c,messageType:u,message:h,inputDate:v,isAvailable:l,calendarPosition:p}}function ht(){return[r("tecton.element.calendar.months.January"),r("tecton.element.calendar.months.February"),r("tecton.element.calendar.months.March"),r("tecton.element.calendar.months.April"),r("tecton.element.calendar.months.May"),r("tecton.element.calendar.months.June"),r("tecton.element.calendar.months.July"),r("tecton.element.calendar.months.August"),r("tecton.element.calendar.months.September"),r("tecton.element.calendar.months.October"),r("tecton.element.calendar.months.November"),r("tecton.element.calendar.months.December")]}function vt(t=127){const e=2&t,n=4&t,a=8&t,r=16&t,i=32&t,o=64&t,s=[];return t<=0||(1&t&&s.push(0),e&&s.push(1),n&&s.push(2),a&&s.push(3),r&&s.push(4),i&&s.push(5),o&&s.push(6)),s}function ft(t,e){return t.includes(e.getDay())}function mt(t,e){return!bt(t,e)}function bt(t,e){return t.some((t=>w(t,e)))}function pt(t,e,n,a,r,i,o){const s=[wt.bind(null,i,new Date)];return s.push((null==e?void 0:e.length)?bt.bind(null,e):ft.bind(null,t)),s.push(mt.bind(null,n)),function({monthIndex:t,selectedYear:e},n,a,r,i){const o=!y(new Date(i)),s=function(t,e){const n=function(t){l(1,arguments);var e=u(t),n=e.getFullYear(),a=e.getMonth(),r=new Date(0);return r.setFullYear(n,a+1,0),r.setHours(0,0,0,0),r.getDate()}(new Date(e,t));return[...Array(n).keys()].reduce(((n,a)=>(n.push(new Date(e,t,a+1)),n)),[])}(t,e).map(((t,e)=>{const i=r.some((e=>!e(t))),s=function(t,e,n){n||(n=new Date);return{isSelected:n&&w(n,t),isToday:w(t,new Date),isStartDate:w(t,null==e?void 0:e.startDate),isEndDate:w(t,null==e?void 0:e.endDate)}}(t,a,n),d=function({isInvalid:t,isSelected:e,isEndDate:n,isStartDate:a,isToday:r,isIncompleteDate:i}){const o=[];return t||o.push("is-valid"),e&&o.push("is-selected"),n&&o.push("is-end-date"),a&&o.push("is-start-date"),r&&o.push("is-today"),e&&t&&!i&&o.push("is-unavailable"),o.join(" ")}(Object.assign(Object.assign({},s),{isInvalid:i,isIncompleteDate:o}));return Object.assign(Object.assign({},s),{isValid:!i,date:t,integer:e+1,isEmpty:!1,isActivity:!1,classList:d})})),d=yt(0,new Date(e,t,1,1,1,1,1).getDay()),c=0===(h=(d.length+s.length)%7)?[]:yt(h,7);var h;return[...d,...s,...c]}(a,r,i,s,o)}function wt(t,e,n){const a=at(null==t?void 0:t.startDate,n),r=function(t,e){l(2,arguments);var n=u(t),a=u(e);return n.getTime()<a.getTime()}(null==t?void 0:t.endDate,n),i=w(e,n)&&at(e,null==t?void 0:t.cutOffTime);return!(a||i||r)}const gt={date:null,integer:null,isActivity:!1,isEmpty:!0,isValid:!1,isToday:!1,isSelected:!1,isStartDate:!1,isEndDate:!1,classList:""};function yt(t,e){return 7===t&&(t=0),[...Array(e-t).keys()].map((()=>Object.assign({},gt)))}const xt=class{constructor(n){t(this,n),this.change=e(this,"change",7),this.error=e(this,"error",7),this.success=e(this,"success",7),this.assume="current",this.dropdownOpen=!1,this.keyboardSelection=!1,this.typedValue="",this.formatModifier="M/D/YYYY",this.defaultFormatString="mm/dd/yyyy",this.defaultHintMessage=r("tecton.element.calendar.hint.format")+": "+this.defaultFormatString,this.hintMessage=this.defaultHintMessage,this.hintMessageType="info",this.scheduledAfterRender=[],this.dayAbbrStrings=[r("tecton.element.calendar.days.short.Sunday"),r("tecton.element.calendar.days.short.Monday"),r("tecton.element.calendar.days.short.Tuesday"),r("tecton.element.calendar.days.short.Wednesday"),r("tecton.element.calendar.days.short.Thursday"),r("tecton.element.calendar.days.short.Friday"),r("tecton.element.calendar.days.short.Saturday")],this.dayStrings=[r("tecton.element.calendar.days.Sunday"),r("tecton.element.calendar.days.Monday"),r("tecton.element.calendar.days.Tuesday"),r("tecton.element.calendar.days.Wednesday"),r("tecton.element.calendar.days.Thursday"),r("tecton.element.calendar.days.Friday"),r("tecton.element.calendar.days.Saturday")],this.monthStrings=ht(),this.closeCalendar=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.focusInput(),this.scheduledAfterRender.push(this.resizeIframe))},this.openCalendar=()=>{this.readonly||this.dropdownOpen||(this.selectedMonthYear=lt(this.dateValue),this.dateList=this.buildDateList(this.selectedMonthYear),this.dropdownOpen=!0,this.focusInput(),this.scheduledAfterRender.push(this.resizeIframe))},this.toggleCalendar=()=>{this.readonly||(this.dropdownOpen=!this.dropdownOpen,this.scheduledAfterRender.push(this.resizeIframe),this.dropdownOpen?(this.selectedMonthYear=lt(this.dateValue),this.dateList=this.buildDateList(this.selectedMonthYear)):this.focusInput())},this.onClickElsewhere=t=>{"click-elsewhere"===t.target.localName&&(t.stopPropagation(),this.closeCalendar())},this.onPopupKeyup=t=>{"Escape"!==t.key&&"Esc"!==t.key||(this.onInputBlur(),this.closeCalendar())},this.onInputInput=({detail:{value:t}})=>{this.typedValue=t},this.onInputKeydown=t=>{const{dateValue:e}=this;switch(t.key){case"ArrowDown":t.preventDefault(),this.openCalendar(),this.activateDay(e||new Date)}},this.onInputKeyup=t=>{if(this.disabled)return;if("Escape"===t.key||"Esc"===t.key)return this.onInputBlur(),void this.closeCalendar();if(!this.isTypeable)return;this.typedValue=function(t){if(!t)return"";if(t.match(/^[1-9]\/$/))return`0${t}/`;if(t.match(/^[0-9]{2}\/[1-9]{1}\/$/)){const e=t.split("/");return`${e[0]}/0${e[1]}/`}return t}(this.typedValue);const{typedValue:e}=this,n=vt(this.daysOfWeekChecksum),{isValid:a,message:r,messageType:i,inputDate:o,isAvailable:s,calendarPosition:d}=ut(e,n,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);if(d){const[t,e,n]=d,a=new Date(`${n}-${t}-${e}`);y(a)&&(this.selectedMonthYear=lt(a),this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate())}"Enter"===t.key?(a||e&&e.length>4&&o&&y(o)&&s?this.setCompleteInput(o):this.value&&(this.value=null,this.change.emit({value:null}),this.typedValue=e),this.keyboardSelection?(this.keyboardSelection=!1,this.closeCalendar()):this.toggleCalendar()):this.setHints({isValid:a,message:r,messageType:i})},this.onInputChange=t=>{this.isTypeable&&t.stopPropagation()},this.onInputBlur=()=>{if(!this.isTypeable)return;const t=vt(this.daysOfWeekChecksum),{typedValue:e}=this,{isValid:n,inputDate:a,isAvailable:r}=ut(this.typedValue,t,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);n||e&&e.length>4&&a&&y(a)&&r?this.setCompleteInput(a):this.value&&(this.value=null,this.change.emit({value:null}),this.typedValue=e)},this.onInputClick=()=>{this.disabled||(i(this),this.toggleCalendar())},this.onRefocus=()=>{var t;null===(t=this.btnPrevMonth)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))},this.goToMonthYear=(t,e)=>{t<0?(t=11,e--):t>11&&(t=0,e++),this.selectedMonthYear={monthIndex:t,selectedYear:e},this.dateList=this.buildDateList(this.selectedMonthYear),this.scheduledAfterRender.push((()=>this.checkActiveCellForBlankness()))},this.selectDate=t=>{const{isValid:e}=this.dateList.find((({date:e})=>w(e,t)));e&&(this.change.emit({value:rt(t)}),this.typedValue=it(t),this.invalid=!1)},this.onDateSelection=t=>{const e=t.target.closest("td:not([aria-hidden])");e&&(this.selectDate(dt(new Date(e.dataset.date))),this.closeCalendar())},this.onDateKeydown=t=>{const{monthIndex:e,selectedYear:n}=this.selectedMonthYear,a=parseInt(t.target.dataset.day),r=this.generateDateFromDay(a);switch(t.key){case"ArrowUp":t.preventDefault(),this.activateDay(h(r,-7));break;case"ArrowDown":t.preventDefault(),this.activateDay(h(r,7));break;case"ArrowRight":t.preventDefault(),this.activateDay(h(r,1));break;case"ArrowLeft":t.preventDefault(),this.activateDay(h(r,-1));break;case"PageUp":t.preventDefault(),t.shiftKey?this.goToMonthYear(e,n-1):this.goToMonthYear(e-1,n);break;case"PageDown":t.preventDefault(),t.shiftKey?this.goToMonthYear(e,n+1):this.goToMonthYear(e+1,n);break;case"Home":t.preventDefault(),this.activateDay(h(r,-r.getDay()));break;case"End":t.preventDefault(),this.activateDay(h(r,6-r.getDay()));break;case"Escape":t.preventDefault(),this.closeCalendar(),this.focusInput();break;case"Enter":if(t.preventDefault(),!this.dateList.find((({date:t})=>w(t,r))).isValid)return;this.selectDate(r),this.closeCalendar(),this.focusInput();break;case" ":if(t.preventDefault(),!this.dateList.find((({date:t})=>w(t,r))).isValid)return;this.selectDate(r),this.focusInput()}}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}connectedCallback(){this.selectedMonthYear=lt(this.dateValue),this.dateList=this.buildDateList(this.selectedMonthYear),this.value&&this.isTypeable&&!this.typedValue&&(this.typedValue=function(t){const e=(t||"").split("-");return 3!==e.length?"":`${e[1]}/${e[2]}/${e[0]}`}(this.value)),this.validateDate()}componentWillLoad(){o(this)}componentDidRender(){setTimeout((()=>{this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}),25)}componentDidLoad(){s(this.hostElement)}get currentWeeks(){return this.dateList.reduce(((t,e,n)=>{const a=Math.floor(n/7);return t[a]||(t[a]=[]),t[a].push(e),t}),[])}get localizedErrors(){return Array.isArray(this.errors)&&this.errors.filter((t=>t)).map((t=>t&&r(t)))||[]}get formattedValue(){const{typedValue:t,dateValue:e,displayFormat:n,isTypeable:a}=this;return a?t:void 0===e?"":n?function(t,e,n){var a,r,i,o,s,d,h,v,f,p,w,g,D,M,k,E,P,S;l(2,arguments);var q=String(e),O=m(),T=null!==(a=null!==(r=null==n?void 0:n.locale)&&void 0!==r?r:O.locale)&&void 0!==a?a:U,z=c(null!==(i=null!==(o=null!==(s=null!==(d=null==n?void 0:n.firstWeekContainsDate)&&void 0!==d?d:null==n||null===(h=n.locale)||void 0===h||null===(v=h.options)||void 0===v?void 0:v.firstWeekContainsDate)&&void 0!==s?s:O.firstWeekContainsDate)&&void 0!==o?o:null===(f=O.locale)||void 0===f||null===(p=f.options)||void 0===p?void 0:p.firstWeekContainsDate)&&void 0!==i?i:1);if(!(z>=1&&z<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var Y=c(null!==(w=null!==(g=null!==(D=null!==(M=null==n?void 0:n.weekStartsOn)&&void 0!==M?M:null==n||null===(k=n.locale)||void 0===k||null===(E=k.options)||void 0===E?void 0:E.weekStartsOn)&&void 0!==D?D:O.weekStartsOn)&&void 0!==g?g:null===(P=O.locale)||void 0===P||null===(S=P.options)||void 0===S?void 0:S.weekStartsOn)&&void 0!==w?w:0);if(!(Y>=0&&Y<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!T.localize)throw new RangeError("locale must contain localize property");if(!T.formatLong)throw new RangeError("locale must contain formatLong property");var A=u(t);if(!y(A))throw new RangeError("Invalid time value");var I=b(A),L=x(A,I),C={firstWeekContainsDate:z,weekStartsOn:Y,locale:T,_originalDate:A};return q.match(Z).map((function(t){var e=t[0];return"p"===e||"P"===e?(0,W[e])(t,T.formatLong):t})).join("").match(K).map((function(a){if("''"===a)return"'";var r=a[0];if("'"===r)return nt(a);var i=$[r];if(i)return null!=n&&n.useAdditionalWeekYearTokens||!B(a)||N(a,e,String(t)),null!=n&&n.useAdditionalDayOfYearTokens||!j(a)||N(a,e,String(t)),i(L,a,T.localize,C);if(r.match(et))throw new RangeError("Format string contains an unescaped latin alphabet character `"+r+"`");return a})).join("")}(e,n.replace(/[d]/g,"E").replace(/[D]/g,"d").replace(/[Y]/g,"y").replace(/[l]/g,"P").replace(/[W]/g,"I")):new Intl.DateTimeFormat("default",{year:"numeric",month:"2-digit",day:"2-digit",timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone}).format(e)}get computedPlaceholder(){return this.disabled&&this.disabledMsg?r(this.disabledMsg):this.buttonLabel&&(this.disabled||this.placeholder)?r(this.buttonLabel):this.placeholder&&r(this.placeholder)||""}get dateValue(){if(this.isTypeable)return st(this.typedValue);{let{value:t}=this;return t&&"string"!=typeof t&&"toDate"in t?t.toDate():("string"==typeof t&&6===t.split(" ").length&&/GMT-\d{4}/g.test(t)&&(t=rt(t)),st(t))}}get dateValidators(){const t=new Date(this.cutoffTime||"");return{startDate:st(this.startDate),endDate:st(this.endDate),cutOffTime:y(t)?t:void 0}}get isTypeable(){var t;return this.typeable&&!(null===(t=window.Tecton)||void 0===t?void 0:t.inMobileApp)&&!navigator.userAgent.match(/Android|webOS|iPhone|iPad|iPod|Mobile|BlackBerry|Windows Phone/i)}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.value=t.detail.value)}defaultErrorHandler(t){if(t.target===this.hostElement&&!this.hostElement.onerror){if(Array.isArray(this.errors)&&this.errors.includes("tecton.element.calendar.invalidDate"))return;this.errors=(this.errors||[]).concat(["tecton.element.calendar.invalidDate"])}}defaultSuccessHandler(t){t.target===this.hostElement&&("function"==typeof this.onsuccess?this.onsuccess(t):Array.isArray(this.errors)&&this.errors.includes("tecton.element.calendar.invalidDate")&&(this.errors=this.errors.filter((t=>"tecton.element.calendar.invalidDate"!==t))))}delegateFocus(t){d(t,this.hostElement)&&this.inputField.shadowRoot.querySelector(".input-field").focus()}ariaLabelObserver(){o(this)}valueObserver(t){const e=t&&"string"!=typeof t&&"toDate"in t;if(this.isTypeable){const n=e?it(t.toDate()):t;this.typedValue=n}else{const n=e?t.toDate():st(t);this.inputField.value=it(n),this.selectedMonthYear=lt(n),this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}}daysOfWeekChecksumObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}validDatesObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}invalidDatesObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}startDateObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}endDateObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}cutoffTimeObserver(){this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate()}buildDateList(t){const e=ct(this.invalidDates);return pt(vt(this.daysOfWeekChecksum),ct(this.validDates),e,t,this.dateValue,this.dateValidators,this.typedValue)}validateDate(){var t,e,n;try{if(this.value){const{dateValue:a}=this,r=null!==(t=null==a?void 0:a.getMonth())&&void 0!==t?t:void 0,i=null!==(e=null==a?void 0:a.getFullYear())&&void 0!==e?e:void 0,{monthIndex:o,selectedYear:s}=this.selectedMonthYear,d=r===o&&i===s;let c=[];c=a?d?this.dateList:this.buildDateList({monthIndex:r,selectedYear:i}):[];const l=null!==(n=null==a?void 0:a.getDate())&&void 0!==n?n:void 0;l&&c.find((({integer:t})=>t===l)).isValid?this.success.emit({value:rt(a)}):this.error.emit({errors:[{message:`Value passed is invalid: The date ${this.value} is not valid`,errorCode:"generalInvalid"}]})}}catch(t){console.warn("Invalid moment value ",this.dateValue)}}focusInput(){var t;null===(t=this.inputField)||void 0===t||t.dispatchEvent(new FocusEvent("focus"))}checkActiveCellForBlankness(){const t=this.hostElement.shadowRoot.activeElement;if(!t||"TD"!==t.tagName||!t.hasAttribute("aria-hidden"))return;const{calendarBody:e}=this,n=Array.from(e.querySelectorAll("td")),a=Array.from(n).indexOf(t)<15?1:n.filter((t=>!t.hasAttribute("aria-hidden"))).length;this.focusDay(this.generateDateFromDay(a))}generateDateFromDay(t){const{monthIndex:e,selectedYear:n}=this.selectedMonthYear;return new Date(n,e,t)}activateDay(t){this.goToMonthYear(t.getMonth(),t.getFullYear()),this.scheduledAfterRender.push((()=>this.focusDay(t)))}focusDay(t){var e;null===(e=this.calendarBody.querySelector(`td[data-day="${t.getDate()}"]`))||void 0===e||e.focus()}render(){return n("click-elsewhere",{class:"calendar-container"+(this.dropdownOpen?" dropdown-open":""),onChange:this.onClickElsewhere},this.calendarField(),n("div",{ref:t=>this.dropdownContainer=t,"aria-modal":"true",role:"dialog","aria-label":r("tecton.element.calendar.dialogLabel"),class:"q2-element-dropdown "+("up"===this.privatePopDirection?"dropup":"")},this.isTypeable&&this.hintField(),this.calendarPopUp()))}hintField(){return n("q2-message",{type:this.hintMessageType,class:"calendar-hint"},this.hintMessage)}setHints({isValid:t,message:e,messageType:n}){this.invalid=!t,this.hintMessage=e,this.hintMessageType=n,this.invalid||(this.errors=[])}setCompleteInput(t){const e=it(t);this.change.emit({value:rt(t)}),this.typedValue=e,this.setHints({isValid:!0,message:`${r("tecton.element.calendar.hint.selection")}: ${ot(t)}`,messageType:"success"})}calendarField(){return n("q2-input",{ref:t=>this.inputField=t,class:"calendar-input-field",value:this.formattedValue,label:r(this.label),hideLabel:this.hideLabel,disabled:!!this.disabled,readonly:!!this.readonly,placeholder:this.computedPlaceholder,optional:!!this.optional,ariaExpanded:`${!!this.dropdownOpen}`,errors:this.localizedErrors.length>0&&this.localizedErrors||this.invalid&&["tecton.element.calendar.invalid"]||[],onClick:this.onInputClick,onChange:this.onInputChange,onInput:this.onInputInput,onKeyDown:this.onInputKeydown,onKeyUp:this.onInputKeyup,onBlur:this.onInputBlur,"icon-right":"calendar","format-modifier":this.isTypeable?this.formatModifier:"",pseudo:!this.isTypeable,type:"date","hide-messages":!0,"test-id":"inputAndCalendarToggle"})}calendarPopUp(){const{monthIndex:t,selectedYear:e}=this.selectedMonthYear;return n("div",{class:"calendar-field-popup",onKeyUp:this.onPopupKeyup},this.calendarLabel&&n("p",{class:"calendar-label"},r(this.calendarLabel)),n("div",{class:"cal-month-heading"},n("q2-btn",{label:r("tecton.element.calendar.previousMonth"),"hide-label":!0,ref:t=>this.btnPrevMonth=t,class:"cal-nav-btn prev-month","test-id":"previousMonthButton",onClick:()=>this.goToMonthYear(t-1,e)},n("q2-icon",{type:"chevron-left"})),n("span",{class:"cal-month-text"},this.monthStrings[t]),n("q2-btn",{label:r("tecton.element.calendar.nextMonth"),"hide-label":!0,class:"cal-nav-btn next-month",ref:t=>this.btnNextMonth=t,"test-id":"nextMonthButton",onClick:()=>this.goToMonthYear(t+1,e)},n("q2-icon",{type:"chevron-right"})),n("q2-btn",{label:r("tecton.element.calendar.previousYear"),"hide-label":!0,class:"cal-nav-btn prev-year",ref:t=>this.btnPrevYear=t,"test-id":"previousYearButton",onClick:()=>this.goToMonthYear(t,e-1)},n("q2-icon",{type:"chevron-left"})),n("span",{class:"cal-year-text"},this.selectedMonthYear.selectedYear),n("q2-btn",{label:r("tecton.element.calendar.nextYear"),"hide-label":!0,class:"cal-nav-btn next-year",ref:t=>this.btnNextYear=t,"test-id":"nextYearButton",onClick:()=>this.goToMonthYear(t,e+1)},n("q2-icon",{type:"chevron-right"}))),n("div",{class:"sr","aria-live":"polite",id:"table-label"},`${this.monthStrings[t]} ${e}`),this.calendarDays(),this.disclaimer&&n("div",{class:"calendar-disclaimer"},r(this.disclaimer)),n("q2-btn",{class:"sr refocus-popup",onFocus:this.onRefocus}))}calendarDays(){const t=this.monthStrings[this.selectedMonthYear.monthIndex];return n("table",{role:"grid","aria-labelledby":"table-label"},n("thead",null,n("tr",null,[...Array(7).keys()].map((t=>n("th",{scope:"col",abbr:this.dayStrings[t]},this.dayAbbrStrings[t]))))),n("tbody",{onClick:this.onDateSelection,onKeyDown:this.onDateKeydown,ref:t=>this.calendarBody=t},this.currentWeeks.map((e=>n("tr",null,e.map((e=>{var a;let i=`${t} ${e.integer}`;return e.isSelected&&(i+=` (${r("tecton.element.calendar.selected")})`),n("td",{class:e.classList,"aria-hidden":e.isEmpty?"true":void 0,tabindex:e.isSelected?0:-1,role:e.isSelected?"gridcell":void 0,"aria-selected":e.isSelected?"true":void 0,"aria-disabled":e.isValid?void 0:"true","data-day":e.integer||void 0,"data-date":e.date?rt(e.date):void 0},(null==e?void 0:e.isToday)&&n("div",{class:"today-decorator"},r("tecton.element.calendar.today")),n("div",{"aria-label":i},null!==(a=null==e?void 0:e.integer)&&void 0!==a?a:""))})))))))}get hostElement(){return a(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],value:["valueObserver"],daysOfWeekChecksum:["daysOfWeekChecksumObserver"],validDates:["validDatesObserver"],invalidDates:["invalidDatesObserver"],startDate:["startDateObserver"],endDate:["endDateObserver"],cutoffTime:["cutoffTimeObserver"]}}};xt.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}: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}.q2-element-dropdown{display:none;position:absolute;background-color:var(--app-white, #ffffff);color:var(--t-text, #4d4d4d);left:0;width:100%;z-index:100;margin-top:1px;box-shadow:var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3));height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity var(--app-tween-1, 0.2s ease);border-radius:var(--tct-dropdown-border-radius, --t-dropdown-border-radius, 0);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}.q2-element-dropdown::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}.q2-element-dropdown::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.q2-element-dropdown.sizable{display:block;height:auto}.dropdown-open .q2-element-dropdown{display:block;height:auto;overflow:auto;opacity:1;visibility:visible}:host([alignment=right]) .q2-element-dropdown{left:auto;right:0}:host([block]) q2-btn,:host([block]){display:block}:host{display:block}:host[hidden]{display:none}.calendar-container{position:relative;display:block}q2-input{margin:0;cursor:pointer}.q2-element-dropdown{text-align:center;min-width:308px}.q2-element-dropdown.dropup{bottom:var(--comp-input-min-height, 44px);margin-bottom:0px}.calendar-label{font-size:var(--tct-calendar-label-font-size, var(--t-calendar-label-font-size, 16px));flex:1 1;flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(--tct-calendar-label-vertical-padding, var(--t-calendar-label-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0}.calendar-hint{text-align:left;margin:0}.cal-month-heading{padding:0 0 0.75rem;display:flex;justify-content:center;align-items:center;font-size:var(--tct-calendar-month-font-size, var(--t-calendar-month-font-size, 16px));font-weight:var(--tct-calendar-month-font-weight, var(--t-calendar-month-font-weight, 600))}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}table{width:100%;margin-bottom:2px}th{font-size:var(--tct-calendar-day-heading-font-size, var(--t-calendar-day-heading-font-size, inherit));font-weight:var(--tct-calendar-day-heading-font-weight, var(--t-calendar-day-heading-font-weight, 600));width:14.285714%}td{height:44px;cursor:pointer}td.is-unavailable{border:1px solid var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}td.is-valid:hover{background-color:var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))));color:var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))}td[aria-hidden],td[aria-disabled]{pointer-events:none;cursor:not-allowed}td[aria-disabled]{opacity:var(--tct-calendar-day-disabled-opacity, var(--t-calendar-day-disabled-opacity, var(--app-disabled-opacity, 0.4)))}td[aria-selected]{background-color:var(--tct-calendar-day-selected-bg, var(--t-calendar-day-selected-bg, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))))));color:var(--tct-calendar-day-selected-font-color, var(--t-calendar-day-selected-font-color, var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))));box-shadow:inset 2px 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1)))), inset -2px -2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}.today-decorator{text-transform:uppercase;font-weight:700;font-size:10px;height:12px}.calendar-disclaimer{font-size:var(--tct-calendar-disclaimer-font-size, var(--t-calendar-disclaimer-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));border-top:1px solid var(--tct-calendar-disclaimer-border-color, var(--t-calendar-disclaimer-border-color, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6))))));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)));text-align:left}";export{xt as q2_calendar}

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

@@ -0,0 +1 @@
+import{r as t,c as o,h as r,F as i,g as e}from"./p-c5691700.js";import{o as a,l as n,i as c}from"./p-41fcf343.js";const l=class{constructor(r){t(this,r),this.change=o(this,"change",7),this.selectedOptions=[],this.scheduledAfterRender=[],this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.clearSelectedOptions=()=>{this.selectedOptions=[],this.active=!1,this.open=!1,this.primaryBtn.focus(),this.change.emit({value:null,values:[],active:!1})},this.handleClick=t=>{if(t.stopPropagation(),!this.disabled)if(this.hasOptions)this.optionList.toggle();else{const{value:t,label:o}=this,r=this.active=!this.active,i=r?[{value:t,display:o}]:[];this.selectedOptions=i,this.change.emit({value:t,values:i,active:r})}},this.handleKeydown=t=>{this.hasOptions&&!this.disabled&&this.optionList.handleExternalKeydown(t)},this.handleChange=t=>{if(!this.hasOptions)return;const{value:o,values:r}=t.detail,i=!!r.length;this.hostElement.onchange||(this.selectedOptions=r,this.active=i),this.change.emit({value:o,values:r,active:i})},this.handleFocusout=t=>{const o=t.relatedTarget;Array.from(this.hostElement.children).includes(o)||(!o||t.relatedTarget instanceof HTMLElement)&&(o&&o.closest(".btn-height-wrapper")||(this.optionList.open=!1))},this.handleWrapperClick=()=>{this.primaryBtn.focus(),this.primaryBtn.click()}}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){a(this.hostElement)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get buttonContent(){const{label:t,selectedOptions:o,hasOptions:r}=this;return r&&0!==o.length?1===o.length?o[0].display:n("tecton.element.pill.activeCount",{count:o.length}):t}get truncatedButtonContent(){const{maxLength:t,buttonContent:o}=this;return t&&o.length>t?`${o.substring(0,t)}…`:o}delegateFocus(t){c(t,this.hostElement)&&this.primaryBtn.focus()}optionListStateEvent({detail:{open:t}}){this.open=t,t||this.primaryBtn.focus()}generateIcon(){const{hasOptions:t,active:o}=this,i=t&&o,e=i||!t?"close":"chevron-down";return r(i?"button":"div",{class:"btn-close",onClick:i&&this.clearSelectedOptions,disabled:i&&this.disabled,"aria-label":i&&n("tecton.element.pill.clearSelection"),type:i&&"button"},r("q2-icon",{type:e}))}render(){const{hasOptions:t,active:o,open:e}=this,a=["btn-wrapper"];return(t||o)&&a.push("has-icon"),t&&a.push("has-options"),r(i,null,r("div",{class:a.join(" ")},r("div",{class:"btn-height-wrapper",onClick:this.handleWrapperClick,tabIndex:-1},r("button",{class:"btn-primary",type:"button","test-id":"btn-control",ref:t=>this.primaryBtn=t,onClick:this.handleClick,onKeyDown:this.handleKeydown,disabled:this.disabled,onFocusout:this.handleFocusout,"aria-selected":!t&&o?"true":"false","aria-roledescription":!t&&"filter","aria-controls":t&&"option-list","aria-haspopup":t&&"true","aria-expanded":t&&`${!!e}`||void 0,"aria-label":this.maxLength&&this.buttonContent},this.truncatedButtonContent,!t&&o&&r("span",{class:"sr"},"(",n("tecton.element.pill.active"),")"))),this.generateIcon()),this.hasOptions&&r("q2-option-list",{id:"option-list",ref:t=>this.optionList=t,open:this.open,onChange:this.handleChange,multiple:this.multiple,onFocusout:this.handleFocusout,selectedOptions:this.selectedOptions},r("slot",null)))}get hostElement(){return e(this)}};l.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}: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;position:relative}:host(:not(:last-child)){margin-inline-end:var(--tct-pill-margin, var(--t-pill-margin, var(--app-scale-2x, 10px)))}.btn-wrapper{--comp-pill-min-height:var(--tct-pill-min-height, var(--t-pill-min-height, 44px));--comp-pill-btn-border-width:var(--tct-pill-btn-border-width, var(--t-pill-btn-border-width, 2px));--comp-pill-btn-height:var(--tct-pill-btn-height, var(--t-pill-btn-height, 30px));--comp-close-size:0px;--comp-btn-background:var(--tct-pill-btn-background, var(--t-pill-btn-background, var(--t-base, #ffffff)));--compt-hover-btn-background:var(--tct-pill-hover-btn-background, var(--t-pill-hover-btn-background, var(--t-gray-13, #e6e6e6)));--comp-btn-padding:var(--tct-pill-btn-padding-inline, var(--t-pill-btn-padding-inline, var(--app-scale-3x, 15px)));--comp-btn-color:var(--tct-pill-btn-color, var(--t-pill-btn-color, var(--t-gray-3, #262626)));--comp-active-btn-color:var(--comp-btn-background);--comp-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-7, #666666)));--comp-active-btn-border-color:var(--tct-pill-active-btn-border-color, var(--t-pill-active-btn-border-color, var(--t-gray-7, #666666)));--comp-hover-active-btn-background:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));--comp-hover-active-btn-border-color:var(--tct-pill-active-btn-background, var(--t-pill-active-btn-background, var(--t-gray-6, #4d4d4d)));position:relative}:host(:not(:empty)) .btn-wrapper,.btn-wrapper.has-icon{--comp-close-size:var(--comp-pill-btn-height)}:host([active]) .btn-wrapper{--comp-btn-color:var(--tct-pill-active-btn-color, var(--t-pill-active-btn-color, var(--t-base, #ffffff)))}:host([theme=primary]) .btn-wrapper{--comp-active-btn-background:var(--t-primary-l5, #61c4ff);--comp-active-btn-color:var(--t-primary-text, #ffffff);--comp-active-btn-border-color:var(--t-primary-l5, #61c4ff);--comp-hover-active-btn-background:var(--t-primary-l3, #21acff);--comp-hover-active-btn-border-color:var(--t-primary-l3, #21acff)}:host([theme=secondary]) .btn-wrapper{--comp-active-btn-background:var(--t-secondary-l5, #d9e1e6);--comp-active-btn-color:var(--t-secondary-text, #141414);--comp-active-btn-border-color:var(--t-secondary-l5, #d9e1e6);--comp-hover-active-btn-background:var(--t-secondary-l3, #c9d5db);--comp-hover-active-btn-border-color:var(--t-secondary-l3, #c9d5db)}:host([theme=tertiary]) .btn-wrapper{--comp-active-btn-background:var(--t-tertiary-l5, #f4fafe);--comp-active-btn-color:var(--t-tertiary-text, #141414);--comp-active-btn-border-color:var(--t-tertiary-l5, #f4fafe);--comp-hover-active-btn-background:var(--t-tertiary-l3, #eff8fd);--comp-hover-active-btn-border-color:var(--t-tertiary-l3, #eff8fd)}q2-option-list{position:absolute;left:0}.btn-height-wrapper{height:var(--comp-pill-min-height);display:flex;align-items:center;cursor:pointer}.btn-height-wrapper:focus{box-shadow:none}:host([disabled]) .btn-height-wrapper{cursor:not-allowed}.btn-close,.btn-primary{cursor:pointer;height:var(--comp-pill-btn-height);border-style:solid;border-radius:var(--tct-pill-btn-border-radius, var(--t-pill-btn-border-radius, 30px));transition-property:background, color, padding, width, opacity;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}:host([disabled]) .btn-close,:host([disabled]) .btn-primary,:host([disabled]) q2-icon{opacity:var(--tct-pill-disabled-opacity, var(--t-pill-disabled-opacity, var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))));cursor:not-allowed}.btn-primary{background:var(--comp-btn-background);border-width:var(--comp-pill-btn-border-width);border-color:var(--tct-pill-btn-border-color, var(--t-pill-btn-border-color, var(--t-gray-9, #999999)));padding-inline:var(--comp-btn-padding);padding-right:calc(var(--comp-btn-padding) + var(--comp-close-size));font-size:var(--tct-pill-btn-font-size, var(--t-pill-btn-font-size, var(--app-font-size, 14px)));color:var(--comp-btn-color);display:block;width:100%;text-align:start}.btn-primary:focus,.btn-primary:hover{background:var(--comp-hover-btn-background)}:host(:not(:empty)) .btn-primary,.has-icon .btn-primary{padding-right:calc(var(--tct-pill-icon-gap, var(--t-pill-icon-gap, var(--app-scale-1x, 5px))) + var(--comp-close-size))}.has-options .btn-primary{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:var(--tct-pill-max-width, var(--t-pill-max-width, 200px))}:host([active]) .btn-primary{background:var(--comp-active-btn-background);border-color:var(--comp-active-btn-border-color);color:var(--comp-active-btn-color)}:host([active]) .btn-primary:focus,:host([active]) .btn-primary:hover{background:var(--comp-hover-active-btn-background);border-color:var(--comp-hover-active-btn-border-color)}.btn-close{background:transparent;border-color:transparent;border-width:var(--comp-pill-btn-border-width);width:var(--comp-close-size);height:var(--comp-close-size);padding:0;border:0;display:inline-flex;justify-content:center;align-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0}:host([active]) .btn-close{color:var(--comp-active-btn-color)}:host(:not(:empty)) .btn-close,.has-icon .btn-close{opacity:1}q2-icon{width:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));height:var(--tct-pill-icon-size, var(--t-pill-icon-size, 14px));transition-property:transform;transition:var(--tct-pill-btn-tween, var(--t-pill-btn-tween, var(--app-tween-1, 0.2s ease)))}div.btn-close{pointer-events:none}:host([open]) div.btn-close q2-icon{transform:rotate(180deg)}:host([active]) button.btn-close:focus,:host([active]) button.btn-close:hover{background:var(--tct-pill-hover-close-btn-background, var(--t-pill-hover-close-btn-background, var(--t-top-a1, rgba(13, 13, 13, 0.35))));border-color:var(--tct-pill-hover-close-btn-border-color, var(--t-pill-hover-close-btn-border-color, var(--t-top-a1, rgba(13, 13, 13, 0.35))))}";export{l as q2_pill}