q2-tecton-elements 1.16.2 → 1.17.0

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 (179) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
  3. package/dist/cjs/q2-badge_2.cjs.entry.js +9 -3
  4. package/dist/cjs/q2-btn_2.cjs.entry.js +2 -2
  5. package/dist/cjs/q2-calendar.cjs.entry.js +1041 -1131
  6. package/dist/cjs/q2-card.cjs.entry.js +1 -1
  7. package/dist/cjs/q2-carousel-pane.cjs.entry.js +1 -1
  8. package/dist/cjs/q2-carousel.cjs.entry.js +1 -1
  9. package/dist/cjs/q2-chart-donut.cjs.entry.js +21 -3
  10. package/dist/cjs/q2-checkbox-group.cjs.entry.js +1 -1
  11. package/dist/cjs/q2-checkbox.cjs.entry.js +1 -1
  12. package/dist/cjs/q2-dropdown-item.cjs.entry.js +1 -1
  13. package/dist/cjs/q2-dropdown.cjs.entry.js +1 -1
  14. package/dist/cjs/q2-editable-field.cjs.entry.js +1 -1
  15. package/dist/cjs/q2-icon.cjs.entry.js +1 -1
  16. package/dist/cjs/q2-loc.cjs.entry.js +1 -1
  17. package/dist/cjs/q2-message.cjs.entry.js +1 -1
  18. package/dist/cjs/q2-optgroup.cjs.entry.js +1 -1
  19. package/dist/cjs/q2-option-list.cjs.entry.js +1 -1
  20. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  21. package/dist/cjs/q2-pagination.cjs.entry.js +1 -1
  22. package/dist/cjs/q2-pill.cjs.entry.js +1 -1
  23. package/dist/cjs/q2-radio-group.cjs.entry.js +2 -2
  24. package/dist/cjs/q2-radio.cjs.entry.js +1 -1
  25. package/dist/cjs/q2-section.cjs.entry.js +54 -80
  26. package/dist/cjs/q2-select.cjs.entry.js +1 -1
  27. package/dist/cjs/q2-stepper-pane.cjs.entry.js +1 -1
  28. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +1 -1
  29. package/dist/cjs/q2-stepper.cjs.entry.js +1 -1
  30. package/dist/cjs/q2-tab-container.cjs.entry.js +1 -1
  31. package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
  32. package/dist/cjs/q2-tag.cjs.entry.js +1 -1
  33. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  34. package/dist/cjs/q2-textarea.cjs.entry.js +1 -1
  35. package/dist/cjs/q2-tooltip.cjs.entry.js +1 -1
  36. package/dist/cjs/tecton-tab-pane.cjs.entry.js +1 -1
  37. package/dist/collection/collection-manifest.json +1 -1
  38. package/dist/collection/components/q2-avatar/styles.css +1 -0
  39. package/dist/collection/components/q2-badge/styles.css +1 -0
  40. package/dist/collection/components/q2-btn/styles.css +1 -0
  41. package/dist/collection/components/q2-calendar/helpers.js +3 -3
  42. package/dist/collection/components/q2-calendar/index.js +11 -4
  43. package/dist/collection/components/q2-calendar/styles.css +1 -0
  44. package/dist/collection/components/q2-card/styles.css +1 -0
  45. package/dist/collection/components/q2-carousel/styles.css +1 -0
  46. package/dist/collection/components/q2-carousel-pane/styles.css +1 -0
  47. package/dist/collection/components/q2-chart-donut/index.js +47 -5
  48. package/dist/collection/components/q2-chart-donut/styles.css +1 -0
  49. package/dist/collection/components/q2-checkbox/styles.css +1 -0
  50. package/dist/collection/components/q2-checkbox-group/styles.css +1 -0
  51. package/dist/collection/components/q2-dropdown/styles.css +1 -0
  52. package/dist/collection/components/q2-dropdown-item/styles.css +1 -0
  53. package/dist/collection/components/q2-editable-field/styles.css +1 -0
  54. package/dist/collection/components/q2-icon/styles.css +1 -0
  55. package/dist/collection/components/q2-input/index.js +7 -1
  56. package/dist/collection/components/q2-input/styles.css +1 -0
  57. package/dist/collection/components/q2-loading/styles.css +1 -0
  58. package/dist/collection/components/q2-loc/styles.css +1 -0
  59. package/dist/collection/components/q2-message/styles.css +1 -0
  60. package/dist/collection/components/q2-optgroup/styles.css +1 -0
  61. package/dist/collection/components/q2-option/styles.css +1 -0
  62. package/dist/collection/components/q2-option-list/styles.css +1 -0
  63. package/dist/collection/components/q2-pagination/styles.css +1 -0
  64. package/dist/collection/components/q2-pill/styles.css +1 -0
  65. package/dist/collection/components/q2-radio/styles.css +1 -0
  66. package/dist/collection/components/q2-radio-group/index.js +1 -1
  67. package/dist/collection/components/q2-radio-group/styles.css +4 -0
  68. package/dist/collection/components/q2-section/index.js +63 -89
  69. package/dist/collection/components/q2-section/styles.css +39 -55
  70. package/dist/collection/components/q2-select/styles.css +1 -0
  71. package/dist/collection/components/q2-stepper/styles.css +1 -0
  72. package/dist/collection/components/q2-stepper-pane/styles.css +1 -0
  73. package/dist/collection/components/q2-stepper-vertical/styles.css +1 -0
  74. package/dist/collection/components/q2-tab-container/styles.css +1 -0
  75. package/dist/collection/components/q2-tab-pane/styles.css +1 -0
  76. package/dist/collection/components/q2-tag/styles.css +1 -0
  77. package/dist/collection/components/q2-textarea/styles.css +1 -0
  78. package/dist/collection/components/q2-tooltip/styles.css +1 -0
  79. package/dist/collection/components/tecton-tab-pane/styles.css +1 -0
  80. package/dist/esm/loader.js +1 -1
  81. package/dist/esm/q2-avatar.entry.js +1 -1
  82. package/dist/esm/q2-badge_2.entry.js +9 -3
  83. package/dist/esm/q2-btn_2.entry.js +2 -2
  84. package/dist/esm/q2-calendar.entry.js +1041 -1131
  85. package/dist/esm/q2-card.entry.js +1 -1
  86. package/dist/esm/q2-carousel-pane.entry.js +1 -1
  87. package/dist/esm/q2-carousel.entry.js +1 -1
  88. package/dist/esm/q2-chart-donut.entry.js +21 -3
  89. package/dist/esm/q2-checkbox-group.entry.js +1 -1
  90. package/dist/esm/q2-checkbox.entry.js +1 -1
  91. package/dist/esm/q2-dropdown-item.entry.js +1 -1
  92. package/dist/esm/q2-dropdown.entry.js +1 -1
  93. package/dist/esm/q2-editable-field.entry.js +1 -1
  94. package/dist/esm/q2-icon.entry.js +1 -1
  95. package/dist/esm/q2-loc.entry.js +1 -1
  96. package/dist/esm/q2-message.entry.js +1 -1
  97. package/dist/esm/q2-optgroup.entry.js +1 -1
  98. package/dist/esm/q2-option-list.entry.js +1 -1
  99. package/dist/esm/q2-option.entry.js +1 -1
  100. package/dist/esm/q2-pagination.entry.js +1 -1
  101. package/dist/esm/q2-pill.entry.js +1 -1
  102. package/dist/esm/q2-radio-group.entry.js +2 -2
  103. package/dist/esm/q2-radio.entry.js +1 -1
  104. package/dist/esm/q2-section.entry.js +55 -81
  105. package/dist/esm/q2-select.entry.js +1 -1
  106. package/dist/esm/q2-stepper-pane.entry.js +1 -1
  107. package/dist/esm/q2-stepper-vertical.entry.js +1 -1
  108. package/dist/esm/q2-stepper.entry.js +1 -1
  109. package/dist/esm/q2-tab-container.entry.js +1 -1
  110. package/dist/esm/q2-tab-pane.entry.js +1 -1
  111. package/dist/esm/q2-tag.entry.js +1 -1
  112. package/dist/esm/q2-tecton-elements.js +1 -1
  113. package/dist/esm/q2-textarea.entry.js +1 -1
  114. package/dist/esm/q2-tooltip.entry.js +1 -1
  115. package/dist/esm/tecton-tab-pane.entry.js +1 -1
  116. package/dist/q2-tecton-elements/p-06865cf5.entry.js +1 -0
  117. package/dist/q2-tecton-elements/p-0d849ed4.entry.js +1 -0
  118. package/dist/q2-tecton-elements/p-2a217895.entry.js +1 -0
  119. package/dist/q2-tecton-elements/p-2b94ae62.entry.js +1 -0
  120. package/dist/q2-tecton-elements/p-2faed36b.entry.js +1 -0
  121. package/dist/q2-tecton-elements/{p-f617c54a.entry.js → p-30a4fdfb.entry.js} +1 -1
  122. package/dist/q2-tecton-elements/p-30f81b22.entry.js +1 -0
  123. package/dist/q2-tecton-elements/{p-677faf2c.entry.js → p-31070ab8.entry.js} +1 -1
  124. package/dist/q2-tecton-elements/p-318758d4.entry.js +1 -0
  125. package/dist/q2-tecton-elements/p-41c22a16.entry.js +1 -0
  126. package/dist/q2-tecton-elements/p-445e7c45.entry.js +1 -0
  127. package/dist/q2-tecton-elements/p-44bdaf52.entry.js +1 -0
  128. package/dist/q2-tecton-elements/{p-60a7a11e.entry.js → p-4c53713d.entry.js} +1 -1
  129. package/dist/q2-tecton-elements/{p-b6c45ef6.entry.js → p-4da9b6b6.entry.js} +1 -1
  130. package/dist/q2-tecton-elements/p-5acb7ec6.entry.js +1 -0
  131. package/dist/q2-tecton-elements/p-64605d17.entry.js +1 -0
  132. package/dist/q2-tecton-elements/p-64ca8c59.entry.js +1 -0
  133. package/dist/q2-tecton-elements/{p-0e9c7220.entry.js → p-654fcd6b.entry.js} +1 -1
  134. package/dist/q2-tecton-elements/{p-b7dc4e93.entry.js → p-661c2092.entry.js} +1 -1
  135. package/dist/q2-tecton-elements/p-732dafd0.entry.js +1 -0
  136. package/dist/q2-tecton-elements/p-815c8a7d.entry.js +1 -0
  137. package/dist/q2-tecton-elements/{p-822d3d6c.entry.js → p-824a1d7c.entry.js} +1 -1
  138. package/dist/q2-tecton-elements/{p-4b48fde6.entry.js → p-8543a0e1.entry.js} +1 -1
  139. package/dist/q2-tecton-elements/p-916fd90b.entry.js +1 -0
  140. package/dist/q2-tecton-elements/p-94b3c534.entry.js +1 -0
  141. package/dist/q2-tecton-elements/p-a45c6b65.entry.js +1 -0
  142. package/dist/q2-tecton-elements/p-a659d112.entry.js +1 -0
  143. package/dist/q2-tecton-elements/{p-879aa7ac.entry.js → p-b4b8f85c.entry.js} +3 -3
  144. package/dist/q2-tecton-elements/{p-92e9f290.entry.js → p-b595b415.entry.js} +1 -1
  145. package/dist/q2-tecton-elements/{p-5270b0ff.entry.js → p-cde0cdff.entry.js} +1 -1
  146. package/dist/q2-tecton-elements/{p-dd3f64a7.entry.js → p-d3e4cc5d.entry.js} +1 -1
  147. package/dist/q2-tecton-elements/p-d781e2d9.entry.js +1 -0
  148. package/dist/q2-tecton-elements/{p-dd792081.entry.js → p-d8d9e8eb.entry.js} +1 -1
  149. package/dist/q2-tecton-elements/p-fbf23146.entry.js +1 -0
  150. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  151. package/dist/test/helpers.js +2 -2
  152. package/dist/types/components/q2-chart-donut/index.d.ts +12 -21
  153. package/dist/types/components/q2-input/index.d.ts +1 -0
  154. package/dist/types/components/q2-section/index.d.ts +11 -18
  155. package/dist/types/components.d.ts +5 -2
  156. package/dist/types/workspace/workspace/{tecton-production_release_1.16.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/elements/q2-tag-test.d.ts +0 -0
  157. package/dist/types/workspace/workspace/{tecton-production_release_1.16.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
  158. package/package.json +2 -2
  159. package/dist/q2-tecton-elements/p-0a8b8d14.entry.js +0 -1
  160. package/dist/q2-tecton-elements/p-0b5fbbe8.entry.js +0 -1
  161. package/dist/q2-tecton-elements/p-0d00030f.entry.js +0 -1
  162. package/dist/q2-tecton-elements/p-1b0f826e.entry.js +0 -1
  163. package/dist/q2-tecton-elements/p-1c430c2a.entry.js +0 -1
  164. package/dist/q2-tecton-elements/p-2d2008fd.entry.js +0 -1
  165. package/dist/q2-tecton-elements/p-34f99830.entry.js +0 -1
  166. package/dist/q2-tecton-elements/p-35bde69c.entry.js +0 -1
  167. package/dist/q2-tecton-elements/p-376988ef.entry.js +0 -1
  168. package/dist/q2-tecton-elements/p-49612230.entry.js +0 -1
  169. package/dist/q2-tecton-elements/p-4ec2cb69.entry.js +0 -1
  170. package/dist/q2-tecton-elements/p-5e990654.entry.js +0 -1
  171. package/dist/q2-tecton-elements/p-6e10db80.entry.js +0 -1
  172. package/dist/q2-tecton-elements/p-6f884c60.entry.js +0 -1
  173. package/dist/q2-tecton-elements/p-8584c6bc.entry.js +0 -1
  174. package/dist/q2-tecton-elements/p-87766054.entry.js +0 -1
  175. package/dist/q2-tecton-elements/p-c59d601e.entry.js +0 -1
  176. package/dist/q2-tecton-elements/p-d040bf99.entry.js +0 -1
  177. package/dist/q2-tecton-elements/p-d79386c6.entry.js +0 -1
  178. package/dist/q2-tecton-elements/p-ef2f68b2.entry.js +0 -1
  179. package/dist/q2-tecton-elements/p-f66adef0.entry.js +0 -1
@@ -1,6 +1,5 @@
1
1
  /// <reference types="node" />
2
2
  import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
3
- import { JSX } from '../../components';
4
3
  export declare class Q2Section implements ComponentInterface {
5
4
  label: string;
6
5
  collapsible: boolean;
@@ -9,38 +8,32 @@ export declare class Q2Section implements ComponentInterface {
9
8
  hostElement: HTMLElement;
10
9
  contentHeight: string;
11
10
  hasYieldedHeader: boolean;
12
- guid: number;
13
- animating: boolean;
14
11
  titleId: string;
15
12
  contentId: string;
16
- resizeIframe(): void;
17
13
  resizerFn: NodeJS.Timer | undefined;
18
14
  headerSlotMutationObserver: MutationObserver;
19
15
  contentSlotMutationObserver: MutationObserver;
16
+ contentContainer: HTMLDivElement;
17
+ headerSlotWrapper: HTMLDivElement;
18
+ headerSlot: HTMLSlotElement;
19
+ contentSlot: HTMLSlotElement;
20
20
  componentWillLoad(): void;
21
21
  componentDidLoad(): void;
22
22
  disconnectedCallback(): void;
23
- get wrapperClasses(): string;
24
- get slottedContentHeight(): string;
25
- get contentWrapper(): HTMLDivElement | null;
26
- get contentContainer(): HTMLDivElement | null;
27
- get headerSlotWrapper(): HTMLDivElement | null;
28
- get headerSlot(): HTMLSlotElement | null;
29
- get contentSlot(): HTMLSlotElement | null;
30
23
  defaultChangeHandler(event: CustomEvent): void;
31
24
  delegateFocus(event: FocusEvent): void;
32
- expandedObserver(): void;
25
+ expandedObserver(expanded: boolean): Promise<void>;
33
26
  collapsibleObserver(): void;
34
27
  change: EventEmitter;
35
28
  onHeaderClick: () => void;
36
- setContentWrapperHeight(height: string): void;
37
- onAnimationStart: () => void;
38
- onAnimationEnd: () => void;
39
- endAnimation: () => void;
29
+ onTransitionEnd: () => void;
30
+ onHeaderSlotChange: () => void;
31
+ get currentHeight(): string;
32
+ get contentContainerHeight(): string;
33
+ clearResizeInterval: () => void;
40
34
  addHeaderSlotListener: () => void;
41
35
  removeHeaderSlotListener: () => void;
42
- onHeaderSlotChange: () => void;
43
36
  addContentSlotListener: () => void;
44
37
  removeContentSlotListener: () => void;
45
- render(): JSX.IntrinsicElements;
38
+ render(): any;
46
39
  }
@@ -5,6 +5,7 @@
5
5
  * It contains typing information for all components that exist in this project.
6
6
  */
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
+ import { IChartData } from "./components/q2-chart-donut/index";
8
9
  import { IEventDetail } from "./components/q2-input/types";
9
10
  import { IOptionValue } from "./components/q2-option-list/index";
10
11
  import { IOptionValue as IOptionValue1 } from "./components/q2-option-list";
@@ -103,11 +104,12 @@ export namespace Components {
103
104
  interface Q2ChartDonut {
104
105
  "chartName": string;
105
106
  "clearSelection": () => Promise<void>;
106
- "data": { id: string; value: number; name: string; icon?: string; color?: string }[];
107
+ "data": IChartData[];
107
108
  "format": 'currency';
108
109
  "hoverScaleSize": number;
109
110
  "innerRadius": string;
110
111
  "isClickable": boolean;
112
+ "minSliceSize": string;
111
113
  "outerRadius": string;
112
114
  "selectById": (id: string) => Promise<void>;
113
115
  "selectByIndex": (index: number) => Promise<void>;
@@ -793,11 +795,12 @@ declare namespace LocalJSX {
793
795
  }
794
796
  interface Q2ChartDonut {
795
797
  "chartName"?: string;
796
- "data"?: { id: string; value: number; name: string; icon?: string; color?: string }[];
798
+ "data"?: IChartData[];
797
799
  "format"?: 'currency';
798
800
  "hoverScaleSize"?: number;
799
801
  "innerRadius"?: string;
800
802
  "isClickable"?: boolean;
803
+ "minSliceSize"?: string;
801
804
  "onChange"?: (event: CustomEvent<any>) => void;
802
805
  "onClick"?: (event: CustomEvent<any>) => void;
803
806
  "outerRadius"?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "q2-tecton-elements",
3
- "version": "1.16.2",
3
+ "version": "1.17.0",
4
4
  "description": "Q2 Tecton Custom Elements",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -49,5 +49,5 @@
49
49
  "smoothscroll-polyfill": "^0.4.4",
50
50
  "swiper": "8.1.4"
51
51
  },
52
- "gitHead": "a3e5887c6a29921c5403d8a8d60ba888b69c59f8"
52
+ "gitHead": "2b206d7a0802cabac13a7419e3c38c60f0204545"
53
53
  }
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as r,F as o,g as i}from"./p-c5691700.js";import{d as s,o as a,i as l,l as p}from"./p-41fcf343.js";s();const n=class{constructor(r){t(this,r),this.change=e(this,"change",7),this.currentStep=1,this.scrollEnabled=!1,this.showScrollLeft=!1,this.showScrollRight=!1,this.scheduledAfterRender=[],this.onSlotChange=()=>{this.checkForPanes(),this.checkScrollState()},this.onScrollBtnClick=t=>{const e=Math.floor(this.listElement.clientWidth/2);this.listElement.scrollBy({left:"left"===t?-e:e,behavior:"smooth"})},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStep:r,stepCount:o,lastEnabledStep:i}=this;e>i||e===r||this.change.emit({selectedStep:e,lastEnabledStep:i,currentStep:r,stepCount:o})},this.onStepKeyDown=(t,e)=>{const{lastEnabledStep:r,stepCount:o}=this,{key:i}=t;let s;switch(i){case"ArrowLeft":t.preventDefault(),s=Math.max(e-1,0);break;case"ArrowRight":t.preventDefault(),s=Math.min(e+1,o);break;case"Home":t.preventDefault(),s=1;break;case"End":t.preventDefault(),s=r}s&&this.focusStep(s,!0)},this.checkForPanes=()=>{const{allPanes:t}=this;t.length&&(this.stepCount=t.length)},this.checkScrollState=()=>{if(!this.listElement)return;const{scrollLeft:t,scrollWidth:e,clientWidth:r}=this.listElement;this.scrollEnabled=e>r,this.showScrollLeft=!!t,this.showScrollRight=e!==t+r}}componentWillLoad(){this.lastEnabledStep||(this.lastEnabledStep=this.currentStep||1),this.resizeObserver=new ResizeObserver((()=>this.checkScrollState())),this.checkForPanes()}componentDidLoad(){this.resizeObserver.observe(this.listElement),this.checkScrollState(),a(this.hostElement),setTimeout((()=>this.showStep(this.currentStep||1)),0)}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[]}disconnectedCallback(){this.resizeObserver.disconnect()}currentStepChanged(t){this.showStep(t)}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStep=t.detail.selectedStep)}delegateFocus(t){l(t,this.hostElement)&&this.focusStep(this.currentStep,!0,!0)}statusChangeHandler(t){const e=Array.from(this.allPanes).findIndex((e=>t.detail.id===e.id));e>-1&&(this.allPanes[e].status=t.detail.status,this.renderStepBtn(e))}get allPanes(){return this.hostElement.querySelectorAll("q2-stepper-pane")}showStep(t){if(t>this.lastEnabledStep){const{currentStep:e,stepCount:r}=this;this.lastEnabledStep=t,this.change.emit({selectedStep:null,lastEnabledStep:t,currentStep:e,stepCount:r})}this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStep(t,this.scrollEnabled)}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}showStepPane(t){this.allPanes.forEach(((e,r)=>{e.isActive=t===r+1}))}focusStep(t,e,r){var o;const i=this.listElement.children[t-1],s=document.activeElement===this.hostElement;i&&((s||r)&&(null===(o=i.firstElementChild)||void 0===o||o.focus()),e)&&this.listElement.scrollTo({left:i.offsetLeft-this.listElement.clientWidth/2,behavior:"smooth"})}renderStepBtn(t){var e;const{allPanes:i,stepCount:s,currentStep:a,lastEnabledStep:l}=this,{id:n,label:c,description:b,status:d}=null!==(e=null==i?void 0:i[t])&&void 0!==e?e:{},h=t+1,v=h===a,u=c&&`label-${n}`,f=c&&b&&`description-${n}`,g=!c&&p("tecton.element.stepper.number",[`${h}`,`${s}`]);let m;"complete"===d?m="success":"error"===d&&(m="warning");const w=["step-btn"];d&&w.push(`status-${d}`);const x="locked"===d,z=x||h>l;return r("li",{role:"presentation"},r("button",{class:w.join(" "),type:"button","aria-labelledby":u,"aria-describedBy":f,"aria-label":g,"aria-selected":v,"aria-controls":n,"aria-disabled":z?"true":null,role:"tab",tabIndex:v?0:-1,onKeyDown:t=>this.onStepKeyDown(t,h),onClick:t=>!x&&this.onStepClick(t,h)},r(o,null,m?r("div",{class:"step-icon"},r("q2-icon",{type:m})):r("div",{class:"step-bubble"},h),c&&r("div",{class:"step-label",id:u},p(c)),c&&b&&r("div",{class:"step-description",id:f},p(b)))),t?r("hr",null):"")}render(){const{stepCount:t,scrollEnabled:e,showScrollLeft:i,showScrollRight:s}=this,a=["step-container"];return e&&a.push("has-scroll"),r(o,null,r("div",{class:a.join(" ")},e&&r(o,null,r("div",{class:"gradient-left",hidden:!i}),r("div",{class:"gradient-right",hidden:!s}),r("q2-btn",{class:"btn-left",hidden:!this.showScrollLeft,onClick:()=>this.onScrollBtnClick("left")},r("q2-icon",{type:"chevron-left"})),r("q2-btn",{class:"btn-right",hidden:!this.showScrollRight,onClick:()=>this.onScrollBtnClick("right")},r("q2-icon",{type:"chevron-right"}))),r("ul",{onScroll:this.checkScrollState,ref:t=>this.listElement=t,role:"tablist"},[...Array(t).keys()].map((t=>this.renderStepBtn(t))))),r("div",null,r("slot",{onSlotchange:()=>this.onSlotChange()})))}get hostElement(){return i(this)}static get watchers(){return{currentStep:["currentStepChanged"]}}};n.style='*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block;position:relative}ul{--comp-bullet-bg:var(--tct-stepper-bullet-active-bg, var(--t-stepper-bullet-active-bg, var(--t-primary, #0079c1)));--comp-bullet-font-color:var(--tct-stepper-bullet-active-font-color, var(--t-stepper-bullet-active-font-color, var(--t-primary-font-color, #ffffff)));--comp-bullet-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-bullet-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-bullet-border-offset:var(--tct-stepper-bullet-border-offset, var(--t-stepper-bullet-border-offset, 4px));--comp-bullet-border:var(--tct-stepper-bullet-border, var(--t-stepper-bullet-border, 2px solid var(--t-primary-l3, #21acff)));--comp-bullet-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-step-width:var(--tct-stepper-step-width, var(--t-stepper-step-width, var(--t-stepper-step-width, 80px)));--comp-step-gap:var(--tct-stepper-step-gap, var(--t-stepper-step-gap, 5px));--comp-top-btn-icon-size:var(--tct-stepper-btn-icon-size, var(--t-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-stepper-btn-gap, var(--t-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-stepper-label-color, var(--t-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-stepper-tween, var(--t-stepper-tween, var(--app-tween-1, 0.2s ease)));overflow-x:auto;display:flex;justify-content:center;list-style:none;padding:0;padding:var(--tct-stepper-list-padding, var(--t-stepper-list-padding, 2px));margin:0;gap:var(--comp-step-gap);--comp-scrollbar-size:var(--tct-scrollbar-size, var(--t-scrollbar-size, var(--app-scale-1x, 5px)));--comp-scrollbar-border-radius:var(--tct-scrollbar-border-radius, var(--t-scrollbar-border-radius, var(--app-border-radius-1, 3px)));--comp-scrollbar-color:var(--tct-scrollbar-color, var(--t-scrollbar-color, var(--t-a11y-gray-color, #747474)));scrollbar-width:thin;scrollbar-color:var(--comp-scrollbar-color) transparent}ul::-webkit-scrollbar{width:var(--comp-scrollbar-size);height:var(--comp-scrollbar-size);margin:5px}ul::-webkit-scrollbar-thumb{background:var(--comp-scrollbar-color);border-radius:var(--comp-scrollbar-border-radius)}ul::-webkit-scrollbar-track{background:transparent;border-radius:var(--comp-scrollbar-border-radius)}.has-scroll ul{justify-content:unset}li{min-height:var(--tct-stepper-min-height, var(--t-stepper-min-height, 50px));flex:0 0 auto;position:relative;width:var(--comp-step-width);text-align:center;max-width:150px;min-width:80px}.step-btn{position:relative;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;height:calc(100% - 4px);width:100%;transition:var(--comp-tween);padding:0;transition-property:box-shadow;outline:none;--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn[aria-disabled]{cursor:not-allowed}.step-btn[aria-disabled],.step-btn[aria-disabled]+hr{--comp-bullet-font-color:var(--tct-stepper-bullet-inactive-font-color, var(--t-stepper-bullet-inactive-font-color, var(--t-text, #4d4d4d)));--comp-bullet-bg:var(--tct-stepper-bullet-inactive-bg, var(--t-stepper-bullet-inactive-bg, var(--t-gray-12, #d9d9d9)))}.step-icon,.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0;margin:var(--comp-bullet-gap) auto;color:var(--comp-bullet-font-color);width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);min-height:var(--comp-btn-icon-size);font-size:var(--comp-bullet-font-size);transition:var(--comp-tween);transition-property:background, color;border-radius:50%;position:relative}.step-icon q2-icon,.step-bubble q2-icon{fill:var(--comp-active-color);--tct-icon-stroke-primary:var(--comp-active-color);--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}[aria-selected] .step-icon,[aria-selected] .step-bubble{font-weight:var(--tct-stepper-bullet-active-font-weight, var(--t-stepper-bullet-active-font-weight, 600))}[aria-selected] .step-icon:before,[aria-selected] .step-bubble:before{content:"";position:absolute;inset:calc(var(--comp-bullet-border-offset) * -1);width:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));height:calc(var(--comp-bullet-size) + var(--comp-bullet-border-offset));border-radius:50%;border:var(--comp-bullet-border);border-color:var(--comp-active-color)}.step-bubble{background:var(--comp-bullet-bg)}hr{width:calc(var(--comp-step-width) - var(--comp-step-gap) - var(--comp-bullet-gap) - var(--comp-bullet-size));top:calc(var(--comp-bullet-size) / 2 + var(--comp-bullet-gap));left:calc(var(--comp-step-width) * -0.5 + var(--comp-step-gap) + var(--comp-bullet-gap));border:0;border-top:1px solid var(--comp-bullet-bg);height:0;position:absolute;margin:0;transition:border var(--comp-tween)}.step-container{position:relative}.step-label{color:var(--tct-stepper-title-color, var(--t-stepper-title-color, var(--t-text, #4d4d4d)));font-size:var(--tct-stepper-title-font-size, var(--t-stepper-title-font-size, var(--app-font-size-small, 12px)));height:1.5em;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected] .step-label{font-weight:var(--tct-stepper-active-font-weight, var(--t-stepper-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-description{color:var(--tct-stepper-description-color, var(--t-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-stepper-description-font-size, var(--t-stepper-description-font-size, var(--app-font-size-small, 12px)));text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding-bottom:0.2em}.gradient-left,.gradient-right{z-index:1;position:absolute;top:0;height:100%;width:18px}.gradient-left{background-image:linear-gradient(to left, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);left:0}.gradient-right{background-image:linear-gradient(to right, var(--t-base-a0, rgba(255, 255, 255, 0)), var(--t-base-a2, rgba(255, 255, 255, 0.5)) 10%, var(--t-base, #ffffff) 100%);right:0}.btn-left,.btn-right{--tct-icon-size:18px;--tct-btn-icon-hover-bg:transparent;--tct-btn-icon-width:22px;--tct-icon-stroke-primary:var(--tct-stepper-scroll-arrow-color, var(--t-stepper-scroll-arrow-color, var(--t-text, #4d4d4d)));position:absolute;top:calc(50% - 22px);z-index:2}.btn-left q2-icon,.btn-right q2-icon{--tct-icon-stroke-width:3}.btn-left{left:0}.btn-right{right:0}';export{n as q2_stepper}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as a,F as r,g as i}from"./p-c5691700.js";import{o as s,c as n,i as o,l as c}from"./p-41fcf343.js";const l=class{constructor(a){t(this,a),this.change=e(this,"change",7),this.structuredPanes=[],this.scheduledAfterRender=[],this.determinePaneChanges=t=>{t.forEach((t=>{var e,a;"childList"===t.type&&(t.addedNodes.length||t.removedNodes.length)&&((null===(e=t.addedNodes[0])||void 0===e?void 0:e.nodeType)!==Node.ELEMENT_NODE&&(null===(a=t.removedNodes[0])||void 0===a?void 0:a.nodeType)!==Node.ELEMENT_NODE||this.buildPaneList())}))},this.buildPaneList=()=>{const{allRootPanes:t}=this;t.length&&(this.structuredPanes=Array.from(t).reduce(((t,e)=>{var a,r;const i=Array.from(null!==(r=null===(a=e.querySelector("[slot=children]"))||void 0===a?void 0:a.children)&&void 0!==r?r:[]).filter((({tagName:t})=>"Q2-STEPPER-PANE"===t)).map(this.extractDetails);return t.push(Object.assign(Object.assign({},this.extractDetails(e)),{children:i})),t}),[]))},this.onStepClick=(t,e)=>{t.stopPropagation();const{currentStepId:a}=this;if(e===a)return;const r=this.allPanes.find((t=>t.id===e));this.change.emit({selectedStep:r,selectedStepId:e,currentStepId:a})},this.onStepKeyDown=(t,e)=>{const{key:a}=t;let r;switch(a){case"ArrowUp":case"ArrowLeft":t.preventDefault(),r=this.getStepId(e,"prev");break;case"ArrowDown":case"ArrowRight":t.preventDefault(),r=this.getStepId(e,"next");break;case"Home":t.preventDefault(),r=this.getStepId(e,"first");break;case"End":t.preventDefault(),r=this.getStepId(e,"last")}r&&this.focusStepBtn(r,!0)}}componentWillLoad(){this.setDefaultPane(),this.buildPaneList();const t=new MutationObserver(this.determinePaneChanges),e={childList:!0};t.observe(this.hostElement,e),this.allRootPanes.forEach((a=>{const r=a.querySelector("[slot=children]");r&&t.observe(r,e)})),this.mutationObserver=t}componentDidLoad(){s(this.hostElement),setTimeout((()=>this.showStep(this.currentStepId)),0)}componentWillUpdate(){this.expandedStepChildrenList=null}componentDidRender(){this.scheduledAfterRender.forEach((t=>t())),this.scheduledAfterRender=[],this.openCurrentStepChildren()}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}get allRootPanes(){return Array.from(this.hostElement.querySelectorAll(":scope > q2-stepper-pane"))}get allPanes(){return Array.from(this.hostElement.querySelectorAll("q2-stepper-pane"))}setDefaultPane(){if(this.currentStepId)return;const t=this.hostElement.querySelector("q2-stepper-pane");t&&(t.id||(t.id=`step-${n()}`),this.currentStepId=t.id)}getStepId(t,e){const a=Array.from(this.hostElement.shadowRoot.querySelectorAll('ul:not([aria-hidden="true"]) > li > button:not([aria-disabled="true"])')),r=a.findIndex((e=>e.getAttribute("aria-controls")===t));let i;switch(e){case"prev":i=Math.max(r-1,0);break;case"next":i=Math.min(r+1,a.length-1);break;case"first":i=0;break;case"last":i=a.length-1}return a[i].getAttribute("aria-controls")}showStep(t){this.scheduledAfterRender.push(this.resizeIframe),this.showStepPane(t),this.focusStepBtn(t)}extractDetails(t){const{label:e,description:a,status:r}=t;return t.id||(t.id=`step-${n()}`),{id:t.id,label:e,description:a,status:r}}resizeIframe(){var t,e;return null===(e=null===(t=null===window||void 0===window?void 0:window.TectonElements)||void 0===t?void 0:t.resizeIframe)||void 0===e?void 0:e.call(t)}openCurrentStepChildren(){const{expandedStepChildrenList:t}=this;this.hostElement.shadowRoot.querySelectorAll(".spacer").forEach((e=>{if(t&&e.contains(t)){if(e.style.height=`${t.clientHeight}px`,e.classList.contains("is-open"))return;e.classList.add("is-opening"),e.addEventListener("transitionend",(()=>{e.classList.remove("is-opening"),e.classList.add("is-open"),this.resizeIframe()}),{once:!0})}else e.removeAttribute("style"),e.classList.remove("is-open","is-opening")}))}showStepPane(t){this.allPanes.forEach((e=>{(e.isActive||e.id===t)&&(e.isActive=t===e.id)}))}focusStepBtn(t,e){const a=this.hostElement.shadowRoot.querySelector(`button[aria-controls="${t}"]`),r=document.activeElement===this.hostElement;a&&(r||e)&&a.focus()}defaultChangeHandler(t){const{hostElement:e}=this;t.target===e&&!e.getAttribute("onchange")&&t.detail&&(this.currentStepId=t.detail.selectedStepId)}delegateFocus(t){o(t,this.hostElement)&&this.focusStepBtn(this.currentStepId,!0)}statusChangeHandler(){this.buildPaneList()}currentStepChanged(t){this.showStep(t)}renderStepBtn(t,e){const{currentStepId:r,structuredPanes:i}=this,s=e===i.length-1,{id:n,label:o,description:l,status:p}=t,d=e+1,b=n===r,h=o&&`label-${n}`,v="locked"===p,u=o&&c(o),f=o&&l&&`description-${n}`,g=!o&&c("tecton.element.advancedStepper.number",[`${d}`,`${i.length}`]);let m;"complete"===p?m="success":"error"===p&&(m="warning");const w=["step-btn"];p&&w.push(`status-${p}`);const x=t.children.map((t=>t.id)),y=b||x.includes(r);return a("li",{role:"presentation"},a("button",{class:w.join(" "),type:"button","aria-labelledby":h,"aria-describedBy":f,"aria-label":g,"aria-selected":`${b}`,"aria-expanded":t.children.length?`${y}`:null,"aria-controls":n,"aria-disabled":v?"true":null,role:"tab",tabIndex:b?0:-1,onKeyDown:t=>!v&&this.onStepKeyDown(t,n),onClick:t=>!v&&this.onStepClick(t,n)},m?a("div",{class:"step-icon"},a("q2-icon",{type:m})):a("div",{class:"step-bubble"},d),o&&a("div",null,a("div",{class:"step-label",id:h},u),l&&a("div",{class:"step-description",id:f},c(l)))),(s&&!!t.children.length||!s)&&a("div",{class:"spacer"},!!t.children.length&&a("ul",{ref:t=>y&&(this.expandedStepChildrenList=t),"aria-hidden":`${!y}`},t.children.map(((t,e,a)=>this.renderChildStepBtn(t,e,a.length,u))))))}renderChildStepBtn(t,e,r,i){const{currentStepId:s}=this,{id:n,label:o,status:l}=t,p=o&&`label-${n}`,d=n===s,b="locked"===l,h=!o&&c("tecton.element.advancedStepper.childNumber",[`${e+1}`,`${r}`,i]);let v;"error"===l&&(v="warning");const u=["step-child-btn"];return l&&u.push(`status-${l}`),a("li",{role:"presentation"},a("button",{class:u.join(" "),type:"button","aria-labelledby":p,"aria-label":h,"aria-selected":`${d}`,"aria-controls":n,"aria-disabled":b?"true":null,role:"tab",tabIndex:d?0:-1,onKeyDown:t=>!b&&this.onStepKeyDown(t,n),onClick:t=>!b&&this.onStepClick(t,n)},v&&a("div",{class:"step-child-icon"},a("q2-icon",{type:v})),o&&a("div",{class:"step-child-label",id:p},c(o))))}render(){return a(r,null,a("ul",{role:"tablist"},this.structuredPanes.map(((t,e)=>this.renderStepBtn(t,e)))),a("div",null,a("slot",null)))}get hostElement(){return i(this)}static get watchers(){return{currentStepId:["currentStepChanged"]}}};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}: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:grid;grid-template-columns:var(--tct-advanced-stepper-list-width, var(--t-advanced-stepper-list-width, 180px)) 1fr;gap:var(--tct-advanced-stepper-layout-gap, var(--t-advanced-stepper-layout-gap, 120px))}.step-label,.step-child-label{color:var(--comp-btn-label-color);font-size:var(--comp-btn-label-font-size);font-weight:var(--comp-label-font-weight, 400);height:1.5em}.step-label{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[aria-selected=true] .step-label{font-weight:var(--tct-advanced-stepper-btn-active-font-weight, var(--t-advanced-stepper-btn-active-font-weight, 600))}[aria-describedby] .step-label{-webkit-line-clamp:1}.step-child-label{grid-area:content;color:var(--comp-btn-label-color)}.step-description{color:var(--tct-advanced-stepper-description-color, var(--t-advanced-stepper-description-color, var(--t-textA, rgba(77, 77, 77, 0.77))));font-size:var(--tct-advanced-stepper-description-font-size, var(--t-advanced-stepper-description-font-size, var(--app-font-size-small, 12px)));padding-bottom:0.2em}ul{--comp-top-btn-icon-size:var(--tct-advanced-stepper-btn-icon-size, var(--t-advanced-stepper-btn-icon-size, 24px));--comp-btn-icon-size:var(--comp-top-btn-icon-size);--comp-btn-content-gap:var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-3x, 15px)));--comp-btn-label-font-size:var-list(var-prefixer(advanced-stepper-btn-label-font-size), 16px);--comp-btn-label-color:var(--tct-advanced-stepper-label-color, var(--t-advanced-stepper-label-color, var(--t-text, #4d4d4d)));--comp-tween:var(--tct-advanced-stepper-tween, var(--t-advanced-stepper-tween, var(--app-tween-1, 0.2s ease)));list-style:none;margin:0;padding:0}ul ul{--comp-btn-icon-size:var(--tct-advanced-stepper-child-btn-icon-size, var(--t-advanced-stepper-child-btn-icon-size, 12px));--comp-btn-content-gap:var(--tct-advanced-stepper-btn-gap, var(--t-advanced-stepper-btn-gap, var(--app-scale-2x, 10px)));--comp-btn-label-font-size:var-list(\n var-prefixer(advanced-stepper-child-btn-label-font-size),\n --app-font-size-small,\n 12px\n )}ul ul[aria-hidden=true]{display:none}.step-btn,.step-child-btn{display:grid;grid-template-columns:var(--comp-btn-icon-size) 1fr;gap:var(--comp-btn-content-gap);text-align:var(--tct-advanced-stepper-btn-text-align, var(--t-advanced-stepper-btn-text-align, start));grid-template-areas:"icon content";align-items:center;width:100%;position:relative;background:transparent;border:0;cursor:pointer;padding:0;transition-property:box-shadow;outline:none}.step-btn[aria-disabled],.step-child-btn[aria-disabled]{cursor:default;--comp-label-font-weight:300;--comp-btn-label-color:var(--tct-advanced-stepper-btn-locked-color, var(--t-advanced-stepper-btn-locked-color, var(--t-textA, rgba(77, 77, 77, 0.77))))}.step-btn[aria-selected=true],.step-child-btn[aria-selected=true]{--comp-label-font-weight:600}.step-btn{min-height:var(--tct-advanced-stepper-btn-height, var(--t-advanced-stepper-btn-height, 40px));font-size:var(--tct-advanced-stepper-btn-font-size, var(--t-advanced-stepper-btn-font-size, 16px));--comp-active-color:var(--t-primary, #0079c1)}.step-btn.status-complete{--comp-active-color:var(--const-stoplight-success, #0e8a00)}.step-btn.status-error{--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-btn.status-locked{cursor:not-allowed}.step-child-btn{--comp-active-color:var(--t-primary, #0079c1);min-height:var(--tct-advanced-stepper-child-btn-height, var(--t-advanced-stepper-child-btn-height, 30px));padding-left:var(--tct-advanced-stepper-child-btn-left-padding, var(--t-advanced-stepper-child-btn-left-padding, var(--app-scale-2x, 10px)));font-size:var(--tct-advanced-stepper-child-btn-font-size, var(--t-advanced-stepper-child-btn-font-size, 12px));border-left-width:var(--tct-advanced-stepper-child-btn-left-border-width, var(--t-advanced-stepper-child-btn-left-border-width, 3px));border-left-style:var(--tct-advanced-stepper-child-btn-left-border-style, var(--t-advanced-stepper-child-btn-left-border-style, solid));border-left-color:transparent}.step-child-btn[aria-selected=true]{--comp-btn-label-color:var(--comp-active-color);border-left-color:var(--comp-active-color)}.step-child-btn.status-error{--comp-btn-label-color:var(--const-stoplight-alert, #c30000);--comp-active-color:var(--const-stoplight-alert, #c30000)}.step-child-btn.status-locked{cursor:not-allowed}.step-content{grid-area:content}.step-icon,.step-bubble,.step-child-icon{grid-area:icon;width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size)}.step-icon q2-icon,.step-bubble q2-icon,.step-child-icon q2-icon{width:var(--comp-btn-icon-size);height:var(--comp-btn-icon-size);--tct-icon-stroke-primary:var(--comp-active-color)}.step-icon,.step-bubble{background:var(--t-primary, #0079c1);color:var(--t-base, #ffffff);border-radius:50%}.status-complete .step-icon,.status-error .step-icon,.status-complete .step-bubble,.status-error .step-bubble{background:var(--comp-active-color)}.step-icon q2-icon,.step-bubble q2-icon{--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.status-locked .step-icon,.status-locked .step-bubble{background:var(--t-gray-12, #d9d9d9);color:var(--t-text, #4d4d4d)}[aria-selected=true] .step-icon,[aria-selected=true] .step-bubble{box-shadow:0 0 0 2px var(--t-base, #ffffff), 0 0 0 4px var(--comp-active-color)}.step-bubble{display:flex;justify-content:center;align-items:center;line-height:0}.step-child-icon q2-icon{--tct-icon-stroke-primary:var(--comp-active-color);--tct-icon-stroke-secondary:var(--comp-active-color)}[aria-selected=true] .step-child-icon q2-icon{fill:var(--comp-active-color);--tct-icon-stroke-secondary:var(--t-base, #ffffff)}.spacer{height:var(--tct-advanced-stepper-spacer-height, var(--t-advanced-stepper-spacer-height, var(--app-scale-6x, 30px)));border-left-width:var(--tct-advanced-stepper-child-border-width, var(--t-advanced-stepper-child-border-width, 1px));border-left-style:var(--tct-advanced-stepper-child-border-style, var(--t-advanced-stepper-child-border-style, solid));border-left-color:var(--tct-advanced-stepper-child-border-color, var(--t-advanced-stepper-child-border-color, var(--t-gray-12, #d9d9d9)));overflow:hidden;margin-left:calc(var(--comp-top-btn-icon-size) / 2);transition:height var(--comp-tween)}.spacer ul{opacity:0;transition:opacity var(--comp-tween)}.spacer.is-opening ul,.spacer.is-open ul{display:block;opacity:1 !important}.spacer.is-open{overflow:visible}';export{l as q2_stepper_vertical}
@@ -1 +0,0 @@
1
- import{r as t,c as a,h as r,F as i,g as e}from"./p-c5691700.js";import{a as o,o as c,i as s}from"./p-41fcf343.js";const n=["primary","secondary","tertiary","accent-1","accent-2","accent-3","accent-4","accent-5","accent-6","accent-7","accent-8","accent-9","accent-10","accent-11","accent-12"],d=["info","success","warning","alert"],h=class{constructor(r){t(this,r),this.click=a(this,"click",7),this.isTouch=o(),this.isAutoTouch=!1,this.isAutoSmall=!1,this.handleClick=t=>{if(this.url)return!0;t.preventDefault(),t.stopPropagation(),this.click.emit()}}componentWillLoad(){this.checkBar()}componentDidLoad(){const{hostElement:t,clickableElement:a}=this;t.click=()=>a.click(),c(this.hostElement),this.resizeObserver=new ResizeObserver((()=>this.determineAutoSmall())),this.resizeObserver.observe(this.hostElement)}willDestroyElement(){this.resizeObserver=null}onHostElementFocus(t){s(t,this.hostElement)&&this.clickableElement.focus()}checkBar(){const{bar:t}=this;t&&(this.barColor=n.includes(t)?`var(--t-${t})`:d.includes(t)?`var(--const-stoplight-${t})`:t)}determineAutoTouch(){this.hostElement.hasAttribute("is-touch")||(this.isAutoTouch=o())}determineAutoSmall(){var t,a;if(this.isStatic)return;if(this.hostElement.hasAttribute("is-small"))return;const{containerElement:r,avatarElement:i}=this,e=null!==(t=null==i?void 0:i.offsetWidth)&&void 0!==t?t:0,o=null!==(a=null==r?void 0:r.offsetWidth)&&void 0!==a?a:0;this.isAutoSmall=e+o<350}generateAvatar(){const{avatarName:t,avatarInitials:a,avatarSrc:i,avatarIcon:e}=this;return e?r("q2-icon",{type:e,ref:t=>this.avatarElement=t,"test-id":"avatar"}):t||a||i?r("q2-avatar",{name:t,initials:a,src:i,ref:t=>this.avatarElement=t,"test-id":"avatar"}):void 0}generateContent(){return r(i,null,this.bar&&r("div",{class:"bar","test-id":"bar",style:{"--comp-bar-color":this.barColor}}),this.generateAvatar(),r("div",{class:"content","test-id":"contentContainer",ref:t=>this.containerElement=t},this.title&&r("h3",{"test-id":"title"},this.title),this.description&&r("p",{"test-id":"description"},this.description),r("slot",null)),this.isTouch&&!this.isStatic&&r("q2-icon",{"test-id":"touchIndicator",type:"chevron-right",class:"touch-indicator"}))}generateContainerClasses(){const{isSmall:t,isAutoSmall:a,avatarName:r,avatarInitials:i,avatarSrc:e,avatarIcon:o,isTouch:c,isAutoTouch:s,isStatic:n}=this,d=["container"],h=c||s,v=r||i||e||o;return(t||a)&&d.push("is-small"),h&&!n&&d.push("is-touch"),v&&d.push("has-avatar"),d.join(" ")}render(){const{url:t,isStatic:a}=this;return t?r("a",{ref:t=>this.clickableElement=t,href:this.url,class:this.generateContainerClasses(),target:this.target,rel:"noopener noreferrer","test-id":"clickableElement",onClick:this.handleClick},this.generateContent()):a?r("div",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement"},this.generateContent()):r("button",{ref:t=>this.clickableElement=t,class:this.generateContainerClasses(),"test-id":"clickableElement",type:"button",onClick:this.handleClick},this.generateContent())}get hostElement(){return e(this)}static get watchers(){return{bar:["checkBar"]}}};h.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}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.container{position:relative;width:100%;text-align:start;height:100%;display:grid;gap:var(--tct-card-gap, var(--t-card-gap, var(--app-scale-3x, 15px)));margin:0;color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)));--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 44px));--comp-chevron-size:0;--comp-bar-width:var(--tct-card-bar-width, var(--t-card-bar-width, var(--app-scale-2x, 10px)));--comp-card-padding:var(--tct-card-padding, var(--t-card-padding, var(--app-scale-4x, 20px)))}.container.is-small{--comp-avatar-size:var(--tct-card-avatar-size, var(--t-card-avatar-size, 26px))}.container.has-avatar{grid-template-columns:var(--comp-avatar-size) 1fr;--tct-avatar-width:var(--comp-avatar-size);--tct-avatar-height:var(--comp-avatar-size);--tct-icon-size:var(--comp-avatar-size)}:host([bar][is-static]) .container{padding-left:var(--comp-card-padding)}.container:is(button),.container:is(a){--comp-border-radius:var(--tct-card-border-radius, var(--t-card-border-radius, var(--app-border-radius-1, 3px)));--comp-border-width:var(--tct-card-border-width, var(--t-card-border-width, 0px));cursor:pointer;border:none;background:var(--tct-card-background, var(--t-card-background, var(--t-base, #ffffff)));padding:var(--comp-card-padding);text-decoration:none;border-width:var(--comp-border-width);border-color:var(--tct-card-border-color, var(--t-card-border-color, transparent));border-style:solid;border-radius:var(--comp-border-radius);transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));box-shadow:var(--tct-card-box-shadow, var(--t-card-box-shadow, var(--app-shadow-2, 0 3px 6px rgba(0, 0, 0, 0.3))))}@media (hover: hover){.container:is(button):hover,.container:is(button):active,.container:is(button):focus,.container:is(a):hover,.container:is(a):active,.container:is(a):focus{color:var(--tct-card-color, var(--t-card-color, var(--t-text, #4d4d4d)))}.container:is(button):hover,.container:is(a):hover{box-shadow:var(--tct-card-hover-box-shadow, var(--t-card-hover-box-shadow, var(--app-shadow-3, 0 4px 12px rgba(0, 0, 0, 0.3))))}.container:is(button):active,.container:is(a):active{box-shadow:var(--tct-card-active-box-shadow, var(--t-card-active-box-shadow, var(--app-shadow-1, 0 2px 4px rgba(0, 0, 0, 0.3))))}}.container:is(button).is-touch,.container:is(a).is-touch{--comp-chevron-size:var(--tct-card-chevron-size, var(--t-card-chevron-size, 26px));grid-template-columns:1fr var(--comp-chevron-size)}.container:is(button).has-avatar.is-touch,.container:is(a).has-avatar.is-touch{grid-template-columns:var(--comp-avatar-size) 1fr var(--comp-chevron-size)}.content{overflow:hidden;display:grid;gap:var(--tct-card-content-gap, var(--t-card-content-gap, var(--app-scale-1x, 5px)));align-content:start}h3,p{margin:0;padding:0;line-height:var(--tct-card-font-height, var(--t-card-font-height, 20px))}h3{font-weight:var(--tct-card-font-weight, var(--t-card-font-weight, 600));font-size:var(--tct-card-font-size, var(--t-card-font-size, 17px));text-overflow:ellipsis;overflow:hidden;white-space:nowrap}p{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bar{--comp-bar-border-radius:calc(var(--comp-border-radius) - var(--comp-border-width));border-radius:var(--comp-bar-border-radius) 0 0 var(--comp-bar-border-radius);position:absolute;inset:0 auto auto 0;width:var(--comp-bar-width);background:var(--comp-bar-color);height:100%}.touch-indicator{align-self:center;--tct-icon-size:var(--comp-chevron-size)}";export{h as q2_card}
@@ -1 +0,0 @@
1
- import{r as t,h as o,F as e,g as i}from"./p-c5691700.js";const a=class{constructor(o){t(this,o),this.position="n"}render(){const t=["q2-tooltip-container","tooltipped"];return t.push(`tooltipped-${this.position}`),this.block&&(t.push("block"),this.hostElement.style.display="block"),this.multiline&&t.push("tooltipped-multiline"),this.persistent&&t.push("persistent"),this.label?o(e,null,o("div",{class:t.join(" "),"aria-label":this.label},o("slot",null))):o("slot",null)}get hostElement(){return i(this)}};a.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}: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}.tooltipped{--comp-background:var(--tct-tooltip-background-color, var(--t-tooltip-background-color, var(--t-top-a3, rgba(13, 13, 13, 0.85))));--comp-offset-default:calc(var(--app-scale-1x, 5px) * -1);--comp-offset:var(--tct-tooltip-offset, var(--t-tooltip-offset, var(--comp-offset-default)));--comp-position:var(--tct-tooltip-position, var(--t-tooltip-position, var(--app-scale-1x, 5px)));--comp-body-offset-default:calc(var(--app-scale-3x, 15px) * -1);--comp-body-offset:var(--tct-tooltip-body-offset, var(--t-tooltip-body-offset, var(--comp-body-offset-default)));--comp-duration:var(--tct-tooltip-animation-duration, var(--t-tooltip-animation-duration, var(--app-duration-1, 0.2s)));--comp-visible-duration:var(--tct-tooltip-animation-visible-duration, var(--t-tooltip-animation-visible-duration, 2s));position:relative}@keyframes tooltippedFade{from{opacity:0}to{opacity:1}}.tooltipped:before{position:absolute;z-index:1000001;width:0;height:0;color:var(--comp-background);pointer-events:none;content:"";border:var(--tct-tooltip-arrow-size, var(--t-tooltip-arrow-size, var(--app-scale-1x, 5px))) solid transparent}.tooltipped:after{--comp-padding:var(--app-scale-1x, 5px) 8px;position:absolute;z-index:1000000;padding:var(--tct-tooltip-padding, var(--t-tooltip-padding, var(--comp-padding)));font-weight:600;font-size:12px;line-height:1.5;color:var(--tct-tooltip-color, var(--t-tooltip-color, var(--app-white, #ffffff)));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--comp-background);border-radius:3px}.tooltipped[label][stencil-hydrated]:after{content:attr(label)}.tooltipped:before,.tooltipped:after{display:inline-block;visibility:hidden;opacity:0;transition:all var(--comp-duration) ease-in-out 0s}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after,.tooltipped:focus-within:before,.tooltipped:focus-within:after{text-decoration:none;visibility:visible;opacity:1}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after{transition:all var(--comp-duration) ease-in-out}.tooltipped:hover:before,.tooltipped:hover:after{transition-delay:1s}.tooltipped:focus:before,.tooltipped:focus:after,.tooltipped:focus-within:before,.tooltipped:focus-within:after{animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade, tooltippedFade;animation-direction:normal, reverse;animation-duration:var(--comp-duration);animation-delay:0ms, calc(var(--comp-visible-duration) + var(--comp-duration))}.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after,.tooltipped:not([stencil-hydrated])[aria-label=""]:hover:before,.tooltipped:not([stencil-hydrated])[aria-label=""]:hover:after,.tooltipped:not([stencil-hydrated])[aria-label=""]:active:before,.tooltipped:not([stencil-hydrated])[aria-label=""]:active:after,.tooltipped:not([stencil-hydrated])[aria-label=""]:focus:before,.tooltipped:not([stencil-hydrated])[aria-label=""]:focus:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):active:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):active:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after{display:none}.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:after,.tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:before,.tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after{display:none}.tooltipped-multiline:after{width:max-content;max-width:var(--tct-tooltip-max-width, var(--t-tooltip-max-width, 200px));word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate;text-align:left}.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{right:auto;left:50%;transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{right:100%}.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{display:table-cell}.tooltipped-multiline:focus-within:after{display:table-cell}.tooltipped-sticky:before,.tooltipped-sticky:after{display:inline-block}.tooltipped-sticky.tooltipped-multiline:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{top:100%;right:50%;margin-top:var(--comp-position)}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{top:auto;right:50%;bottom:var(--comp-offset);margin-right:var(--comp-offset);border-bottom-color:var(--comp-background)}.tooltipped-se:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}.tooltipped-sw:after{margin-right:var(--comp-body-offset)}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{right:50%;bottom:100%;margin-bottom:var(--comp-position)}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{top:var(--comp-offset);right:50%;bottom:auto;margin-right:var(--comp-offset);border-top-color:var(--comp-background)}.tooltipped-ne:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}.tooltipped-nw:after{margin-right:var(--comp-body-offset)}.tooltipped-s:after,.tooltipped-n:after{transform:translateX(50%)}.tooltipped-w:after{right:100%;bottom:50%;margin-right:var(--comp-position);transform:translateY(50%)}.tooltipped-w:before{top:50%;bottom:50%;left:var(--comp-offset);margin-top:var(--comp-offset);border-left-color:var(--comp-background)}.tooltipped-e:after{bottom:50%;left:100%;margin-left:var(--comp-position);transform:translateY(50%)}.tooltipped-e:before{top:50%;right:var(--comp-offset);bottom:50%;margin-top:var(--comp-offset);border-right-color:var(--comp-background)}.phone .tooltipped:not(.tooltip-popover):hover:before,.phone .tooltipped:not(.tooltip-popover):hover:after,.phone .tooltipped:not(.tooltip-popover):active:before,.phone .tooltipped:not(.tooltip-popover):active:after,.phone .tooltipped:not(.tooltip-popover):focus:before,.phone .tooltipped:not(.tooltip-popover):focus:after,.phone .tooltipped:not(.tooltip-popover):focus-within:before,.phone .tooltipped:not(.tooltip-popover):focus-within:after,.tablet .tooltipped:not(.tooltip-popover):hover:before,.tablet .tooltipped:not(.tooltip-popover):hover:after,.tablet .tooltipped:not(.tooltip-popover):active:before,.tablet .tooltipped:not(.tooltip-popover):active:after,.tablet .tooltipped:not(.tooltip-popover):focus:before,.tablet .tooltipped:not(.tooltip-popover):focus:after,.tablet .tooltipped:not(.tooltip-popover):focus-within:before,.tablet .tooltipped:not(.tooltip-popover):focus-within:after{display:none}.q2-tooltip-container{display:inline-block;transition:all var(--comp-duration) ease-in-out 0s}.q2-tooltip-container.block{display:block}.q2-tooltip-container.persistent.tooltipped:before,.q2-tooltip-container.persistent.tooltipped:after{visibility:visible;opacity:1}';export{a as q2_tooltip}
@@ -1 +0,0 @@
1
- import{r as e,c as a,h as t,H as r,g as o}from"./p-c5691700.js";import{l as n}from"./p-41fcf343.js";const s=class{constructor(t){e(this,t),this.clickCarouselPane=a(this,"clickCarouselPane",7),this.generatePaneClass=e=>`q2-carousel-pane swiper-slide q2-carousel-pane-${e}`,this.paneClicked=e=>{this.isActivePane||(e.preventDefault(),this.clickCarouselPane.emit({paneIndex:this.index,pane:this.hostElement}))}}get currentPaneIndex(){return Array.prototype.indexOf.call(this.hostElement.parentElement.children,this.hostElement)}componentDidLoad(){this.determineDisabledContent()}determineDisabledContent(){const{isActivePane:e}=this;this.hostElement.querySelectorAll('q2-btn, a[href], button, [tabindex]:not([tabindex="-1"])').forEach((a=>{a.hasAttribute("tabindex")&&parseInt(a.getAttribute("tabindex"))>=0&&(a.dataset.q2Tabindex=`${a.tabIndex}`),e?a.hasAttribute("data-q2-tabindex")?(a.tabIndex=parseInt(a.getAttribute("data-q2-tabindex")),a.removeAttribute("data-q2-tabindex")):a.tagName.startsWith("Q2-")?a.tabIndex=void 0:a.removeAttribute("tabindex"):a.tabIndex=-1}))}render(){const{label:e}=this;return t(r,{class:this.generatePaneClass(this.currentPaneIndex),tabIndex:this.isActivePane?0:-1,role:"group","aria-roledescription":"slide","aria-hidden":this.isActivePane?void 0:"true","aria-label":e?n(e):n("tecton.element.carousel.itemDescription",[(this.currentPaneIndex+1).toString(),(this.siblingCount||0).toString()]),onClick:this.paneClicked},t("article",{class:"q2-carousel-pane-main-content"},t("slot",null)))}get hostElement(){return o(this)}static get watchers(){return{isActivePane:["determineDisabledContent"]}}};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}: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-carousel .swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;transition:all 0.2s}q2-carousel-pane.q2-carousel-pane{--comp-carousel-pane-tween:var(--tct-tween-1, var(--app-tween-1, 0.2s ease));cursor:grab}q2-carousel-pane.q2-carousel-pane:not([is-active-pane]) *{cursor:pointer}q2-carousel-pane.q2-carousel-pane:focus{box-shadow:none}q2-carousel-pane.q2-carousel-pane:focus .q2-carousel-pane-main-content{outline:none;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content{box-shadow:var(--app-shadow-2, 0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25)));transition:var(--comp-carousel-pane-tween);background-color:var(--tct-carousel-background-color, var(--t-carousel-background-color, var(--tct-white, var(--app-white, #ffffff))));border:var(--tct-carousel-pane-border-width, var(--t-carousel-pane-border-width, 0px)) solid var(--tct-carousel-pane-border-color, var(--t-carousel-pane-border-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));border-radius:var(--tct-carousel-pane-border-radius, var(--t-carousel-pane-border-radius, 8px));padding:var(--tct-carousel-pane-padding, var(--t-carousel-pane-padding, 0.5rem 0.5rem 0.5rem 0.5rem));height:var(--tct-carousel-pane-height, var(--t-carousel-pane-height, 10em))}q2-carousel-pane.q2-carousel-pane .q2-carousel-pane-main-content:hover{box-shadow:var(--app-shadow-3, 0px 2px 8px 0px var(--t-top-a1, rgba(0, 0, 0, 0.25)))}";export{s as q2_carousel_pane}
@@ -1 +0,0 @@
1
- import{r as t,c as r,h as e,g as i}from"./p-c5691700.js";import{c as o,h as a,o as c,l as s}from"./p-41fcf343.js";const l=class{constructor(e){t(this,e),this.change=r(this,"change",7),this.disabled=!1,this.checked=!1,this.groupDisabled=!1,this.groupReadonly=!1,this.groupTileLayout=!1,this.id=`radio-${o()}`,this.isLoaded=!1,this.inputChange=t=>{if(t.stopPropagation(),this.groupReadonly)return t.preventDefault(),!1;t.target instanceof HTMLInputElement&&(this.checked=t.target.checked)}}componentWillLoad(){a(this)}componentDidLoad(){this.isLoaded=!0,c(this.hostElement),this.hostElement.click=()=>this.inputField.click()}ariaLabelObserver(){a(this)}checkedObserver(){this.isLoaded&&this.checked&&this.change.emit({value:this.value})}onHostClick(t){this.disabled&&t.stopImmediatePropagation()}delegateFocus(t){t.target===this.hostElement&&this.inputField.focus()}render(){return e("div",{class:this.groupTileLayout?"radio-tile":"radio-container"},e("input",{ref:t=>this.inputField=t,class:"sr",id:this.id,type:"radio",name:this.name,value:this.value,disabled:this.disabled||this.groupDisabled,checked:this.checked,"aria-label":this.label&&this.hideLabel?s(this.label):void 0,onChange:this.inputChange,"test-id":"q2RadioInnerRadioBox"}),e("label",{htmlFor:this.id,"test-id":"radioButton"},!this.groupTileLayout&&e("svg",{viewBox:"0 0 18 18"},e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"8"}),e("circle",{stroke:"none",fill:"none",cx:"9",cy:"9",r:"4"})),!this.hideLabel&&e("div",{class:"label-content"},this.label&&s(this.label)||"",e("slot",null))))}get hostElement(){return i(this)}static get watchers(){return{ariaLabel:["ariaLabelObserver"],checked:["checkedObserver"]}}};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}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}.radio-container{margin-top:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));margin-right:var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));margin-bottom:var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px))}.radio-container label[for]{font-weight:var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));align-items:center;cursor:pointer;margin-right:1rem;display:grid;grid-template-columns:18px 1fr;gap:var(--tct-scale-1, var(--app-scale-1x, 5px))}.radio-container svg{border-radius:50%;transition:box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));outline:0;width:100%}.radio-container circle:nth-child(1){stroke-width:2;stroke:var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))))}.radio-container input:focus+label svg{box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.radio-container input:focus+label circle:nth-child(1){stroke:var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-container input:checked+label circle:nth-child(1){background-color:var(--tct-radio-checked-bg, transparent);stroke:var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))))}.radio-container input:checked+label .label-content{font-weight:var(--tct-checkbox-selected-font-weight, 600);letter-spacing:var(--tct-checkbox-selected-letter-spacing, 0.25)}.radio-container input:checked+label circle:nth-child(2){fill:var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)))}.radio-tile{flex-basis:100px;flex-grow:0;flex-wrap:wrap}.radio-tile label[for]{align-items:center;border-radius:3px;border:2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));cursor:pointer;display:block;padding:10px;position:relative;text-align:center;transition:border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));white-space:nowrap}.radio-tile input:focus+label,.radio-tile input:focus:checked+label{border-color:#0079c1;box-shadow:var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff))}.radio-tile input:checked+label{border-color:var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));box-shadow:inset 0 0 0 2px #ffffff}.radio-tile input:checked+label:after{border-bottom-width:3px;border-bottom:5px solid #0079c1;border-left-width:5px;border-left:8px solid transparent;border-right-width:5px;border-right:8px solid transparent;bottom:0;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0}input:disabled+label{cursor:not-allowed;opacity:var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4))}';export{l as q2_radio}
@@ -1 +0,0 @@
1
- import{r as e,c as t,h as i}from"./p-c5691700.js";const n=class{constructor(i){e(this,i),this.badge=t(this,"badge",7)}badgeObserver(){this.badge.emit()}render(){return i("div",{id:`tab-pane-${this.guid}-${this.index}`,class:"tab-pane"+(this.selected?"":" hidden"),role:"tabpanel",tabindex:"-1","aria-hidden":`${!this.selected}`,"aria-labelledby":`tab-${this.guid}-${this.index}`},i("slot",null))}static get watchers(){return{badgeCount:["badgeObserver"]}}};n.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}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}";export{n as q2_tab_pane}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as o,F as a,g as e}from"./p-c5691700.js";import{c as r,o as n,i as s,l}from"./p-41fcf343.js";const p=class{constructor(o){t(this,o),this.change=i(this,"change",7),this.disabled=!1,this.tileAlignment="center",this.hasError=!1,this.id=`radio-group-${r()}`,this.onMutationObserved=()=>{this.valueUpdated(this.value),this.nameUpdated(),this.disabledUpdated(),this.readonlyUpdated(),this.tileLayoutUpdated(this.tileLayout)},this.onInnerRadioChange=t=>{t.stopImmediatePropagation(),this.readonly||this.change.emit({value:t.detail.value})}}get radioElements(){return Array.from(this.hostElement.querySelectorAll("q2-radio"))}componentWillLoad(){this.onMutationObserved(),this.tilelayout&&(this.tileLayout=this.tilelayout)}componentDidLoad(){const t=new MutationObserver(this.onMutationObserved);t.observe(this.hostElement,{childList:!0}),this.mutationObserver=t,n(this.hostElement)}valueUpdated(t){this.radioElements.forEach((i=>{i.checked=t===i.value}))}nameUpdated(){this.radioElements.forEach((t=>{t.name=this.name||this.id}))}disabledUpdated(){this.radioElements.forEach((t=>{t.groupDisabled=this.disabled}))}readonlyUpdated(){const t=this.readonly;this.radioElements.forEach((i=>i.groupReadonly=t))}tilelayoutUpdated(t){this.tileLayout=t}tileLayoutUpdated(t){this.radioElements.forEach((i=>{i.groupTileLayout=t}))}onHostElementChange(t){t.target===this.hostElement&&(this.hostElement.onchange||(this.value=t.detail.value))}delegateFocus(t){if(!s(t,this.hostElement))return;const i=this.hostElement.querySelector("q2-radio[checked]")||this.hostElement.querySelector("q2-radio");null==i||i.dispatchEvent(new FocusEvent("focus"))}keydownHandler(t){const i=t.target.getAttribute("value")||this.value;let o=this.radioElements.findIndex((o=>o===t.target||o.getAttribute("value")===i)),a=0;switch(t.key){case"ArrowLeft":case"ArrowUp":a=-1;break;case"ArrowRight":case"ArrowDown":a=1}-1!==o&&0!==a&&(o+=a,o=a<0?Math.max(0,o):Math.min(this.radioElements.length-1,o),t.preventDefault(),this.readonly||(this.value=this.radioElements[o].value),this.radioElements[o].dispatchEvent(new FocusEvent("focus")))}labelDOM(){const{label:t,optional:i,readonly:e}=this;let r="";return e?r=o("span",{class:"optional-tag"},l("tecton.element.input.readonly")):i&&(r=o("span",{class:"optional-tag"},l("tecton.element.input.optional"))),o(a,null,t&&l(t),!!r&&o("span",{class:"optional-tag"},r))}render(){const t=this.label||this.optional||this.readonly,{hasError:i}=this;return o(a,null,(t||i)&&o("div",{class:"label-row"},t&&o("div",{class:"group-legend"},this.labelDOM()),i&&o("q2-icon",{type:"error","test-id":"iconError"})),o("fieldset",{onChange:this.onInnerRadioChange,"aria-required":`${!this.optional}`,"aria-readonly":`${this.readonly}`},t&&o("legend",{class:"sr"},this.labelDOM()),this.inputDom()))}inputDom(){if(this.tileLayout){const{tileAlignment:t}=this,i=["left","center","right"].includes(t)?t:"center";return o("div",{class:`tile-container ${i}`},o("div",{class:"options-container"},o("slot",null)))}return o("div",{class:"options-container"},o("slot",null))}get hostElement(){return e(this)}static get watchers(){return{value:["valueUpdated"],name:["nameUpdated"],disabled:["disabledUpdated"],readonly:["readonlyUpdated"],tilelayout:["tilelayoutUpdated"],tileLayout:["tileLayoutUpdated"]}}};p.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}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{margin-top:var(--tct-scale-2, var(--app-scale-2x, 10px))}fieldset{padding:0;margin:0;border:0;position:relative}.label-row{display:grid;grid-template-columns:1fr 24px;grid-template-areas:"label icon";gap:var(--app-scale-1x, 5px)}.label-row q2-icon{grid-area:icon;margin-top:-2px;margin-bottom:-2px}.group-legend{font-weight:600}.optional-tag{margin-left:var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1x, 5px))));color:var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));font-size:var(--tct-input-label-optional-font-size, var(--t-input-label-optional-font-size, 12px));font-weight:var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400))}.tile-container,.tile-container .options-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-grow:1}.options-container{--comp-default-margin:var(--app-scale-1x, 5px) 0;--comp-options-margin:var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));margin:var(--comp-options-margin);padding:var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));border-width:1px;border-color:transparent;border-style:solid;border-radius:var(--tct-border-radius-1, var(--app-border-radius-1, 2px))}:host([has-error]) .options-container{border-color:var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000))}.tile-container.left{justify-content:start}.tile-container.right{justify-content:end}.tile-container .options-container{gap:var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));justify-content:inherit}';export{p as q2_radio_group}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,g as s}from"./p-c5691700.js";import{c as n,o as a,i as o,l as r}from"./p-41fcf343.js";const h=class{constructor(i){t(this,i),this.change=e(this,"change",7),this.hasYieldedHeader=!1,this.guid=n(),this.animating=!1,this.titleId=`q2-section-title-${this.guid}`,this.contentId=`q2-section-content-${this.guid}`,this.onHeaderClick=()=>{this.collapsible&&this.change.emit({expanded:!this.expanded})},this.onAnimationStart=()=>{this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0,this.resizerFn=setInterval(this.resizeIframe,5))},this.onAnimationEnd=()=>{this.setContentWrapperHeight(this.expanded?"auto":"0px"),this.animating=!1,setTimeout((()=>{this.endAnimation()}),1e3)},this.endAnimation=()=>{this.resizerFn&&clearInterval(this.resizerFn)},this.addHeaderSlotListener=()=>{if(this.headerSlot)return void this.headerSlot.addEventListener("slotchange",this.onHeaderSlotChange);const t=new MutationObserver(this.onHeaderSlotChange);t.observe(this.headerSlotWrapper,{childList:!0}),this.headerSlotMutationObserver=t},this.removeHeaderSlotListener=()=>{this.headerSlot?this.headerSlot.removeEventListener("slotchange",this.onHeaderSlotChange):this.headerSlotMutationObserver.disconnect()},this.onHeaderSlotChange=()=>{var t,e;const i=this.headerSlot?this.headerSlot.assignedNodes().length>0:null!==(e=null===(t=this.headerSlotWrapper)||void 0===t?void 0:t.children.length)&&void 0!==e&&e;this.hasYieldedHeader!==i&&(this.hasYieldedHeader=!!i)},this.addContentSlotListener=()=>{if(this.contentSlot)return void this.contentSlot.addEventListener("slotchange",this.resizeIframe);const t=new MutationObserver(this.resizeIframe);t.observe(this.contentContainer,{childList:!0,subtree:!0}),this.contentSlotMutationObserver=t},this.removeContentSlotListener=()=>{this.contentSlot?this.contentSlot.removeEventListener("slotchange",this.resizeIframe):this.contentSlotMutationObserver.disconnect()}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}componentWillLoad(){this.onHeaderSlotChange()}componentDidLoad(){this.addHeaderSlotListener(),this.addContentSlotListener(),a(this.hostElement)}disconnectedCallback(){this.removeHeaderSlotListener(),this.removeContentSlotListener()}get wrapperClasses(){return`q2-section-wrapper${this.collapsible?" collapsible":""}${this.expanded||!this.collapsible?" expanded":" collapsed"}${this.label||this.hasYieldedHeader?" has-header":""}${this.animating?" animate":""}`}get slottedContentHeight(){return`${this.contentContainer.offsetHeight||0}px`}get contentWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-content-wrapper")}get contentContainer(){return this.hostElement.shadowRoot.querySelector(".q2-section-content")}get headerSlotWrapper(){return this.hostElement.shadowRoot.querySelector(".q2-section-header-slot-wrapper")}get headerSlot(){return this.hostElement.shadowRoot.querySelector('slot[name="q2-section-header"]')}get contentSlot(){return this.hostElement.shadowRoot.querySelector(".q2-section-content slot")}defaultChangeHandler(t){t.target===this.hostElement&&!this.hostElement.onchange&&t.detail&&(this.expanded=t.detail.expanded)}delegateFocus(t){o(t,this.hostElement)&&this.contentContainer.focus()}expandedObserver(){this.collapsible&&(this.animating=!1,this.endAnimation(),this.animating=!0),this.setContentWrapperHeight(this.slottedContentHeight)}collapsibleObserver(){this.setContentWrapperHeight(this.slottedContentHeight)}setContentWrapperHeight(t){this.collapsible&&this.contentHeight!==t&&(this.contentHeight=t,this.contentWrapper.style.setProperty("height",this.contentHeight))}render(){return i("section",{class:this.wrapperClasses},i("div",{class:"q2-section-header"},i("div",{class:"q2-section-header-content",id:this.titleId,onClick:this.onHeaderClick},!this.hasYieldedHeader&&this.label?i("h2",{class:"title"},r(this.label)):"",i("div",{class:"q2-section-header-slot-wrapper"},i("slot",{name:"q2-section-header"}))),this.collapsible&&!this.noCollapseIcon?i("q2-btn",{class:"q2-section-content-toggle "+(this.expanded?"expanded":"collapsed"),label:this.label,ariaExpanded:`${!!this.expanded}`,ariaControls:this.contentId,"test-id":"toggleButton","hide-label":!0,onClick:this.onHeaderClick},i("q2-icon",{type:"chevron-up",class:"toggle-icon"})):""),i("div",{class:"q2-section-content-wrapper",id:this.contentId,"aria-labelledby":this.titleId,role:"region",onAnimationStart:this.onAnimationStart,onAnimationEnd:this.onAnimationEnd},i("div",{class:"q2-section-content",tabindex:"-1"},i("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{expanded:["expandedObserver"],collapsible:["collapsibleObserver"]}}};h.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}: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}@keyframes expandVertical{0%{height:0}}@keyframes collapseVertical{100%{height:0}}:host{display:block;background-color:var(--tct-section-bg, var(--t-section-bg, var(--tct-white, var(--app-white, #ffffff))));color:var(--tct-section-font-color, var(--t-section-font-color, #2e2e2e));border-radius:var(--tct-section-border-radius, var(--t-section-border-radius, 3px));margin:var(--tct-scale-3, var(--app-scale-3x, 15px))}@media screen and (max-width: 767px){:host{margin:var(--tct-scale-3, var(--app-scale-3x, 15px)) 0}}.q2-section-wrapper{display:block;padding:var(--tct-scale-1, var(--app-scale-1x, 5px)) 0}.q2-section-wrapper:hover{box-shadow:var(--tct-section-wrapper-hover-box-shadow, inherit)}.q2-section-header{padding:0 var(--tct-scale-3, var(--app-scale-3x, 15px));display:flex}.has-header .q2-section-header{min-height:44px}.q2-section-header-content{flex:1 1 100%;min-width:0;align-self:center}.collapsible .q2-section-header-content{cursor:pointer}.title{margin:0;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.toggle-icon{transition:transform var(--tct-tween-1, var(--app-tween-1, 0.2s ease))}.collapsed .toggle-icon{transform:rotate(180deg)}.q2-section-content-wrapper{height:auto}.q2-section-content{padding:var(--tct-scale-2, var(--app-scale-2x, 10px)) var(--tct-scale-3, var(--app-scale-3x, 15px))}.q2-section-content:focus{box-shadow:none}.expanded.animate .q2-section-content-wrapper{animation:expandVertical var(--tct-tween-2, var(--app-tween-2, 0.4s ease)) forwards}.collapsed .q2-section-content-wrapper{height:0;animation:collapseVertical 0s forwards;animation-duration:0;padding-top:0;visibility:hidden;overflow:hidden}.collapsed.animate .q2-section-content-wrapper{animation:collapseVertical var(--tct-tween-1, var(--app-tween-1, 0.2s ease)) forwards}.animate .q2-section-content-wrapper{overflow:hidden}";export{h as q2_section}
@@ -1 +0,0 @@
1
- import{r as o,h as i}from"./p-c5691700.js";import{l as n}from"./p-41fcf343.js";const t=class{constructor(i){o(this,i)}render(){return i("span",null,n(this.value,this.substitutions))}};t.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}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline}";export{t as q2_loc}
@@ -1 +0,0 @@
1
- import{r as t,h as a,g as r}from"./p-c5691700.js";import{i}from"./p-73154834.js";const e=class{constructor(a){t(this,a),this.icon="person",this.badSrc=!1,this.isLoaded=!1,this.onError=()=>{this.badSrc=!0},this.onLoad=()=>{this.isLoaded=!0}}srcDidUpdate(){this.badSrc=!1}get fallbackIcon(){return i[this.icon]&&i[this.icon].markup()||i.error.markup()}get computedInitials(){const{initials:t,name:a}=this;if(!t&&!a)return;let r="";if(t)r=t.substr(0,4);else if(a){const t=a.split(" "),i=t.length>1?t[t.length-1][0]:void 0;r+=t[0][0],i&&(r+=i)}return r=null==r?void 0:r.toUpperCase(),r}render(){const{computedInitials:t}=this,r=(this.name||this.initials)&&(!this.src||this.badSrc),i=!this.name&&!this.initials&&(!this.src||this.badSrc);return a("div",null,this.src&&!this.badSrc&&a("img",{class:this.isLoaded?"avatar-img":"avatar-img-default","test-id":"userImage",src:this.src,onError:this.onError,onLoad:this.onLoad,alt:this.name||""}),r&&a("svg",{viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid meet","test-id":"userInitials",class:`avatar-initials size-${t.length}`,"aria-label":this.name,"aria-hidden":!this.name&&"true"},a("text",{x:"50",y:"50","dominant-baseline":"central","text-anchor":"middle","aria-hidden":"true"},t)),i&&a("div",{"test-id":"fallbackIcon",class:"fallback"},a("q2-icon",{type:this.icon})))}get el(){return r(this)}static get watchers(){return{src:["srcDidUpdate"]}}};e.style="*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:unset}.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";export{e as q2_avatar}
@@ -1 +0,0 @@
1
- import{r as t,c as 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 c}from"./p-41fcf343.js";function d(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 h(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://git.io/fjule"),console.warn((new Error).stack)),new Date(NaN))}function u(t,e){l(2,arguments);var n=h(t),a=d(e);return isNaN(a)?new Date(NaN):a?(n.setDate(n.getDate()+a),n):n}function f(t,e){l(2,arguments);var n=h(t).getTime(),a=d(e);return new Date(n+a)}function m(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 v(t){l(1,arguments);var e=h(t);return e.setHours(0,0,0,0),e}function b(t,e){l(2,arguments);var n=v(t),a=v(e);return n.getTime()===a.getTime()}function w(t){return l(1,arguments),t instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t)}function p(t){if(l(1,arguments),!w(t)&&"number"!=typeof t)return!1;var e=h(t);return!isNaN(Number(e))}var g={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 y(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 x={date:y({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:y({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:y({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},D={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function M(t){return function(e,n){var a,r=n||{};if("formatting"===(r.context?String(r.context):"standalone")&&t.formattingValues){var i=t.defaultFormattingWidth||t.defaultWidth,o=r.width?String(r.width):i;a=t.formattingValues[o]||t.formattingValues[i]}else{var s=t.defaultWidth,c=r.width?String(r.width):t.defaultWidth;a=t.values[c]||t.values[s]}return a[t.argumentCallback?t.argumentCallback(e):e]}}function k(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],c=a&&t.parsePatterns[a]||t.parsePatterns[t.defaultParseWidth],d=Array.isArray(c)?P(c,(function(t){return t.test(s)})):E(c,(function(t){return t.test(s)}));o=t.valueCallback?t.valueCallback(d):d,o=n.valueCallback?n.valueCallback(o):o;var l=e.slice(s.length);return{value:o,rest:l}}}function E(t,e){for(var n in t)if(t.hasOwnProperty(n)&&e(t[n]))return n}function P(t,e){for(var n=0;n<t.length;n++)if(e(t[n]))return n}var q,S={code:"en-US",formatDistance:function(t,e,n){var a,r=g[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:x,formatRelative:function(t){return D[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:M({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:M({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:M({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:M({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:M({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:(q={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(q.matchPattern);if(!n)return null;var a=n[0],r=t.match(q.parsePattern);if(!r)return null;var i=q.valueCallback?q.valueCallback(r[0]):r[0];i=e.valueCallback?e.valueCallback(i):i;var o=t.slice(a.length);return{value:i,rest:o}}),era:k({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:k({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:k({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:k({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:k({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}};function $(t,e){l(2,arguments);var n=d(e);return f(t,-n)}function O(t){l(1,arguments);var e=1,n=h(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 z(t){l(1,arguments);var e=h(t),n=e.getUTCFullYear(),a=new Date(0);a.setUTCFullYear(n+1,0,4),a.setUTCHours(0,0,0,0);var r=O(a),i=new Date(0);i.setUTCFullYear(n,0,4),i.setUTCHours(0,0,0,0);var o=O(i);return e.getTime()>=r.getTime()?n+1:e.getTime()>=o.getTime()?n:n-1}function Y(t){l(1,arguments);var e=z(t),n=new Date(0);n.setUTCFullYear(e,0,4),n.setUTCHours(0,0,0,0);var a=O(n);return a}function T(t,e){l(1,arguments);var n=e||{},a=n.locale,r=a&&a.options&&a.options.weekStartsOn,i=null==r?0:d(r),o=null==n.weekStartsOn?i:d(n.weekStartsOn);if(!(o>=0&&o<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var s=h(t),c=s.getUTCDay(),u=(c<o?7:0)+c-o;return s.setUTCDate(s.getUTCDate()-u),s.setUTCHours(0,0,0,0),s}function A(t,e){l(1,arguments);var n=h(t),a=n.getUTCFullYear(),r=e||{},i=r.locale,o=i&&i.options&&i.options.firstWeekContainsDate,s=null==o?1:d(o),c=null==r.firstWeekContainsDate?s:d(r.firstWeekContainsDate);if(!(c>=1&&c<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var u=new Date(0);u.setUTCFullYear(a+1,0,c),u.setUTCHours(0,0,0,0);var f=T(u,e),m=new Date(0);m.setUTCFullYear(a,0,c),m.setUTCHours(0,0,0,0);var v=T(m,e);return n.getTime()>=f.getTime()?a+1:n.getTime()>=v.getTime()?a:a-1}function W(t,e){l(1,arguments);var n=e||{},a=n.locale,r=a&&a.options&&a.options.firstWeekContainsDate,i=null==r?1:d(r),o=null==n.firstWeekContainsDate?i:d(n.firstWeekContainsDate),s=A(t,e),c=new Date(0);c.setUTCFullYear(s,0,o),c.setUTCHours(0,0,0,0);var h=T(c,e);return h}function I(t,e){for(var n=t<0?"-":"",a=Math.abs(t).toString();a.length<e;)a="0"+a;return n+a}var L={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 I("yy"===e?a%100:a,e.length)}(t,e)},Y:function(t,e,n,a){var r=A(t,a),i=r>0?r:1-r;return"YY"===e?I(i%100,2):"Yo"===e?n.ordinalNumber(i,{unit:"year"}):I(i,e.length)},R:function(t,e){return I(z(t),e.length)},u:function(t,e){return I(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 I(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 I(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):I(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 I(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=h(t),a=T(n,e).getTime()-W(n,e).getTime();return Math.round(a/6048e5)+1}(t,a);return"wo"===e?n.ordinalNumber(r,{unit:"week"}):I(r,e.length)},I:function(t,e,n){var a=function(t){l(1,arguments);var e=h(t),n=O(e).getTime()-Y(e).getTime();return Math.round(n/6048e5)+1}(t);return"Io"===e?n.ordinalNumber(a,{unit:"week"}):I(a,e.length)},d:function(t,e,n){return"do"===e?n.ordinalNumber(t.getUTCDate(),{unit:"date"}):function(t,e){return I(t.getUTCDate(),e.length)}(t,e)},D:function(t,e,n){var a=function(t){l(1,arguments);var e=h(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"}):I(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 I(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 I(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 I(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 I(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 I(t.getUTCHours(),e.length)}(t,e)},K:function(t,e,n){var a=t.getUTCHours()%12;return"Ko"===e?n.ordinalNumber(a,{unit:"hour"}):I(a,e.length)},k:function(t,e,n){var a=t.getUTCHours();return 0===a&&(a=24),"ko"===e?n.ordinalNumber(a,{unit:"hour"}):I(a,e.length)},m:function(t,e,n){return"mo"===e?n.ordinalNumber(t.getUTCMinutes(),{unit:"minute"}):function(t,e){return I(t.getUTCMinutes(),e.length)}(t,e)},s:function(t,e,n){return"so"===e?n.ordinalNumber(t.getUTCSeconds(),{unit:"second"}):function(t,e){return I(t.getUTCSeconds(),e.length)}(t,e)},S:function(t,e){return function(t,e){var n=e.length,a=t.getUTCMilliseconds();return I(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 C(r);case"XXXX":case"XX":return N(r);case"XXXXX":case"XXX":default:return N(r,":")}},x:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"x":return C(r);case"xxxx":case"xx":return N(r);case"xxxxx":case"xxx":default:return N(r,":")}},O:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"O":case"OO":case"OOO":return"GMT"+j(r,":");case"OOOO":default:return"GMT"+N(r,":")}},z:function(t,e,n,a){var r=(a._originalDate||t).getTimezoneOffset();switch(e){case"z":case"zz":case"zzz":return"GMT"+j(r,":");case"zzzz":default:return"GMT"+N(r,":")}},t:function(t,e,n,a){return I(Math.floor((a._originalDate||t).getTime()/1e3),e.length)},T:function(t,e,n,a){return I((a._originalDate||t).getTime(),e.length)}};function j(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+I(i,2)}function C(t,e){return t%60==0?(t>0?"-":"+")+I(Math.abs(t)/60,2):N(t,e)}function N(t,e){var n=e||"",a=t>0?"-":"+",r=Math.abs(t);return a+I(Math.floor(r/60),2)+n+I(r%60,2)}function B(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"})}}function X(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"})}}var Q={p:X,P:function(t,e){var n,a=t.match(/(P+)(p+)?/)||[],r=a[1],i=a[2];if(!i)return B(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}}",B(r,e)).replace("{{time}}",X(i,e))}},F=["D","DD"],G=["YY","YYYY"];function V(t){return-1!==F.indexOf(t)}function R(t){return-1!==G.indexOf(t)}function J(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://git.io/fxCyr"));if("YY"===t)throw new RangeError("Use `yy` instead of `YY` (in `".concat(e,"`) for formatting years to the input `").concat(n,"`; see: https://git.io/fxCyr"));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://git.io/fxCyr"));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://git.io/fxCyr"))}var H=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,U=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,K=/^'([^]*?)'?$/,Z=/''/g,_=/[a-zA-Z]/;function tt(t){return t.match(K)[1].replace(Z,"'")}function et(t,e){l(2,arguments);var n=h(t),a=h(e);return n.getTime()>a.getTime()}function nt(t){const e=new Date(t);if(p(e))return function(t,e){l(1,arguments);var n=h(t);if(isNaN(n.getTime()))throw new RangeError("Invalid time value");var a=null!=e&&e.format?String(e.format):"extended",r=null!=e&&e.representation?String(e.representation):"complete";if("extended"!==a&&"basic"!==a)throw new RangeError("format must be 'extended' or 'basic'");if("date"!==r&&"time"!==r&&"complete"!==r)throw new RangeError("representation must be 'date', 'time', or 'complete'");var i="",o="",s="extended"===a?"-":"",c="extended"===a?":":"";if("time"!==r){var d=I(n.getDate(),2),u=I(n.getMonth()+1,2),f=I(n.getFullYear(),4);i="".concat(f).concat(s).concat(u).concat(s).concat(d)}if("date"!==r){var m=n.getTimezoneOffset();if(0!==m){var v=Math.abs(m),b=I(Math.floor(v/60),2),w=I(v%60,2);o="".concat(m<0?"+":"-").concat(b,":").concat(w)}else o="Z";var p=""===i?"":"T",g=[I(n.getHours(),2),I(n.getMinutes(),2),I(n.getSeconds(),2)].join(c);i="".concat(i).concat(p).concat(g).concat(o)}return i}(e,{representation:"date"})}function at(t){const e=new Date(t);if(!p(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 rt(t){const e=new Date(t);if(p(e))return new Intl.DateTimeFormat("default",{month:"short",day:"numeric",year:"numeric"}).format(e)}function it(t){const e="string"==typeof t;if(!e&&t&&p(new Date(t||void 0)))t=nt(t);else if(!t||!p(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(p(n))return n=ot(n),p(n)?n:void 0}function ot(t){const e=t.getTimezoneOffset();return function(t,e){l(2,arguments);var n=h(t),a=d(e);return n.setMinutes(a),n}(t,e)}function st(t){return Array.isArray(t)&&0!==t.length?t.map((t=>it(t))):[]}function ct(t=new Date){return{monthIndex:Number(t.toISOString().split("-")[1])-1,selectedYear:t.getFullYear()}}function dt(t="",e=[],n=[],a=[],i,o,s="mm/dd/yyyy",c){let d=!1,l=!1,h="info",u=`${r("tecton.element.calendar.hint.format")}: ${s}`;if(!t)return{isValid:d,inputDate:new Date(""),isAvailable:l,messageType:h,message:u};const f=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,c),m=f.getMonth()+1,v=f.getDate(),b=f.getFullYear(),w=[m,v,b];if(p(f)){const c=lt()[f.getMonth()];10===t.length?(d=!0,h="success",u=`${r("tecton.element.calendar.hint.selection")}: ${rt(f)}`):(d=!1,h="error",u=`${r("tecton.element.calendar.hint.incompleteEntry")}: ${s}`),l=e.includes(f.getDay());const m=nt(f);if(l){const t=n.length&&!n.includes(m),e=a.length&&a.includes(m),r=i&&i>m,s=o&&o<m;(t||e||r||s)&&(l=!1)}t.length>=5&&!l&&(d=!1,h="error",u=c&&v&&b?r("tecton.element.calendar.hint.notAvailableDate",[rt(f)]):`${r("tecton.element.calendar.hint.invalidDate")}: ${s}`)}else d=!1,h="error",u=`${r("tecton.element.calendar.hint.invalidDate")}: ${s}`;return{isValid:d,messageType:h,message:u,inputDate:f,isAvailable:l,calendarPosition:w}}function lt(){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 ht(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 ut(t,e){return t.includes(e.getDay())}function ft(t,e){return!mt(t,e)}function mt(t,e){return t.some((t=>b(t,e)))}function vt(t,e,n,a,r,i,o){const s=[bt.bind(null,i,new Date)];return s.push((null==e?void 0:e.length)?mt.bind(null,e):ut.bind(null,t)),s.push(ft.bind(null,n)),function({monthIndex:t,selectedYear:e},n,a,r,i){const o=!p(new Date(i)),s=function(t,e){const n=function(t){l(1,arguments);var e=h(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&&b(n,t),isToday:b(t,new Date),isStartDate:b(t,null==e?void 0:e.startDate),isEndDate:b(t,null==e?void 0:e.endDate)}}(t,a,n),c=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:c})})),c=pt(0,new Date(e,t,1,1,1,1,1).getDay()),d=0===(u=(c.length+s.length)%7)?[]:pt(u,7);var u;return[...c,...s,...d]}(a,r,i,s,o)}function bt(t,e,n){const a=et(null==t?void 0:t.startDate,n),r=function(t,e){l(2,arguments);var n=h(t),a=h(e);return n.getTime()<a.getTime()}(null==t?void 0:t.endDate,n),i=b(e,n)&&et(e,null==t?void 0:t.cutOffTime);return!(a||i||r)}const wt={date:null,integer:null,isActivity:!1,isEmpty:!0,isValid:!1,isToday:!1,isSelected:!1,isStartDate:!1,isEndDate:!1,classList:""};function pt(t,e){return 7===t&&(t=0),[...Array(e-t).keys()].map((()=>Object.assign({},wt)))}const gt=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=lt(),this.closeCalendar=()=>{this.dropdownOpen&&(this.dropdownOpen=!1,this.focusInput(),this.scheduledAfterRender.push(this.resizeIframe))},this.openCalendar=()=>{this.readonly||this.dropdownOpen||(this.selectedMonthYear=ct(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=ct(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=ht(this.daysOfWeekChecksum),{isValid:a,message:r,messageType:i,inputDate:o,isAvailable:s,calendarPosition:c}=dt(e,n,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);if(c){const[t,e,n]=c,a=new Date(`${n}-${t}-${e}`);p(a)&&(this.selectedMonthYear=ct(a),this.dateList=this.buildDateList(this.selectedMonthYear),this.validateDate())}"Enter"===t.key?(a||e&&e.length>4&&o&&p(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=ht(this.daysOfWeekChecksum),{typedValue:e}=this,{isValid:n,inputDate:a,isAvailable:r}=dt(this.typedValue,t,this.validDates,this.invalidDates,this.startDate,this.endDate,this.defaultFormatString,this.assume);n||e&&e.length>4&&a&&p(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)=>{const n=ot(new Date(e,t));this.selectedMonthYear={monthIndex:n.getMonth(),selectedYear:n.getFullYear()},this.dateList=this.buildDateList(this.selectedMonthYear),this.scheduledAfterRender.push((()=>this.checkActiveCellForBlankness()))},this.selectDate=t=>{const{isValid:e}=this.dateList.find((({date:e})=>b(e,t)));e&&(this.change.emit({value:nt(t)}),this.typedValue=at(t),this.invalid=!1)},this.onDateSelection=t=>{const e=t.target.closest("td:not([aria-hidden])");e&&(this.selectDate(ot(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(u(r,-7));break;case"ArrowDown":t.preventDefault(),this.activateDay(u(r,7));break;case"ArrowRight":t.preventDefault(),this.activateDay(u(r,1));break;case"ArrowLeft":t.preventDefault(),this.activateDay(u(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(u(r,-r.getDay()));break;case"End":t.preventDefault(),this.activateDay(u(r,6-r.getDay()));break;case"Escape":t.preventDefault(),this.closeCalendar(),this.focusInput();break;case"Enter":if(t.preventDefault(),!this.dateList.find((({date:t})=>b(t,r))).isValid)return;this.selectDate(r),this.closeCalendar(),this.focusInput();break;case" ":if(t.preventDefault(),!this.dateList.find((({date:t})=>b(t,r))).isValid)return;this.selectDate(r),this.focusInput()}}}resizeIframe(){return window.TectonElements&&window.TectonElements.resizeIframe&&window.TectonElements.resizeIframe()}connectedCallback(){this.selectedMonthYear=ct(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){l(2,arguments);var a=String(e),r=n||{},i=r.locale||S,o=i.options&&i.options.firstWeekContainsDate,s=null==o?1:d(o),c=null==r.firstWeekContainsDate?s:d(r.firstWeekContainsDate);if(!(c>=1&&c<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var u=i.options&&i.options.weekStartsOn,f=null==u?0:d(u),v=null==r.weekStartsOn?f:d(r.weekStartsOn);if(!(v>=0&&v<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!i.localize)throw new RangeError("locale must contain localize property");if(!i.formatLong)throw new RangeError("locale must contain formatLong property");var b=h(t);if(!p(b))throw new RangeError("Invalid time value");var w=m(b),g=$(b,w),y={firstWeekContainsDate:c,weekStartsOn:v,locale:i,_originalDate:b};return a.match(U).map((function(t){var e=t[0];return"p"===e||"P"===e?(0,Q[e])(t,i.formatLong,y):t})).join("").match(H).map((function(n){if("''"===n)return"'";var a=n[0];if("'"===a)return tt(n);var o=L[a];if(o)return!r.useAdditionalWeekYearTokens&&R(n)&&J(n,e,t),!r.useAdditionalDayOfYearTokens&&V(n)&&J(n,e,t),o(g,n,i.localize,y);if(a.match(_))throw new RangeError("Format string contains an unescaped latin alphabet character `"+a+"`");return n})).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 it(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=nt(t)),it(t))}}get dateValidators(){const t=new Date(this.cutoffTime||"");return{startDate:it(this.startDate),endDate:it(this.endDate),cutOffTime:p(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){c(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?at(t.toDate()):t;this.typedValue=n}else{const n=e?t.toDate():it(t);this.inputField.value=at(n),this.selectedMonthYear=ct(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=st(this.invalidDates);return vt(ht(this.daysOfWeekChecksum),st(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,c=r===o&&i===s;let d=[];d=a?c?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&&d.find((({integer:t})=>t===l)).isValid?this.success.emit({value:nt(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 ot(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=at(t);this.change.emit({value:nt(t)}),this.typedValue=e,this.setHints({isValid:!0,message:`${r("tecton.element.calendar.hint.selection")}: ${rt(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?nt(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"]}}};gt.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}: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{gt as q2_calendar}
@@ -1 +0,0 @@
1
- import{r as t,h as o,g as r}from"./p-c5691700.js";import{c as i}from"./p-41fcf343.js";import{i as s}from"./p-73154834.js";const e=class{constructor(o){t(this,o)}get iconMarkup(){return s[this.type]&&s[this.type].markup()||""}get isCustom(){return"custom"===this.type}componentDidLoad(){this.setCustomSVGAttrs()}customIconHandler(){this.setCustomSVGAttrs()}setCustomSVGAttrs(){if(!this.isCustom)return;const t=this.hostElement.querySelector("svg");if(!t)return;t.setAttribute("role","img"),t.setAttribute("xmlns","http://www.w3.org/2000/svg");const{label:o}=this;if(o){const r=document.createElement("title"),s=`label-${i()}`;r.id=s,r.textContent=o,t.appendChild(r),t.setAttribute("aria-labelledby",s)}else t.setAttribute("aria-hidden","true")}render(){const{label:t}=this;return this.isCustom?o("slot",null):o("svg",{viewBox:"0 0 26 26",xmlns:"http://www.w3.org/2000/svg","aria-hidden":this.label?void 0:"true",role:"img","aria-labelledby":t?"label":void 0},t&&o("title",{id:"label"},t),this.iconMarkup)}get hostElement(){return r(this)}static get watchers(){return{type:["customIconHandler"]}}};e.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}: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;height:var(--tct-icon-size, 24px);width:var(--tct-icon-size, 24px);position:relative;fill:none}svg{display:block;position:absolute;top:0;left:0;stroke-width:var(--tct-icon-stroke-width, var(--t-icon-stroke-width, 1.5));stroke-linecap:var(--tct-icon-cap, var(--t-icon-cap, round));stroke-linejoin:var(--tct-icon-cap, var(--t-icon-cap, round))}.stroke-primary{stroke:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentColor)))}.stroke-secondary{stroke:var(--tct-icon-stroke-secondary, var(--t-icon-stroke-secondary, var(--t-text, currentColor)))}.fill-primary{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, var(--t-text, currentColor)))}.filled{fill:var(--tct-icon-fill, var(--t-icon-fill, none))}.uniform{fill:var(--tct-icon-stroke-primary, var(--t-icon-stroke-primary, currentColor))}:host([type=info]){--tct-icon-stroke-primary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1));--tct-icon-stroke-secondary:var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))}:host([type=success]){--tct-icon-stroke-primary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00));--t-icon-stroke-secondary:var(--tct-stoplight-success, var(--const-stoplight-success, #0e8a00))}:host([type=warning]){--tct-icon-stroke-primary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400));--t-icon-stroke-secondary:var(--tct-stoplight-warning, var(--const-stoplight-warning, #f0b400))}:host([type=error]){--tct-icon-stroke-primary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000));--t-icon-stroke-secondary:var(--tct-stoplight-error, var(--const-stoplight-alert, #c30000))}";export{e as q2_icon}
@@ -1 +0,0 @@
1
- import{r as t,c as a,h as i,F as o,g as e}from"./p-c5691700.js";import{o as r,i as s,l as n}from"./p-41fcf343.js";const c=class{constructor(i){t(this,i),this.click=a(this,"click",7),this.role="listitem",this.determineHasOptions=()=>{const t=!!this.hostElement.querySelectorAll("q2-option").length;this.hasOptions=t},this.handleChange=t=>{if(t.stopPropagation(),!this.hasOptions)return;const{value:a}=t.detail;this.click.emit({value:a})},this.handleClick=t=>{t.stopPropagation(),this.optionList.toggle()},this.handleKeydown=t=>{this.optionList.handleExternalKeydown(t)},this.handleButtonFocusout=t=>{var a;const i=t.relatedTarget;null!==(a="Q2-OPTION"===(null==i?void 0:i.tagName))&&void 0!==a&&a||(this.open=!1)},this.handleOptionListFocusout=t=>{const a=t.relatedTarget;(!a||t.relatedTarget instanceof HTMLElement)&&(a&&a.closest(".btn-wrapper")||(this.open=!1))},this.handleWrapperClick=()=>{this.dropdownBtn.focus(),this.dropdownBtn.click()}}componentWillLoad(){const t=new MutationObserver(this.determineHasOptions);t.observe(this.hostElement,{childList:!0,attributes:!0}),this.mutationObserver=t}componentDidLoad(){r(this.hostElement)}disconnectedCallback(){this.mutationObserver.disconnect(),this.mutationObserver=null}delegateFocus(t){s(t,this.hostElement)&&this.hasOptions&&this.dropdownBtn.focus()}optionListStateEvent({detail:{open:t}}){this.open=t,t||this.dropdownBtn.focus()}render(){const{hasOptions:t,open:a}=this,e=["tag-wrapper"];return t&&e.push("has-options"),i(o,null,i("div",{class:e.join(" "),onClick:t=>t.stopPropagation()},i("div",{class:"tag"},this.label),this.hasOptions&&i("div",{class:"btn-wrapper",onClick:this.handleWrapperClick},i("button",{ref:t=>this.dropdownBtn=t,"test-id":"btn-control",onClick:this.handleClick,onKeyDown:this.handleKeydown,onFocusout:this.handleButtonFocusout,"aria-controls":"option-list","aria-haspopup":"true","aria-expanded":a?"true":"false","aria-label":n("tecton.element.tag.viewOptions")},i("q2-icon",{type:"options"})))),this.hasOptions&&i("q2-option-list",{id:"option-list",ref:t=>this.optionList=t,open:this.open,onChange:this.handleChange,onFocusout:this.handleOptionListFocusout,align:"right",type:"menu","no-select":!0},i("slot",null)))}get hostElement(){return e(this)}};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}: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-tag-margin, var(--t-tag-margin, var(--app-scale-2x, 10px)))}.tag-wrapper{--comp-tag-btn-size:var(--tct-tag-btn-size, var(--t-tag-btn-size, var(--app-scale-6x, 30px)));--comp-tag-background:var(--tct-tag-background, var(--t-tag-background, var(--t-gray-13, #e6e6e6)));--comp-tag-color:var(--tct-tag-color, var(--t-tag-color, var(--t-gray-3, #262626)));position:relative}:host([theme=primary]) .tag-wrapper{--comp-tag-background:var(--t-primary-l5, #61c4ff);--comp-tag-color:var(--t-primary-text, #ffffff)}:host([theme=secondary]) .tag-wrapper{--comp-tag-background:var(--t-secondary-l5, #d9e1e6);--comp-tag-color:var(--t-secondary-text, #000000)}:host([theme=tertiary]) .tag-wrapper{--comp-tag-background:var(--t-tertiary-l5, #f4fafe);--comp-tag-color:var(--t-tertiary-text, #000000)}.tag{height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));line-height:var(--tct-tag-height, var(--t-tag-height, var(--app-scale-6x, 30px)));padding-inline:var(--tct-tag-padding-inline, var(--t-tag-padding-inline, var(--app-scale-3x, 15px)));background:var(--comp-tag-background);color:var(--comp-tag-color);border-radius:var(--tct-tag-border-radius, var(--t-tag-border-radius, var(--app-border-radius-1, 3px)))}.has-options .tag{padding-right:var(--comp-tag-btn-size)}.btn-wrapper{--comp-tag-clickable-size:var(--tct-tag-clickable-size, var(--t-tag-clickable-size, 44px));--comp-tag-btn-offset:calc(calc(calc(var(--comp-tag-clickable-size) - var(--comp-tag-btn-size)) / 2) * -1);height:var(--comp-tag-clickable-size);width:var(--comp-tag-clickable-size);display:flex;align-items:center;justify-content:center;position:absolute;right:var(--comp-tag-btn-offset);top:var(--comp-tag-btn-offset);cursor:pointer}button{width:var(--comp-tag-btn-size);height:var(--comp-tag-btn-size);stroke:var(--comp-tag-color);--tct-icon-stroke-primary:var(--comp-tag-color);cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;--tct-icon-size:18px}q2-option-list{position:absolute;right:0}";export{c as q2_tag}