@haiilo/catalyst 5.3.0 → 6.0.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 (195) hide show
  1. package/dist/catalyst/catalyst.css +1127 -39
  2. package/dist/catalyst/catalyst.esm.js +1 -1
  3. package/dist/catalyst/catalyst.esm.js.map +1 -1
  4. package/dist/catalyst/index.cdn.js +7 -0
  5. package/dist/catalyst/index.esm.js +2 -2
  6. package/dist/catalyst/index.esm.js.map +1 -1
  7. package/dist/catalyst/p-ad5fca6b.entry.js +10 -0
  8. package/dist/catalyst/p-ad5fca6b.entry.js.map +1 -0
  9. package/dist/catalyst/{p-d1fb9d96.js → p-ce6a1db2.js} +1 -1
  10. package/dist/catalyst/p-ce6a1db2.js.map +1 -0
  11. package/dist/catalyst/p-d7dc291a.js +2 -0
  12. package/dist/catalyst/p-d7dc291a.js.map +1 -0
  13. package/dist/catalyst/scss/_snippets/_checkbox-hint.scss +20 -0
  14. package/dist/catalyst/scss/index.scss +2 -0
  15. package/dist/catalyst/scss/utils/_border.scss +14 -0
  16. package/dist/catalyst/scss/utils/_media.mixins.scss +0 -1
  17. package/dist/catalyst/scss/utils/_typography.mixins.scss +1 -0
  18. package/dist/catalyst/scss/vendor/_flatpickr.scss +314 -0
  19. package/dist/cjs/cat-alert_25.cjs.entry.js +3391 -506
  20. package/dist/cjs/cat-alert_25.cjs.entry.js.map +1 -1
  21. package/dist/cjs/{cat-icon-registry-671af264.js → cat-icon-registry-6161e2ee.js} +56 -3
  22. package/dist/cjs/cat-icon-registry-6161e2ee.js.map +1 -0
  23. package/dist/cjs/catalyst.cjs.js +3 -3
  24. package/dist/cjs/catalyst.cjs.js.map +1 -1
  25. package/dist/cjs/{index-01312a2e.js → index-4258b31e.js} +8 -1
  26. package/dist/{catalyst/p-d1fb9d96.js.map → cjs/index-4258b31e.js.map} +1 -1
  27. package/dist/cjs/index.cjs.js +13 -15
  28. package/dist/cjs/index.cjs.js.map +1 -1
  29. package/dist/cjs/loader.cjs.js +3 -3
  30. package/dist/cjs/loader.cjs.js.map +1 -1
  31. package/dist/collection/collection-manifest.json +3 -3
  32. package/dist/collection/components/cat-alert/cat-alert.js +5 -5
  33. package/dist/collection/components/cat-alert/cat-alert.js.map +1 -1
  34. package/dist/collection/components/cat-avatar/cat-avatar.js +5 -5
  35. package/dist/collection/components/cat-avatar/cat-avatar.js.map +1 -1
  36. package/dist/collection/components/cat-button/cat-button.css +7 -7
  37. package/dist/collection/components/cat-button/cat-button.js +11 -31
  38. package/dist/collection/components/cat-button/cat-button.js.map +1 -1
  39. package/dist/collection/components/cat-checkbox/cat-checkbox.css +24 -1
  40. package/dist/collection/components/cat-checkbox/cat-checkbox.js +38 -37
  41. package/dist/collection/components/cat-checkbox/cat-checkbox.js.map +1 -1
  42. package/dist/collection/components/cat-datepicker/cat-datepicker.config.js +22 -0
  43. package/dist/collection/components/cat-datepicker/cat-datepicker.config.js.map +1 -0
  44. package/dist/collection/components/cat-datepicker/cat-datepicker.css +18 -0
  45. package/dist/collection/components/cat-datepicker/cat-datepicker.js +669 -0
  46. package/dist/collection/components/cat-datepicker/cat-datepicker.js.map +1 -0
  47. package/dist/collection/components/cat-datepicker/cat-datepicker.locale.js +51 -0
  48. package/dist/collection/components/cat-datepicker/cat-datepicker.locale.js.map +1 -0
  49. package/dist/collection/components/cat-dropdown/cat-dropdown.css +1 -0
  50. package/dist/collection/components/cat-dropdown/cat-dropdown.js +18 -14
  51. package/dist/collection/components/cat-dropdown/cat-dropdown.js.map +1 -1
  52. package/dist/collection/components/cat-form-group/cat-form-group.js +4 -5
  53. package/dist/collection/components/cat-form-group/cat-form-group.js.map +1 -1
  54. package/dist/collection/components/cat-form-hint/cat-form-hint.js +2 -6
  55. package/dist/collection/components/cat-form-hint/cat-form-hint.js.map +1 -1
  56. package/dist/collection/components/cat-i18n/cat-i18n-registry.js +13 -1
  57. package/dist/collection/components/cat-i18n/cat-i18n-registry.js.map +1 -1
  58. package/dist/collection/components/cat-icon/cat-icon-registry.js +29 -1
  59. package/dist/collection/components/cat-icon/cat-icon-registry.js.map +1 -1
  60. package/dist/collection/components/cat-input/cat-input.css +7 -11
  61. package/dist/collection/components/cat-input/cat-input.js +13 -35
  62. package/dist/collection/components/cat-input/cat-input.js.map +1 -1
  63. package/dist/collection/components/cat-input/input-type.js.map +1 -1
  64. package/dist/collection/components/cat-notification/cat-notification.js +12 -14
  65. package/dist/collection/components/cat-notification/cat-notification.js.map +1 -1
  66. package/dist/collection/components/cat-pagination/cat-pagination.js +28 -6
  67. package/dist/collection/components/cat-pagination/cat-pagination.js.map +1 -1
  68. package/dist/collection/components/cat-radio/cat-radio.css +24 -1
  69. package/dist/collection/components/cat-radio/cat-radio.js +10 -31
  70. package/dist/collection/components/cat-radio/cat-radio.js.map +1 -1
  71. package/dist/collection/components/cat-radio-group/cat-radio-group.js +40 -10
  72. package/dist/collection/components/cat-radio-group/cat-radio-group.js.map +1 -1
  73. package/dist/collection/components/cat-scrollable/cat-scrollable.css +1 -4
  74. package/dist/collection/components/cat-scrollable/cat-scrollable.js +2 -3
  75. package/dist/collection/components/cat-scrollable/cat-scrollable.js.map +1 -1
  76. package/dist/collection/components/cat-select/cat-select.css +8 -11
  77. package/dist/collection/components/cat-select/cat-select.js +76 -62
  78. package/dist/collection/components/cat-select/cat-select.js.map +1 -1
  79. package/dist/collection/components/cat-select-demo/cat-select-demo.js +21 -25
  80. package/dist/collection/components/cat-select-demo/cat-select-demo.js.map +1 -1
  81. package/dist/collection/components/cat-skeleton/cat-skeleton.css +1 -1
  82. package/dist/collection/components/cat-tabs/cat-tabs.js +4 -7
  83. package/dist/collection/components/cat-tabs/cat-tabs.js.map +1 -1
  84. package/dist/collection/components/cat-textarea/cat-textarea.css +9 -12
  85. package/dist/collection/components/cat-textarea/cat-textarea.js +16 -16
  86. package/dist/collection/components/cat-textarea/cat-textarea.js.map +1 -1
  87. package/dist/collection/components/cat-toggle/cat-toggle.css +24 -1
  88. package/dist/collection/components/cat-toggle/cat-toggle.js +37 -36
  89. package/dist/collection/components/cat-toggle/cat-toggle.js.map +1 -1
  90. package/dist/collection/components/cat-tooltip/cat-tooltip.css +1 -1
  91. package/dist/collection/components/cat-tooltip/cat-tooltip.js +17 -22
  92. package/dist/collection/components/cat-tooltip/cat-tooltip.js.map +1 -1
  93. package/dist/collection/index.cdn.js +7 -0
  94. package/dist/collection/scss/_snippets/_checkbox-hint.scss +20 -0
  95. package/dist/collection/scss/index.scss +2 -0
  96. package/dist/collection/scss/utils/_border.scss +14 -0
  97. package/dist/collection/scss/utils/_media.mixins.scss +0 -1
  98. package/dist/collection/scss/utils/_typography.mixins.scss +1 -0
  99. package/dist/collection/scss/vendor/_flatpickr.scss +314 -0
  100. package/dist/collection/utils/platform.js +1 -1
  101. package/dist/collection/utils/platform.js.map +1 -1
  102. package/dist/components/cat-alert.js +5 -5
  103. package/dist/components/cat-alert.js.map +1 -1
  104. package/dist/components/cat-avatar2.js +5 -5
  105. package/dist/components/cat-avatar2.js.map +1 -1
  106. package/dist/components/cat-button2.js +13 -17
  107. package/dist/components/cat-button2.js.map +1 -1
  108. package/dist/components/cat-checkbox2.js +15 -16
  109. package/dist/components/cat-checkbox2.js.map +1 -1
  110. package/dist/components/{cat-label.d.ts → cat-datepicker.d.ts} +4 -4
  111. package/dist/components/cat-datepicker.js +2907 -0
  112. package/dist/components/cat-datepicker.js.map +1 -0
  113. package/dist/components/cat-dropdown2.js +188 -66
  114. package/dist/components/cat-dropdown2.js.map +1 -1
  115. package/dist/components/cat-form-group.js +4 -5
  116. package/dist/components/cat-form-group.js.map +1 -1
  117. package/dist/components/cat-form-hint.js +2 -6
  118. package/dist/components/cat-form-hint.js.map +1 -1
  119. package/dist/components/cat-i18n-registry.js +13 -1
  120. package/dist/components/cat-i18n-registry.js.map +1 -1
  121. package/dist/components/cat-icon-registry.js +42 -1
  122. package/dist/components/cat-icon-registry.js.map +1 -1
  123. package/dist/components/cat-input.js +1 -226
  124. package/dist/components/cat-input.js.map +1 -1
  125. package/dist/components/cat-input2.js +223 -0
  126. package/dist/components/cat-input2.js.map +1 -0
  127. package/dist/components/cat-pagination.js +10 -5
  128. package/dist/components/cat-pagination.js.map +1 -1
  129. package/dist/components/cat-radio-group.js +15 -9
  130. package/dist/components/cat-radio-group.js.map +1 -1
  131. package/dist/components/cat-radio.js +6 -13
  132. package/dist/components/cat-radio.js.map +1 -1
  133. package/dist/components/cat-scrollable2.js +9 -8
  134. package/dist/components/cat-scrollable2.js.map +1 -1
  135. package/dist/components/cat-select-demo.js +23 -27
  136. package/dist/components/cat-select-demo.js.map +1 -1
  137. package/dist/components/cat-select2.js +70 -60
  138. package/dist/components/cat-select2.js.map +1 -1
  139. package/dist/components/cat-skeleton2.js +1 -1
  140. package/dist/components/cat-skeleton2.js.map +1 -1
  141. package/dist/components/cat-tabs.js +4 -7
  142. package/dist/components/cat-tabs.js.map +1 -1
  143. package/dist/components/cat-textarea.js +13 -13
  144. package/dist/components/cat-textarea.js.map +1 -1
  145. package/dist/components/cat-toggle.js +15 -16
  146. package/dist/components/cat-toggle.js.map +1 -1
  147. package/dist/components/cat-tooltip.js +18 -23
  148. package/dist/components/cat-tooltip.js.map +1 -1
  149. package/dist/components/floating-ui.dom.esm.js +119 -130
  150. package/dist/components/floating-ui.dom.esm.js.map +1 -1
  151. package/dist/components/index.js +12 -14
  152. package/dist/components/index.js.map +1 -1
  153. package/dist/esm/cat-alert_25.entry.js +3391 -506
  154. package/dist/esm/cat-alert_25.entry.js.map +1 -1
  155. package/dist/esm/{cat-icon-registry-d6b80490.js → cat-icon-registry-f15b29d9.js} +56 -3
  156. package/dist/esm/cat-icon-registry-f15b29d9.js.map +1 -0
  157. package/dist/esm/catalyst.js +4 -4
  158. package/dist/esm/catalyst.js.map +1 -1
  159. package/dist/esm/{index-fc2f91a4.js → index-636ce8d6.js} +8 -1
  160. package/dist/esm/index-636ce8d6.js.map +1 -0
  161. package/dist/esm/index.js +14 -16
  162. package/dist/esm/index.js.map +1 -1
  163. package/dist/esm/loader.js +4 -4
  164. package/dist/esm/loader.js.map +1 -1
  165. package/dist/types/@types/Intl.d.ts +3 -0
  166. package/dist/types/components/cat-button/cat-button.d.ts +0 -5
  167. package/dist/types/components/cat-checkbox/cat-checkbox.d.ts +11 -9
  168. package/dist/types/components/cat-datepicker/cat-datepicker.config.d.ts +1 -0
  169. package/dist/types/components/cat-datepicker/cat-datepicker.d.ts +143 -0
  170. package/dist/types/components/cat-datepicker/cat-datepicker.locale.d.ts +3 -0
  171. package/dist/types/components/cat-i18n/cat-i18n-registry.d.ts +3 -0
  172. package/dist/types/components/cat-input/cat-input.d.ts +2 -6
  173. package/dist/types/components/cat-input/input-type.d.ts +1 -1
  174. package/dist/types/components/cat-pagination/cat-pagination.d.ts +6 -0
  175. package/dist/types/components/cat-radio/cat-radio.d.ts +3 -7
  176. package/dist/types/components/cat-radio-group/cat-radio-group.d.ts +6 -1
  177. package/dist/types/components/cat-select/cat-select.d.ts +6 -1
  178. package/dist/types/components/cat-textarea/cat-textarea.d.ts +4 -4
  179. package/dist/types/components/cat-toggle/cat-toggle.d.ts +10 -8
  180. package/dist/types/components.d.ts +298 -117
  181. package/package.json +21 -19
  182. package/dist/catalyst/p-ba081831.entry.js +0 -10
  183. package/dist/catalyst/p-ba081831.entry.js.map +0 -1
  184. package/dist/catalyst/p-ccfebe33.js +0 -2
  185. package/dist/catalyst/p-ccfebe33.js.map +0 -1
  186. package/dist/cjs/cat-icon-registry-671af264.js.map +0 -1
  187. package/dist/cjs/index-01312a2e.js.map +0 -1
  188. package/dist/collection/components/cat-label/cat-label.css +0 -22
  189. package/dist/collection/components/cat-label/cat-label.js +0 -134
  190. package/dist/collection/components/cat-label/cat-label.js.map +0 -1
  191. package/dist/components/cat-label.js +0 -73
  192. package/dist/components/cat-label.js.map +0 -1
  193. package/dist/esm/cat-icon-registry-d6b80490.js.map +0 -1
  194. package/dist/esm/index-fc2f91a4.js.map +0 -1
  195. package/dist/types/components/cat-label/cat-label.d.ts +0 -27
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst",
3
- "version": "5.3.0",
3
+ "version": "6.0.0",
4
4
  "description": "Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -45,40 +45,42 @@
45
45
  "rxjs": "^7.5.5"
46
46
  },
47
47
  "dependencies": {
48
- "@floating-ui/dom": "1.2.1",
49
- "@haiilo/catalyst-tokens": "5.3.0",
50
- "@stencil/core": "3.0.0",
51
- "autosize": "6.0.0",
48
+ "@floating-ui/dom": "1.3.0",
49
+ "@haiilo/catalyst-tokens": "6.0.0",
50
+ "@stencil/core": "3.2.0",
51
+ "autosize": "6.0.1",
52
52
  "autosize-input": "1.0.2",
53
- "focus-trap": "7.2.0",
53
+ "flatpickr": "4.6.13",
54
+ "focus-trap": "7.4.3",
54
55
  "loglevel": "1.8.1",
55
56
  "sanitize.css": "13.0.0",
56
57
  "toastify-js": "1.12.0"
57
58
  },
58
59
  "devDependencies": {
59
60
  "@babel/core": "^7.19.6",
60
- "@haiilo/catalyst-icons": "^0.3.16",
61
- "@stencil/angular-output-target": "^0.5.0",
61
+ "@haiilo/catalyst-icons": "^0.3.29",
62
+ "@stencil/angular-output-target": "^0.6.0",
62
63
  "@stencil/react-output-target": "^0.4.0",
63
- "@stencil/sass": "^2.0.3",
64
+ "@stencil/sass": "^3.0.0",
64
65
  "@stencil/vue-output-target": "^0.7.0",
65
66
  "@types/autosize": "^4.0.1",
66
67
  "@types/jest": "^27.5.1",
67
68
  "@types/toastify-js": "^1.11.0",
68
- "@typescript-eslint/eslint-plugin": "^5.51.0",
69
- "@typescript-eslint/parser": "^5.51.0",
70
- "babel-loader": "^8.2.3",
71
- "eslint": "^8.34.0",
72
- "eslint-config-prettier": "^8.6.0",
69
+ "@typescript-eslint/eslint-plugin": "^5.59.0",
70
+ "@typescript-eslint/parser": "^5.59.0",
71
+ "babel-loader": "^9.1.2",
72
+ "eslint": "^8.39.0",
73
+ "eslint-config-prettier": "^8.8.0",
73
74
  "jest": "^27.5.1",
74
75
  "jest-cli": "^27.5.1",
75
- "prettier": "^2.8.4",
76
+ "prettier": "^2.8.8",
76
77
  "puppeteer": "^13.5.2",
77
- "replace-in-file": "^6.3.5",
78
+ "replace-in-file": "^7.0.1",
78
79
  "rxjs": "^7.5.5",
79
- "stylelint": "^15.1.0",
80
- "stylelint-config-prettier-scss": "^0.0.1",
81
- "stylelint-config-standard-scss": "^7.0.0",
80
+ "stencil-inline-svg": "^1.1.0",
81
+ "stylelint": "^15.6.0",
82
+ "stylelint-config-prettier-scss": "^1.0.0",
83
+ "stylelint-config-standard-scss": "^9.0.0",
82
84
  "typescript": "~4.6.3"
83
85
  }
84
86
  }
@@ -1,10 +0,0 @@
1
- import{r as t,h as e,H as i,g as r,c as n}from"./p-d1fb9d96.js";import{l as a,b as o,d as s}from"./p-ccfebe33.js";function l(t,e,i){if(!t.hostElement.hasAttribute(e)&&i!=null){t.hostElement.setAttribute(e,String(i))}}const c=":host{display:flex;gap:0.5rem;padding:1.25rem;border-radius:var(--cat-border-radius-l, 0.5rem);margin-bottom:1rem}:host([hidden]){display:none}:host(:focus-visible){outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.content{align-self:center}::slotted(:last-child){margin-bottom:0 !important}:host([color=primary]){background-color:rgba(var(--cat-primary-bg, 0, 129, 148), 0.1)}:host([color=primary]) cat-icon{color:rgb(var(--cat-primary-text, 0, 129, 148))}:host([color=secondary]){background-color:rgba(var(--cat-secondary-bg, 105, 118, 135), 0.1)}:host([color=secondary]) cat-icon{color:#697687}:host([color=success]){background-color:rgba(var(--cat-success-bg-, 0, 132, 88), 0.1)}:host([color=success]) cat-icon{color:#008458}:host([color=warning]){background-color:rgba(var(--cat-warning-bg, 255, 206, 128), 0.1)}:host([color=warning]) cat-icon{color:#ebb663}:host([color=danger]){background-color:rgba(var(--cat-danger-bg, 217, 52, 13), 0.1)}:host([color=danger]) cat-icon{color:#d9340d}";const h=class{constructor(e){t(this,e);this.mapIcon=new Map([["primary","star-circle-filled"],["secondary","clock-filled"],["success","check-circle-filled"],["warning","danger-filled"],["danger","cross-circle-filled"]]);this.mapRole=new Map([["primary","status"],["secondary","status"],["success","status"],["warning","alert"],["danger","alert"]]);this.color="primary";this.icon=undefined;this.noIcon=false}connectedCallback(){l(this,"tabindex",0);l(this,"role",this.mapRole.get(this.color))}render(){return e(i,null,!this.noIcon&&e("cat-icon",{size:"l",icon:this.icon?this.icon:this.mapIcon.get(this.color)}),e("div",{class:"content"},e("slot",null)))}get hostElement(){return r(this)}};h.style=c;const d=t=>new Promise(((e,i)=>{const r=new Image;r.addEventListener("load",e);r.addEventListener("error",i);r.src=t}));const u=":host{display:contents}:host([hidden]){display:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--cat-border-radius-m, 0.25rem);text-decoration:inherit;color:var(--cat-avatar-fill, white);background-color:var(--cat-avatar-bg, #697687);background-size:cover;background-position:center;white-space:nowrap;overflow:hidden;vertical-align:middle;font-weight:600;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.avatar:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.avatar-round{border-radius:50%}.avatar-xs{width:var(--cat-avatar-size, 1.5rem);height:var(--cat-avatar-size, 1.5rem);line-height:var(--cat-avatar-size, 1.5rem);font-size:var(--cat-avatar-font-size, 0.75rem)}.avatar-s{width:var(--cat-avatar-size, 2rem);height:var(--cat-avatar-size, 2rem);line-height:var(--cat-avatar-size, 2rem);font-size:var(--cat-avatar-font-size, 0.875rem)}.avatar-m{width:var(--cat-avatar-size, 2.5rem);height:var(--cat-avatar-size, 2.5rem);line-height:var(--cat-avatar-size, 2.5rem);font-size:var(--cat-avatar-font-size, 0.9375rem)}.avatar-l{width:var(--cat-avatar-size, 3rem);height:var(--cat-avatar-size, 3rem);line-height:var(--cat-avatar-size, 3rem);font-size:var(--cat-avatar-font-size, 1.125rem)}.avatar-xl{width:var(--cat-avatar-size, 3.5rem);height:var(--cat-avatar-size, 3.5rem);line-height:var(--cat-avatar-size, 3.5rem);font-size:var(--cat-avatar-font-size, 1.25rem)}";const p=class{constructor(e){t(this,e);this.backgroundImage=undefined;this.size="m";this.round=false;this.label="";this.initials=undefined;this.src=undefined;this.icon=undefined;this.url=undefined;this.urlTarget=undefined}onSrcChanged(t){if(t){d(t).then((()=>this.backgroundImage=`url(${t})`),(()=>this.backgroundImage=undefined))}else{this.backgroundImage=undefined}}componentWillLoad(){this.onSrcChanged(this.src)}componentWillRender(){if(!this.label){a.warn("[A11y] Missing ARIA label on avatar",this)}}render(){if(this.url){return e("a",{href:this.url,target:this.urlTarget,style:this.cssStyle,class:this.cssClass,"aria-label":this.label},this.content)}else{return e("span",{style:this.cssStyle,class:this.cssClass,"aria-label":this.label},this.content)}}get content(){return!this.backgroundImage?[this.icon?e("cat-icon",{icon:this.icon,size:this.size}):this.getInitials()]:[]}get cssStyle(){return{"background-image":this.backgroundImage}}get cssClass(){return{avatar:true,"avatar-round":this.round,[`avatar-${this.size}`]:Boolean(this.size)}}getInitials(){var t,e;return(t=this.initials)!==null&&t!==void 0?t:((e=this.label)!==null&&e!==void 0?e:"").split(" ").map((t=>t[0])).join("")}static get watchers(){return{src:["onSrcChanged"]}}};p.style=u;const f=":host([hidden]){display:none}:host{display:inline-flex;max-width:100%;vertical-align:baseline;align-items:center;justify-content:center;border-radius:var(--cat-border-radius-m, 0.25rem);text-decoration:none;line-height:1.5}:host slot{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}:host([round]){border-radius:10rem}:host([variant=filled]){background-color:rgba(var(--bg), 0.1);color:rgb(var(--text));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}:host([variant=outlined]){background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);color:rgb(var(--text))}:host([color=primary]){--bg:var(--cat-primary-bg, 0, 129, 148);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 0, 129, 148);--border:var(--cat-primary-text, 0, 129, 148)}:host([color=secondary]){--bg:var(--cat-secondary-bg, 105, 118, 135);--fill:var(--cat-secondary-fill, 255, 255, 255);--text:var(--cat-secondary-text, 0, 0, 0);--border:var(--cat-secondary-bg, 105, 118, 135)}:host([color=success]){--bg:var(--cat-success-bg-, 0, 132, 88);--fill:var(--cat-success-fill, 255, 255, 255);--text:var(--cat-success-text, 0, 132, 88);--border:var(--cat-success-text, 0, 132, 88)}:host([color=warning]){--bg:var(--cat-warning-bg, 255, 206, 128);--fill:var(--cat-warning-fill, 0, 0, 0);--text:var(--cat-warning-text, 159, 97, 0);--border:var(--cat-warning-text, 159, 97, 0)}:host([color=danger]){--bg:var(--cat-danger-bg, 217, 52, 13);--fill:var(--cat-danger-fill, 255, 255, 255);--text:var(--cat-danger-text, 217, 52, 13);--border:var(--cat-danger-text, 217, 52, 13)}:host([size=xs]){height:1rem;min-width:1rem;font-size:0.75rem;padding:0 0.25rem}:host([size=s]){height:1.5rem;min-width:1.5rem;font-size:0.75rem;padding:0 0.5rem}:host([size=m]){height:2rem;min-width:2rem;font-size:0.875rem;padding:0 0.75rem}:host([size=l]){height:2.5rem;min-width:2.5rem;font-size:0.9375rem;padding:0 1rem}:host([size=xl]){height:3rem;min-width:3rem;font-size:1.125rem;padding:0 1rem}:host([pulse][variant=filled]){animation:1.5s ease 0s infinite normal none running pulse}:host([pulse][variant=outlined]){animation:1.5s ease 0s infinite normal none running pulse-outlined}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(var(--bg))}70%{box-shadow:transparent 0 0 0 0.5rem}100%{box-shadow:transparent 0 0 0 0}}@keyframes pulse-outlined{0%{box-shadow:0 0 0 0 rgb(var(--bg)), inset 0 0 0 1px rgba(var(--border), 0.2)}70%{box-shadow:transparent 0 0 0 0.5rem, inset 0 0 0 1px rgba(var(--border), 0.2)}100%{box-shadow:transparent 0 0 0 0, inset 0 0 0 1px rgba(var(--border), 0.2)}}";const b=class{constructor(e){t(this,e);this.variant="filled";this.color="primary";this.size="m";this.round=false;this.pulse=false}render(){return e("slot",null)}get hostElement(){return r(this)}};b.style=f;const v=["xs","s","m","l","xl"];const g={xs:"(max-width: 539.98px)",s:"(max-width: 767.98px)",m:"(max-width: 991.98px)",l:"(max-width: 1199.98px)",xl:"(max-width: 1399.98px)"};function m(t){return typeof t==="string"&&v.includes(t)}let y;try{y=typeof Intl!=="undefined"&&Intl.v8BreakIterator}catch(t){y=false}class x{constructor(){this.EDGE=/(edge)/i.test(navigator.userAgent);this.TRIDENT=/(msie|trident)/i.test(navigator.userAgent);this.BLINK=!!(window.chrome||y)&&typeof CSS!=="undefined"&&!this.EDGE&&!this.TRIDENT;this.WEBKIT=/AppleWebKit/i.test(navigator.userAgent)&&!this.BLINK&&!this.EDGE&&!this.TRIDENT;this.IOS=/iPad|iPhone|iPod/.test(navigator.userAgent)&&!("MSStream"in window);this.FIREFOX=/(firefox|minefield)/i.test(navigator.userAgent);this.ANDROID=/android/i.test(navigator.userAgent)&&!this.TRIDENT;this.SAFARI=/safari/i.test(navigator.userAgent)&&this.WEBKIT}}const w=new Set;let k;class z{constructor(){this._platform=new x;this._matchMedia=window.matchMedia.bind(window)}matchMedia(t){if(this._platform.WEBKIT||this._platform.BLINK){I(t)}return this._matchMedia(t)}}function I(t){if(w.has(t)){return}try{if(!k){k=document.createElement("style");k.setAttribute("type","text/css");document.head.appendChild(k)}if(k.sheet){k.sheet.insertRule(`@media ${t} {body{ }}`,0);w.add(t)}}catch(t){a.error(t)}}const S=":host{display:inline-block;max-width:100%;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}.cat-button{position:relative;font:inherit;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--cat-border-radius-m, 0.25rem);text-decoration:none;width:100%;box-sizing:border-box;cursor:pointer;transition:color 0.13s linear, border-color 0.13s linear, background-color 0.13s linear, box-shadow 0.13s linear}.cat-button:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.cat-button-content{word-wrap:break-word;word-break:break-word}.cat-button-ellipsed .cat-button-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-button-disabled{cursor:not-allowed}.cat-button-round{border-radius:10rem}.cat-button-loading{cursor:default}.cat-button-loading cat-spinner{position:absolute}.cat-button-loading>*:not(cat-spinner){visibility:hidden}.cat-group-button-first{border-top-right-radius:0;border-bottom-right-radius:0}.cat-group-button-middle{border-radius:0}.cat-group-button-last{border-top-left-radius:0;border-bottom-left-radius:0}.cat-group-button:hover{z-index:1}.cat-group-button:focus-visible{z-index:2}.cat-button-filled{background-color:rgb(var(--bg));color:rgb(var(--fill));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}.cat-button-filled.cat-button-disabled{--bg:242, 244, 247;--fill:var(--cat-font-color-muted, 81, 92, 108)}.cat-button-outlined{background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--base), 0.2);color:rgb(var(--text))}.cat-button-outlined.cat-button-disabled{--base:var(--cat-font-color-muted, 81, 92, 108);--text:var(--cat-font-color-muted, 81, 92, 108)}.cat-button-outlined:hover:not(.cat-button-disabled):not(.cat-button-loading){background-color:rgba(var(--base), 0.1)}.cat-button-outlined.cat-button-active:not(.cat-button-disabled):not(.cat-button-loading){background-color:rgba(var(--base), 0.1)}.cat-button-outlined:active:not(.cat-button-disabled):not(.cat-button-loading){background-color:rgba(var(--base), 0.1)}.cat-button-text{background-color:transparent;color:rgb(var(--text));text-decoration:var(--cat-link-button-decoration, none)}.cat-button-text.cat-button-disabled{--text:var(--cat-font-color-muted, 81, 92, 108)}.cat-button-text:hover:not(.cat-button-disabled):not(.cat-button-loading){text-decoration:var(--cat-link-button-decoration-hover, none);background-color:rgba(var(--base), 0.1)}.cat-button-text.cat-button-active:not(.cat-button-disabled):not(.cat-button-loading){text-decoration:var(--cat-link-button-decoration-hover, none);background-color:rgba(var(--base), 0.1)}.cat-button-primary{--bg:var(--cat-primary-bg, 0, 129, 148);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 0, 129, 148);--base:var(--cat-primary-text, 0, 129, 148)}.cat-button-primary:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-primary-bg-hover, 1, 115, 132);--fill:var(--cat-primary-fill-hover, 255, 255, 255);--text:var(--cat-primary-text-hover, 1, 115, 132)}.cat-button-primary.cat-button-active:not(.cat-button-disabled):not(.cat-button-loading),.cat-button-primary:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-primary-bg-active, 2, 99, 113);--fill:var(--cat-primary-fill-active, 255, 255, 255);--text:var(--cat-primary-text-active, 2, 99, 113)}.cat-button-secondary{--bg:var(--cat-secondary-bg, 105, 118, 135);--fill:var(--cat-secondary-fill, 255, 255, 255);--text:var(--cat-secondary-text, 0, 0, 0);--base:var(--cat-secondary-bg, 105, 118, 135)}.cat-button-secondary:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-secondary-bg-hover, 105, 118, 135);--fill:var(--cat-secondary-fill-hover, 255, 255, 255);--text:var(--cat-secondary-text-hover, 0, 0, 0)}.cat-button-secondary.cat-button-active:not(.cat-button-disabled):not(.cat-button-loading),.cat-button-secondary:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-secondary-bg-active, 105, 118, 135);--fill:var(--cat-secondary-fill-active, 255, 255, 255);--text:var(--cat-secondary-text-active, 0, 0, 0)}.cat-button-success{--bg:var(--cat-success-bg-, 0, 132, 88);--fill:var(--cat-success-fill, 255, 255, 255);--text:var(--cat-success-text, 0, 132, 88);--base:var(--cat-success-text, 0, 132, 88)}.cat-button-success:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-success-bg-hover, 0, 117, 78);--fill:var(--cat-success-fill-hover, 255, 255, 255);--text:var(--cat-success-text-hover, 0, 117, 78)}.cat-button-success.cat-button-active:not(.cat-button-disabled):not(.cat-button-loading),.cat-button-success:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-success-bg-active, 0, 105, 70);--fill:var(--cat-success-fill-active, 255, 255, 255);--text:var(--cat-success-text-active, 0, 105, 70)}.cat-button-warning{--bg:var(--cat-warning-bg, 255, 206, 128);--fill:var(--cat-warning-fill, 0, 0, 0);--text:var(--cat-warning-text, 159, 97, 0);--base:var(--cat-warning-text, 159, 97, 0)}.cat-button-warning:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-warning-bg-hover, 255, 214, 148);--fill:var(--cat-warning-fill-hover, 0, 0, 0);--text:var(--cat-warning-text-hover, 159, 97, 0)}.cat-button-warning.cat-button-active:not(.cat-button-disabled):not(.cat-button-loading),.cat-button-warning:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-warning-bg-active, 255, 222, 168);--fill:var(--cat-warning-fill-active, 0, 0, 0);--text:var(--cat-warning-text-active, 159, 97, 0)}.cat-button-danger{--bg:var(--cat-danger-bg, 217, 52, 13);--fill:var(--cat-danger-fill, 255, 255, 255);--text:var(--cat-danger-text, 217, 52, 13);--base:var(--cat-danger-text, 217, 52, 13)}.cat-button-danger:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-danger-bg-hover, 194, 46, 11);--fill:var(--cat-danger-fill-hover, 255, 255, 255);--text:var(--cat-danger-text-hover, 194, 46, 11)}.cat-button-danger.cat-button-active:not(.cat-button-disabled):not(.cat-button-loading),.cat-button-danger:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-danger-bg-active, 174, 42, 10);--fill:var(--cat-danger-fill-active, 255, 255, 255);--text:var(--cat-danger-text-active, 174, 42, 10)}:host(.cat-button-pull:not([size])){margin:-0.625rem -0.75rem}:host(.cat-button-pull-h:not([size])){margin-left:-0.75rem;margin-right:-0.75rem}:host(.cat-button-pull-v:not([size])){margin-top:-0.625rem;margin-bottom:-0.625rem}:host(.cat-button-pull-t:not([size])){margin-top:-0.625rem}:host(.cat-button-pull-l:not([size])){margin-left:-0.75rem}:host(.cat-button-pull-b:not([size])){margin-bottom:-0.625rem}:host(.cat-button-pull-r:not([size])){margin-right:-0.75rem}.cat-button-xs{min-width:1.5rem;padding:0.25rem 0.25rem;font-size:0.875rem;line-height:1rem;gap:0.25rem}.cat-button-xs.cat-button-icon{width:1.5rem;padding-left:0;padding-right:0}:host(.cat-button-pull[size=xs]){margin:-0.25rem -0.25rem}:host(.cat-button-pull-h[size=xs]){margin-left:-0.25rem;margin-right:-0.25rem}:host(.cat-button-pull-v[size=xs]){margin-top:-0.25rem;margin-bottom:-0.25rem}:host(.cat-button-pull-t[size=xs]){margin-top:-0.25rem}:host(.cat-button-pull-l[size=xs]){margin-left:-0.25rem}:host(.cat-button-pull-b[size=xs]){margin-bottom:-0.25rem}:host(.cat-button-pull-r[size=xs]){margin-right:-0.25rem}.cat-button-s{min-width:2rem;padding:0.375rem 0.5rem;font-size:0.9375rem;line-height:1.25rem;gap:0.25rem}.cat-button-s cat-icon{margin-top:-0.125rem;margin-bottom:-0.125rem}.cat-button-s.cat-button-icon{width:2rem;padding-left:0;padding-right:0}:host(.cat-button-pull[size=s]){margin:-0.375rem -0.5rem}:host(.cat-button-pull-h[size=s]){margin-left:-0.5rem;margin-right:-0.5rem}:host(.cat-button-pull-v[size=s]){margin-top:-0.375rem;margin-bottom:-0.375rem}:host(.cat-button-pull-t[size=s]){margin-top:-0.375rem}:host(.cat-button-pull-l[size=s]){margin-left:-0.5rem}:host(.cat-button-pull-b[size=s]){margin-bottom:-0.375rem}:host(.cat-button-pull-r[size=s]){margin-right:-0.5rem}.cat-button-m{min-width:2.5rem;padding:0.625rem 0.75rem;font-size:0.9375rem;line-height:1.25rem;gap:0.25rem}.cat-button-m cat-icon{margin-top:-0.125rem;margin-bottom:-0.125rem}.cat-button-m.cat-button-icon{width:2.5rem;padding-left:0;padding-right:0}:host(.cat-button-pull[size=m]){margin:-0.625rem -0.75rem}:host(.cat-button-pull-h[size=m]){margin-left:-0.75rem;margin-right:-0.75rem}:host(.cat-button-pull-v[size=m]){margin-top:-0.625rem;margin-bottom:-0.625rem}:host(.cat-button-pull-t[size=m]){margin-top:-0.625rem}:host(.cat-button-pull-l[size=m]){margin-left:-0.75rem}:host(.cat-button-pull-b[size=m]){margin-bottom:-0.625rem}:host(.cat-button-pull-r[size=m]){margin-right:-0.75rem}.cat-button-l{min-width:3rem;padding:0.875rem 1rem;font-size:0.9375rem;line-height:1.25rem;gap:0.25rem}.cat-button-l cat-icon{margin-top:-0.125rem;margin-bottom:-0.125rem}.cat-button-l.cat-button-icon{width:3rem;padding-left:0;padding-right:0}:host(.cat-button-pull[size=l]){margin:-0.875rem -1rem}:host(.cat-button-pull-h[size=l]){margin-left:-1rem;margin-right:-1rem}:host(.cat-button-pull-v[size=l]){margin-top:-0.875rem;margin-bottom:-0.875rem}:host(.cat-button-pull-t[size=l]){margin-top:-0.875rem}:host(.cat-button-pull-l[size=l]){margin-left:-1rem}:host(.cat-button-pull-b[size=l]){margin-bottom:-0.875rem}:host(.cat-button-pull-r[size=l]){margin-right:-1rem}.cat-button-xl{min-width:3.5rem;padding:1rem 1.25rem;font-size:1.125rem;line-height:1.5rem;gap:0.25rem}.cat-button-xl.cat-button-icon{width:3.5rem;padding-left:0;padding-right:0}:host(.cat-button-pull[size=xl]){margin:-1rem -1.25rem}:host(.cat-button-pull-h[size=xl]){margin-left:-1.25rem;margin-right:-1.25rem}:host(.cat-button-pull-v[size=xl]){margin-top:-1rem;margin-bottom:-1rem}:host(.cat-button-pull-t[size=xl]){margin-top:-1rem}:host(.cat-button-pull-l[size=xl]){margin-left:-1.25rem}:host(.cat-button-pull-b[size=xl]){margin-bottom:-1rem}:host(.cat-button-pull-r[size=xl]){margin-right:-1.25rem}:host(.cat-tab-active:not(:hover)){--cat-primary-text:transparent}:host(.cat-text-left) .cat-button{justify-content:left}:host(.cat-text-right) .cat-button{justify-content:right}:host(.cat-nav-item){width:100%}:host(.cat-nav-item) .cat-button{box-shadow:none;border-radius:0;justify-content:left;padding-left:1.25rem;padding-right:1.25rem;gap:0.5rem}:host(.cat-nav-item) .cat-button:focus-visible{outline-offset:-2px}";const A=class{constructor(e){t(this,e);this.catClick=n(this,"catClick",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this._iconOnly=true;this.variant="outlined";this.color="secondary";this.active=false;this.size="m";this.name=undefined;this.value=undefined;this.disabled=false;this.loading=false;this.submit=false;this.noEllipsis=false;this.round=false;this.url=undefined;this.urlTarget=undefined;this.icon=undefined;this.iconSrc=undefined;this.iconOnly=false;this.iconRight=false;this.buttonId=undefined;this.a11yLabel=undefined;this.a11yCurrent=undefined;this.nativeAttributes=undefined;this.buttonGroupPosition=undefined}onIconOnlyChanged(t){var e,i;(e=this.mediaQueryList)===null||e===void 0?void 0:e.removeEventListener("change",this.mediaQueryListener);this.mediaQueryList=undefined;this.mediaQueryListener=undefined;if(m(t)){(i=this.mediaMatcher)!==null&&i!==void 0?i:this.mediaMatcher=new z;this.mediaQueryList=this.mediaMatcher.matchMedia(g[t]);this.mediaQueryListener=t=>this._iconOnly=t.matches;this.mediaQueryList.addEventListener("change",this.mediaQueryListener);this._iconOnly=this.mediaQueryList.matches}else{this._iconOnly=t}}componentWillLoad(){this.onIconOnlyChanged(this.iconOnly)}componentWillRender(){if(this.isIconButton&&!this.a11yLabel){a.warn("[A11y] Missing ARIA label on icon button",this)}}haltDisabledEvents(t){if(this.disabled||this.loading){t.preventDefault();t.stopImmediatePropagation()}}async doFocus(t){this.button.focus(t)}async doBlur(){this.button.blur()}async doClick(){this.button.click()}render(){var t;if(this.url){return e("a",{ref:t=>this.button=t,href:this.disabled?undefined:this.url,target:this.urlTarget,"aria-disabled":this.disabled?"true":null,"aria-label":this.a11yLabel,"aria-current":this.a11yCurrent,id:this.buttonId,part:"button",class:{"cat-button":true,"cat-button-active":this.active,"cat-button-icon":this.isIconButton,"cat-button-round":this.round,"cat-button-loading":this.loading,"cat-button-disabled":this.disabled,"cat-button-ellipsed":!this.noEllipsis&&!this.isIconButton,[`cat-button-${this.variant}`]:Boolean(this.variant),[`cat-button-${this.color}`]:Boolean(this.color),[`cat-button-${this.size}`]:Boolean(this.size)},onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)},this.content)}else{return e("button",Object.assign({},this.nativeAttributes,{ref:t=>this.button=t,type:this.submit?"submit":"button",name:this.name,value:this.value,disabled:this.disabled,"aria-disabled":this.disabled?"true":null,"aria-label":this.a11yLabel,"aria-current":this.a11yCurrent,id:this.buttonId,part:"button",class:{"cat-button":true,"cat-button-active":this.active,"cat-button-icon":this.isIconButton,"cat-button-round":(t=this.round)!==null&&t!==void 0?t:this.isIconButton,"cat-button-loading":this.loading,"cat-button-disabled":this.disabled,"cat-button-ellipsed":!this.noEllipsis&&!this.isIconButton,[`cat-button-${this.variant}`]:Boolean(this.variant),[`cat-button-${this.color}`]:Boolean(this.color),[`cat-button-${this.size}`]:Boolean(this.size),[`cat-group-button-${this.buttonGroupPosition}`]:Boolean(this.buttonGroupPosition),"cat-group-button":Boolean(this.buttonGroupPosition)},onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)}),this.content)}}get iconSize(){switch(this.size){case"xs":return"s";default:return"l"}}get spinnerSize(){switch(this.size){case"xs":return"xs";default:return"m"}}get isIconButton(){return(Boolean(this.icon)||Boolean(this.iconSrc))&&this._iconOnly}get hasPrefixIcon(){return(Boolean(this.icon)||Boolean(this.iconSrc))&&!this._iconOnly&&!this.iconRight}get hasSuffixIcon(){return(Boolean(this.icon)||Boolean(this.iconSrc))&&!this._iconOnly&&this.iconRight}get content(){return[this.hasPrefixIcon?e("cat-icon",{icon:this.icon,iconSrc:this.iconSrc,size:this.iconSize,part:"prefix"}):null,this.isIconButton?e("cat-icon",{icon:this.icon,iconSrc:this.iconSrc,size:this.iconSize}):e("span",{class:"cat-button-content",part:"content"},e("slot",null)),this.hasSuffixIcon?e("cat-icon",{icon:this.icon,iconSrc:this.iconSrc,size:this.iconSize,part:"suffix"}):null,this.loading?e("cat-spinner",{size:this.spinnerSize}):null]}onClick(t){this.catClick.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}static get watchers(){return{iconOnly:["onIconOnlyChanged"]}}};A.style=S;const C=":host{position:relative;display:inline-flex;vertical-align:middle}::slotted(cat-button[variant=outlined]),::slotted(cat-button:not([variant])){margin-right:-1px}::slotted(cat-button[variant=outlined]:last-child),::slotted(cat-button:not([variant]):last-child){margin-right:0}";const B=class{constructor(e){t(this,e);this.formElements=[];this.a11yLabel=undefined}render(){return e(i,{role:"group","aria-label":this.a11yLabel},e("slot",{onSlotchange:this.onSlotChange.bind(this)}))}onSlotChange(){this.formElements=Array.from(this.hostElement.querySelectorAll("cat-button"));this.formElements.forEach(((t,e)=>{t.buttonGroupPosition=e===0?"first":e===this.formElements.length-1?"last":"middle"}))}get hostElement(){return r(this)}};B.style=C;const E=":host{display:block;margin-bottom:1rem;border-radius:var(--cat-border-radius-l, 0.5rem);background-color:white;padding:1.25rem}:host([hidden]){display:none}::slotted(:last-child){margin-bottom:0 !important}::slotted(nav),::slotted(nav:last-child){margin:-0.75rem -1.25rem !important}::slotted(.cat-card-pull){margin:-1.25rem !important;width:calc(100% + 2.5rem) !important;height:calc(100% + 2.5rem) !important}::slotted(.cat-card-pull-h){margin-left:-1.25rem !important;margin-right:-1.25rem !important;width:calc(100% + 2.5rem) !important}::slotted(.cat-card-pull-v){margin-top:-1.25rem !important;margin-bottom:-1.25rem !important;height:calc(100% + 2.5rem) !important}::slotted(.cat-card-pull-t){margin-top:-1.25rem !important}::slotted(.cat-card-pull-l){margin-left:-1.25rem !important}::slotted(.cat-card-pull-r){margin-right:-1.25rem !important}::slotted(.cat-card-pull-b){margin-bottom:-1.25rem !important}";const T=class{constructor(e){t(this,e)}render(){return e("slot",null)}};T.style=E;const O=t=>{var i;const{id:r,hint:n,slottedHint:a,errorMap:s}=t;const l=Object.entries(s||{});return e("div",{id:r+"-hint",class:"hint-section"},l.length?l.map((([i,r])=>{var n;return e("p",{class:((n=t.class)!==null&&n!==void 0?n:"")+" input-hint cat-text-danger"},o.t(`error.${i}`,r))})):[n&&(Array.isArray(n)?n.map((i=>{var r;return e("p",{class:((r=t.class)!==null&&r!==void 0?r:"")+" input-hint"},i)})):e("p",{class:((i=t.class)!==null&&i!==void 0?i:"")+" input-hint"},n)),a])};const $=".hint-section{display:flex;gap:0.5rem;flex-direction:column;color:rgb(var(--cat-hint-color, inherit))}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}:host([hidden]){display:none}label{flex:0 1 auto;display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;position:relative}.label-left{flex-direction:row-reverse}.label-left input{right:1px;left:unset}input{position:absolute;width:1.25rem;height:1.25rem;margin:0;opacity:0;cursor:inherit;left:1px;top:0.5px}.box{flex:0 0 auto;display:flex;position:relative;height:1.25rem;width:1.25rem;background-color:white;border:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));border-radius:var(--cat-border-radius-s, 0.125rem);transition:background-color 0.13s ease, border-color 0.13s ease;pointer-events:none}.box svg{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all 0.13s ease;width:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.99)}:checked+.box{background-color:rgb(var(--cat-primary-bg, 0, 129, 148));border-color:rgb(var(--cat-primary-bg, 0, 129, 148));stroke:rgb(var(--cat-primary-fill, 255, 255, 255))}:checked+.box .check{stroke-dashoffset:0}:indeterminate+.box{background-color:rgb(var(--cat-primary-bg, 0, 129, 148));border-color:rgb(var(--cat-primary-bg, 0, 129, 148));stroke:rgb(var(--cat-primary-fill, 255, 255, 255))}:indeterminate+.box .dash{stroke-dashoffset:0}:focus-visible+.box{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.is-disabled .box{background-color:#f2f4f7;border-color:rgb(var(--cat-border-color-dark, 215, 219, 224));stroke:rgb(var(--cat-font-color-muted, 81, 92, 108))}:host(.cat-error) .box{border:1px solid rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) :checked+.box,:host(.cat-error) :indeterminate+.box{background-color:rgb(var(--cat-danger-bg, 217, 52, 13));border-color:rgb(var(--cat-danger-bg, 217, 52, 13));stroke:rgb(var(--cat-danger-fill, 255, 255, 255))}.label{flex:1 1 auto;min-width:0}.is-hidden .label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.is-disabled{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}";let M=0;const F=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this._id=`cat-checkbox-${M++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.checked=false;this.disabled=false;this.identifier=undefined;this.indeterminate=false;this.label="";this.labelHidden=false;this.name=undefined;this.required=false;this.value=undefined;this.hint=undefined;this.labelLeft=false;this.nativeAttributes=undefined}get id(){return this.identifier||this._id}componentDidLoad(){if(this.input&&this.indeterminate){this.input.indeterminate=true}}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');if(!this.label&&!this.hasSlottedLabel){a.warn("[A11y] Missing ARIA label on checkbox",this)}}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}async doClick(){this.input.click()}render(){return e(i,null,e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft}},e("input",Object.assign({},this.nativeAttributes,{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value!==undefined?String(this.value):this.value,checked:this.checked,required:this.required,disabled:this.disabled,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)})),e("span",{class:"box","aria-hidden":"true",part:"checkbox"},e("svg",{class:"check",viewBox:"0 0 12 10"},e("polyline",{points:"1.5 6 4.5 9 10.5 1"})),e("svg",{class:"dash",viewBox:"0 0 12 10"},e("polyline",{points:"1.5 5 10.5 5"}))),e("span",{class:"label",part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label)),(this.hint||this.hasSlottedHint)&&e(O,{id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"})}))}onInput(t){this.checked=this.input.checked;if(!this.value||typeof this.value==="boolean"){this.value=this.checked}this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};F.style=$;function L(t){return t.split("-")[1]}function N(t){return t==="y"?"height":"width"}function j(t){return t.split("-")[0]}function D(t){return["top","bottom"].includes(j(t))?"x":"y"}function R(t,e,i){let{reference:r,floating:n}=t;const a=r.x+r.width/2-n.width/2;const o=r.y+r.height/2-n.height/2;const s=D(e);const l=N(s);const c=r[l]/2-n[l]/2;const h=j(e);const d=s==="x";let u;switch(h){case"top":u={x:a,y:r.y-n.height};break;case"bottom":u={x:a,y:r.y+r.height};break;case"right":u={x:r.x+r.width,y:o};break;case"left":u={x:r.x-n.width,y:o};break;default:u={x:r.x,y:r.y}}switch(L(e)){case"start":u[s]-=c*(i&&d?-1:1);break;case"end":u[s]+=c*(i&&d?-1:1);break}return u}const P=async(t,e,i)=>{const{placement:r="bottom",strategy:n="absolute",middleware:a=[],platform:o}=i;const s=a.filter(Boolean);const l=await(o.isRTL==null?void 0:o.isRTL(e));let c=await o.getElementRects({reference:t,floating:e,strategy:n});let{x:h,y:d}=R(c,r,l);let u=r;let p={};let f=0;for(let i=0;i<s.length;i++){const{name:a,fn:b}=s[i];const{x:v,y:g,data:m,reset:y}=await b({x:h,y:d,initialPlacement:r,placement:u,strategy:n,middlewareData:p,rects:c,platform:o,elements:{reference:t,floating:e}});h=v!=null?v:h;d=g!=null?g:d;p={...p,[a]:{...p[a],...m}};if(y&&f<=50){f++;if(typeof y==="object"){if(y.placement){u=y.placement}if(y.rects){c=y.rects===true?await o.getElementRects({reference:t,floating:e,strategy:n}):y.rects}({x:h,y:d}=R(c,u,l))}i=-1;continue}}return{x:h,y:d,placement:u,strategy:n,middlewareData:p}};function _(t){return{top:0,right:0,bottom:0,left:0,...t}}function H(t){return typeof t!=="number"?_(t):{top:t,right:t,bottom:t,left:t}}function U(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function G(t,e){var i;if(e===void 0){e={}}const{x:r,y:n,platform:a,rects:o,elements:s,strategy:l}=t;const{boundary:c="clippingAncestors",rootBoundary:h="viewport",elementContext:d="floating",altBoundary:u=false,padding:p=0}=e;const f=H(p);const b=d==="floating"?"reference":"floating";const v=s[u?b:d];const g=U(await a.getClippingRect({element:((i=await(a.isElement==null?void 0:a.isElement(v)))!=null?i:true)?v:v.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:c,rootBoundary:h,strategy:l}));const m=d==="floating"?{...o.floating,x:r,y:n}:o.reference;const y=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating));const x=await(a.isElement==null?void 0:a.isElement(y))?await(a.getScale==null?void 0:a.getScale(y))||{x:1,y:1}:{x:1,y:1};const w=U(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:m,offsetParent:y,strategy:l}):m);return{top:(g.top-w.top+f.top)/x.y,bottom:(w.bottom-g.bottom+f.bottom)/x.y,left:(g.left-w.left+f.left)/x.x,right:(w.right-g.right+f.right)/x.x}}const K=Math.min;const q=Math.max;function W(t,e,i){return q(t,K(e,i))}const V={left:"right",right:"left",bottom:"top",top:"bottom"};function J(t){return t.replace(/left|right|bottom|top/g,(t=>V[t]))}function Y(t,e,i){if(i===void 0){i=false}const r=L(t);const n=D(t);const a=N(n);let o=n==="x"?r===(i?"end":"start")?"right":"left":r==="start"?"bottom":"top";if(e.reference[a]>e.floating[a]){o=J(o)}return{main:o,cross:J(o)}}const X={start:"end",end:"start"};function Z(t){return t.replace(/start|end/g,(t=>X[t]))}function Q(t){const e=J(t);return[Z(t),e,Z(e)]}function tt(t,e,i){const r=["left","right"];const n=["right","left"];const a=["top","bottom"];const o=["bottom","top"];switch(t){case"top":case"bottom":if(i)return e?n:r;return e?r:n;case"left":case"right":return e?a:o;default:return[]}}function et(t,e,i,r){const n=L(t);let a=tt(j(t),i==="start",r);if(n){a=a.map((t=>t+"-"+n));if(e){a=a.concat(a.map(Z))}}return a}const it=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(e){var i;const{placement:r,middlewareData:n,rects:a,initialPlacement:o,platform:s,elements:l}=e;const{mainAxis:c=true,crossAxis:h=true,fallbackPlacements:d,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:f=true,...b}=t;const v=j(r);const g=j(o)===o;const m=await(s.isRTL==null?void 0:s.isRTL(l.floating));const y=d||(g||!f?[J(o)]:Q(o));if(!d&&p!=="none"){y.push(...et(o,f,p,m))}const x=[o,...y];const w=await G(e,b);const k=[];let z=((i=n.flip)==null?void 0:i.overflows)||[];if(c){k.push(w[v])}if(h){const{main:t,cross:e}=Y(r,a,m);k.push(w[t],w[e])}z=[...z,{placement:r,overflows:k}];if(!k.every((t=>t<=0))){var I,S;const t=(((I=n.flip)==null?void 0:I.index)||0)+1;const e=x[t];if(e){return{data:{index:t,overflows:z},reset:{placement:e}}}let i=(S=z.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])==null?void 0:S.placement;if(!i){switch(u){case"bestFit":{var A;const t=(A=z.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])==null?void 0:A[0];if(t){i=t}break}case"initialPlacement":i=o;break}}if(r!==i){return{reset:{placement:i}}}}return{}}}};async function rt(t,e){const{placement:i,platform:r,elements:n}=t;const a=await(r.isRTL==null?void 0:r.isRTL(n.floating));const o=j(i);const s=L(i);const l=D(i)==="x";const c=["left","top"].includes(o)?-1:1;const h=a&&l?-1:1;const d=typeof e==="function"?e(t):e;let{mainAxis:u,crossAxis:p,alignmentAxis:f}=typeof d==="number"?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...d};if(s&&typeof f==="number"){p=s==="end"?f*-1:f}return l?{x:p*h,y:u*c}:{x:u*c,y:p*h}}const nt=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(e){const{x:i,y:r}=e;const n=await rt(e,t);return{x:i+n.x,y:r+n.y,data:n}}}};function at(t){return t==="x"?"y":"x"}const ot=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(e){const{x:i,y:r,placement:n}=e;const{mainAxis:a=true,crossAxis:o=false,limiter:s={fn:t=>{let{x:e,y:i}=t;return{x:e,y:i}}},...l}=t;const c={x:i,y:r};const h=await G(e,l);const d=D(j(n));const u=at(d);let p=c[d];let f=c[u];if(a){const t=d==="y"?"top":"left";const e=d==="y"?"bottom":"right";const i=p+h[t];const r=p-h[e];p=W(i,p,r)}if(o){const t=u==="y"?"top":"left";const e=u==="y"?"bottom":"right";const i=f+h[t];const r=f-h[e];f=W(i,f,r)}const b=s.fn({...e,[d]:p,[u]:f});return{...b,data:{x:b.x-i,y:b.y-r}}}}};const st=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(e){const{placement:i,rects:r,platform:n,elements:a}=e;const{apply:o=(()=>{}),...s}=t;const l=await G(e,s);const c=j(i);const h=L(i);const d=D(i);const u=d==="x";const{width:p,height:f}=r.floating;let b;let v;if(c==="top"||c==="bottom"){b=c;v=h===(await(n.isRTL==null?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"}else{v=c;b=h==="end"?"top":"bottom"}const g=f-l[b];const m=p-l[v];let y=g;let x=m;if(u){x=K(p-l.right-l.left,m)}else{y=K(f-l.bottom-l.top,g)}if(!e.middlewareData.shift&&!h){const t=q(l.left,0);const e=q(l.right,0);const i=q(l.top,0);const r=q(l.bottom,0);if(u){x=p-2*(t!==0||e!==0?t+e:q(l.left,l.right))}else{y=f-2*(i!==0||r!==0?i+r:q(l.top,l.bottom))}}await o({...e,availableWidth:x,availableHeight:y});const w=await n.getDimensions(a.floating);if(p!==w.width||f!==w.height){return{reset:{rects:true}}}return{}}}};function lt(t){var e;return((e=t.ownerDocument)==null?void 0:e.defaultView)||window}function ct(t){return lt(t).getComputedStyle(t)}const ht=Math.min;const dt=Math.max;const ut=Math.round;function pt(t){const e=ct(t);let i=parseFloat(e.width);let r=parseFloat(e.height);const n=t.offsetWidth;const a=t.offsetHeight;const o=ut(i)!==n||ut(r)!==a;if(o){i=n;r=a}return{width:i,height:r,fallback:o}}function ft(t){return yt(t)?(t.nodeName||"").toLowerCase():""}let bt;function vt(){if(bt){return bt}const t=navigator.userAgentData;if(t&&Array.isArray(t.brands)){bt=t.brands.map((t=>t.brand+"/"+t.version)).join(" ");return bt}return navigator.userAgent}function gt(t){return t instanceof lt(t).HTMLElement}function mt(t){return t instanceof lt(t).Element}function yt(t){return t instanceof lt(t).Node}function xt(t){if(typeof ShadowRoot==="undefined"){return false}const e=lt(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function wt(t){const{overflow:e,overflowX:i,overflowY:r,display:n}=ct(t);return/auto|scroll|overlay|hidden|clip/.test(e+r+i)&&!["inline","contents"].includes(n)}function kt(t){return["table","td","th"].includes(ft(t))}function zt(t){const e=/firefox/i.test(vt());const i=ct(t);const r=i.backdropFilter||i.WebkitBackdropFilter;return i.transform!=="none"||i.perspective!=="none"||(r?r!=="none":false)||e&&i.willChange==="filter"||e&&(i.filter?i.filter!=="none":false)||["transform","perspective"].some((t=>i.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const e=i.contain;return e!=null?e.includes(t):false}))}function It(){return/^((?!chrome|android).)*safari/i.test(vt())}function St(t){return["html","body","#document"].includes(ft(t))}function At(t){return!mt(t)?t.contextElement:t}const Ct={x:1,y:1};function Bt(t){const e=At(t);if(!gt(e)){return Ct}const i=e.getBoundingClientRect();const{width:r,height:n,fallback:a}=pt(e);let o=(a?ut(i.width):i.width)/r;let s=(a?ut(i.height):i.height)/n;if(!o||!Number.isFinite(o)){o=1}if(!s||!Number.isFinite(s)){s=1}return{x:o,y:s}}function Et(t,e,i,r){var n,a;if(e===void 0){e=false}if(i===void 0){i=false}const o=t.getBoundingClientRect();const s=At(t);let l=Ct;if(e){if(r){if(mt(r)){l=Bt(r)}}else{l=Bt(t)}}const c=s?lt(s):window;const h=It()&&i;let d=(o.left+(h?((n=c.visualViewport)==null?void 0:n.offsetLeft)||0:0))/l.x;let u=(o.top+(h?((a=c.visualViewport)==null?void 0:a.offsetTop)||0:0))/l.y;let p=o.width/l.x;let f=o.height/l.y;if(s){const t=lt(s);const e=r&&mt(r)?lt(r):r;let i=t.frameElement;while(i&&r&&e!==t){const t=Bt(i);const e=i.getBoundingClientRect();const r=getComputedStyle(i);e.x+=(i.clientLeft+parseFloat(r.paddingLeft))*t.x;e.y+=(i.clientTop+parseFloat(r.paddingTop))*t.y;d*=t.x;u*=t.y;p*=t.x;f*=t.y;d+=e.x;u+=e.y;i=lt(i).frameElement}}return{width:p,height:f,top:u,right:d+p,bottom:u+f,left:d,x:d,y:u}}function Tt(t){return((yt(t)?t.ownerDocument:t.document)||window.document).documentElement}function Ot(t){if(mt(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $t(t){let{rect:e,offsetParent:i,strategy:r}=t;const n=gt(i);const a=Tt(i);if(i===a){return e}let o={scrollLeft:0,scrollTop:0};let s={x:1,y:1};const l={x:0,y:0};if(n||!n&&r!=="fixed"){if(ft(i)!=="body"||wt(a)){o=Ot(i)}if(gt(i)){const t=Et(i);s=Bt(i);l.x=t.x+i.clientLeft;l.y=t.y+i.clientTop}}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-o.scrollLeft*s.x+l.x,y:e.y*s.y-o.scrollTop*s.y+l.y}}function Mt(t){return Et(Tt(t)).left+Ot(t).scrollLeft}function Ft(t){const e=Tt(t);const i=Ot(t);const r=t.ownerDocument.body;const n=dt(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth);const a=dt(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let o=-i.scrollLeft+Mt(t);const s=-i.scrollTop;if(ct(r).direction==="rtl"){o+=dt(e.clientWidth,r.clientWidth)-n}return{width:n,height:a,x:o,y:s}}function Lt(t){if(ft(t)==="html"){return t}const e=t.assignedSlot||t.parentNode||xt(t)&&t.host||Tt(t);return xt(e)?e.host:e}function Nt(t){const e=Lt(t);if(St(e)){return e.ownerDocument.body}if(gt(e)&&wt(e)){return e}return Nt(e)}function jt(t,e){var i;if(e===void 0){e=[]}const r=Nt(t);const n=r===((i=t.ownerDocument)==null?void 0:i.body);const a=lt(r);if(n){return e.concat(a,a.visualViewport||[],wt(r)?r:[])}return e.concat(r,jt(r))}function Dt(t,e){const i=lt(t);const r=Tt(t);const n=i.visualViewport;let a=r.clientWidth;let o=r.clientHeight;let s=0;let l=0;if(n){a=n.width;o=n.height;const t=It();if(!t||t&&e==="fixed"){s=n.offsetLeft;l=n.offsetTop}}return{width:a,height:o,x:s,y:l}}function Rt(t,e){const i=Et(t,true,e==="fixed");const r=i.top+t.clientTop;const n=i.left+t.clientLeft;const a=gt(t)?Bt(t):{x:1,y:1};const o=t.clientWidth*a.x;const s=t.clientHeight*a.y;const l=n*a.x;const c=r*a.y;return{width:o,height:s,x:l,y:c}}function Pt(t,e,i){let r;if(e==="viewport"){r=Dt(t,i)}else if(e==="document"){r=Ft(Tt(t))}else if(mt(e)){r=Rt(e,i)}else{const i={...e};if(It()){var n,a;const e=lt(t);i.x-=((n=e.visualViewport)==null?void 0:n.offsetLeft)||0;i.y-=((a=e.visualViewport)==null?void 0:a.offsetTop)||0}r=i}return U(r)}function _t(t,e){const i=e.get(t);if(i){return i}let r=jt(t).filter((t=>mt(t)&&ft(t)!=="body"));let n=null;const a=ct(t).position==="fixed";let o=a?Lt(t):t;while(mt(o)&&!St(o)){const t=ct(o);const e=zt(o);const i=t.position==="fixed";if(i){n=null}else{const i=a?!e&&!n:!e&&t.position==="static"&&!!n&&["absolute","fixed"].includes(n.position);if(i){r=r.filter((t=>t!==o))}else{n=t}}o=Lt(o)}e.set(t,r);return r}function Ht(t){let{element:e,boundary:i,rootBoundary:r,strategy:n}=t;const a=i==="clippingAncestors"?_t(e,this._c):[].concat(i);const o=[...a,r];const s=o[0];const l=o.reduce(((t,i)=>{const r=Pt(e,i,n);t.top=dt(r.top,t.top);t.right=ht(r.right,t.right);t.bottom=ht(r.bottom,t.bottom);t.left=dt(r.left,t.left);return t}),Pt(e,s,n));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Ut(t){if(gt(t)){return pt(t)}return t.getBoundingClientRect()}function Gt(t,e){if(!gt(t)||ct(t).position==="fixed"){return null}if(e){return e(t)}return t.offsetParent}function Kt(t){let e=Lt(t);while(gt(e)&&!St(e)){if(zt(e)){return e}else{e=Lt(e)}}return null}function qt(t,e){const i=lt(t);let r=Gt(t,e);while(r&&kt(r)&&ct(r).position==="static"){r=Gt(r,e)}if(r&&(ft(r)==="html"||ft(r)==="body"&&ct(r).position==="static"&&!zt(r))){return i}return r||Kt(t)||i}function Wt(t,e,i){const r=gt(e);const n=Tt(e);const a=Et(t,true,i==="fixed",e);let o={scrollLeft:0,scrollTop:0};const s={x:0,y:0};if(r||!r&&i!=="fixed"){if(ft(e)!=="body"||wt(n)){o=Ot(e)}if(gt(e)){const t=Et(e,true);s.x=t.x+e.clientLeft;s.y=t.y+e.clientTop}else if(n){s.x=Mt(n)}}return{x:a.left+o.scrollLeft-s.x,y:a.top+o.scrollTop-s.y,width:a.width,height:a.height}}const Vt={getClippingRect:Ht,convertOffsetParentRelativeRectToViewportRelativeRect:$t,isElement:mt,getDimensions:Ut,getOffsetParent:qt,getDocumentElement:Tt,getScale:Bt,async getElementRects(t){let{reference:e,floating:i,strategy:r}=t;const n=this.getOffsetParent||qt;const a=this.getDimensions;return{reference:Wt(e,await n(i),r),floating:{x:0,y:0,...await a(i)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>ct(t).direction==="rtl"};function Jt(t,e,i,r){if(r===void 0){r={}}const{ancestorScroll:n=true,ancestorResize:a=true,elementResize:o=true,animationFrame:s=false}=r;const l=n&&!s;const c=l||a?[...mt(t)?jt(t):t.contextElement?jt(t.contextElement):[],...jt(e)]:[];c.forEach((t=>{l&&t.addEventListener("scroll",i,{passive:true});a&&t.addEventListener("resize",i)}));let h=null;if(o){let r=true;h=new ResizeObserver((()=>{if(!r){i()}r=false}));mt(t)&&!s&&h.observe(t);if(!mt(t)&&t.contextElement&&!s){h.observe(t.contextElement)}h.observe(e)}let d;let u=s?Et(t):null;if(s){p()}function p(){const e=Et(t);if(u&&(e.x!==u.x||e.y!==u.y||e.width!==u.width||e.height!==u.height)){i()}u=e;d=requestAnimationFrame(p)}i();return()=>{var t;c.forEach((t=>{l&&t.removeEventListener("scroll",i);a&&t.removeEventListener("resize",i)}));(t=h)==null?void 0:t.disconnect();h=null;if(s){cancelAnimationFrame(d)}}}const Yt=(t,e,i)=>{const r=new Map;const n={platform:Vt,...i};const a={...n.platform,_c:r};return P(t,e,{...n,platform:a})};const Xt=125;
2
- /*!
3
- * tabbable 6.0.1
4
- * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
5
- */var Zt=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"];var Qt=Zt.join(",");var te=typeof Element==="undefined";var ee=te?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var ie=!te&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument};var re=function t(e,i,r){var n=Array.prototype.slice.apply(e.querySelectorAll(Qt));if(i&&ee.call(e,Qt)){n.unshift(e)}n=n.filter(r);return n};var ne=function t(e,i,r){var n=[];var a=Array.from(e);while(a.length){var o=a.shift();if(o.tagName==="SLOT"){var s=o.assignedElements();var l=s.length?s:o.children;var c=t(l,true,r);if(r.flatten){n.push.apply(n,c)}else{n.push({scopeParent:o,candidates:c})}}else{var h=ee.call(o,Qt);if(h&&r.filter(o)&&(i||!e.includes(o))){n.push(o)}var d=o.shadowRoot||typeof r.getShadowRoot==="function"&&r.getShadowRoot(o);var u=!r.shadowRootFilter||r.shadowRootFilter(o);if(d&&u){var p=t(d===true?o.children:d.children,true,r);if(r.flatten){n.push.apply(n,p)}else{n.push({scopeParent:o,candidates:p})}}else{a.unshift.apply(a,o.children)}}}return n};var ae=function t(e,i){if(e.tabIndex<0){if((i||/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||e.isContentEditable)&&isNaN(parseInt(e.getAttribute("tabindex"),10))){return 0}}return e.tabIndex};var oe=function t(e,i){return e.tabIndex===i.tabIndex?e.documentOrder-i.documentOrder:e.tabIndex-i.tabIndex};var se=function t(e){return e.tagName==="INPUT"};var le=function t(e){return se(e)&&e.type==="hidden"};var ce=function t(e){var i=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some((function(t){return t.tagName==="SUMMARY"}));return i};var he=function t(e,i){for(var r=0;r<e.length;r++){if(e[r].checked&&e[r].form===i){return e[r]}}};var de=function t(e){if(!e.name){return true}var i=e.form||ie(e);var r=function t(e){return i.querySelectorAll('input[type="radio"][name="'+e+'"]')};var n;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){n=r(window.CSS.escape(e.name))}else{try{n=r(e.name)}catch(t){console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message);return false}}var a=he(n,e.form);return!a||a===e};var ue=function t(e){return se(e)&&e.type==="radio"};var pe=function t(e){return ue(e)&&!de(e)};var fe=function t(e){var i;var r=ie(e).host;var n=!!((i=r)!==null&&i!==void 0&&i.ownerDocument.contains(r)||e.ownerDocument.contains(e));while(!n&&r){var a;r=ie(r).host;n=!!((a=r)!==null&&a!==void 0&&a.ownerDocument.contains(r))}return n};var be=function t(e){var i=e.getBoundingClientRect(),r=i.width,n=i.height;return r===0&&n===0};var ve=function t(e,i){var r=i.displayCheck,n=i.getShadowRoot;if(getComputedStyle(e).visibility==="hidden"){return true}var a=ee.call(e,"details>summary:first-of-type");var o=a?e.parentElement:e;if(ee.call(o,"details:not([open]) *")){return true}if(!r||r==="full"||r==="legacy-full"){if(typeof n==="function"){var s=e;while(e){var l=e.parentElement;var c=ie(e);if(l&&!l.shadowRoot&&n(l)===true){return be(e)}else if(e.assignedSlot){e=e.assignedSlot}else if(!l&&c!==e.ownerDocument){e=c.host}else{e=l}}e=s}if(fe(e)){return!e.getClientRects().length}if(r!=="legacy-full"){return true}}else if(r==="non-zero-area"){return be(e)}return false};var ge=function t(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName)){var i=e.parentElement;while(i){if(i.tagName==="FIELDSET"&&i.disabled){for(var r=0;r<i.children.length;r++){var n=i.children.item(r);if(n.tagName==="LEGEND"){return ee.call(i,"fieldset[disabled] *")?true:!n.contains(e)}}return true}i=i.parentElement}}return false};var me=function t(e,i){if(i.disabled||le(i)||ve(i,e)||ce(i)||ge(i)){return false}return true};var ye=function t(e,i){if(pe(i)||ae(i)<0||!me(e,i)){return false}return true};var xe=function t(e){var i=parseInt(e.getAttribute("tabindex"),10);if(isNaN(i)||i>=0){return true}return false};var we=function t(e){var i=[];var r=[];e.forEach((function(e,n){var a=!!e.scopeParent;var o=a?e.scopeParent:e;var s=ae(o,a);var l=a?t(e.candidates):o;if(s===0){a?i.push.apply(i,l):i.push(o)}else{r.push({documentOrder:n,tabIndex:s,item:e,isScope:a,content:l})}}));return r.sort(oe).reduce((function(t,e){e.isScope?t.push.apply(t,e.content):t.push(e.content);return t}),[]).concat(i)};var ke=function t(e,i){i=i||{};var r;if(i.getShadowRoot){r=ne([e],i.includeContainer,{filter:ye.bind(null,i),flatten:false,getShadowRoot:i.getShadowRoot,shadowRootFilter:xe})}else{r=re(e,i.includeContainer,ye.bind(null,i))}return we(r)};var ze=function t(e,i){i=i||{};var r;if(i.getShadowRoot){r=ne([e],i.includeContainer,{filter:me.bind(null,i),flatten:true,getShadowRoot:i.getShadowRoot})}else{r=re(e,i.includeContainer,me.bind(null,i))}return r};var Ie=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(ee.call(e,Qt)===false){return false}return ye(i,e)};var Se=Zt.concat("iframe").join(",");var Ae=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(ee.call(e,Se)===false){return false}return me(i,e)};
6
- /*!
7
- * focus-trap 7.2.0
8
- * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
9
- */function Ce(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,r)}return i}function Be(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Ce(Object(i),!0).forEach((function(e){Ee(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Ce(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function Ee(t,e,i){e=Oe(e);if(e in t){Object.defineProperty(t,e,{value:i,enumerable:true,configurable:true,writable:true})}else{t[e]=i}return t}function Te(t,e){if(typeof t!=="object"||t===null)return t;var i=t[Symbol.toPrimitive];if(i!==undefined){var r=i.call(t,e||"default");if(typeof r!=="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function Oe(t){var e=Te(t,"string");return typeof e==="symbol"?e:String(e)}var $e={activateTrap:function t(e,i){if(e.length>0){var r=e[e.length-1];if(r!==i){r.pause()}}var n=e.indexOf(i);if(n===-1){e.push(i)}else{e.splice(n,1);e.push(i)}},deactivateTrap:function t(e,i){var r=e.indexOf(i);if(r!==-1){e.splice(r,1)}if(e.length>0){e[e.length-1].unpause()}}};var Me=function t(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select==="function"};var Fe=function t(e){return e.key==="Escape"||e.key==="Esc"||e.keyCode===27};var Le=function t(e){return e.key==="Tab"||e.keyCode===9};var Ne=function t(e){return Le(e)&&!e.shiftKey};var je=function t(e){return Le(e)&&e.shiftKey};var De=function t(e){return setTimeout(e,0)};var Re=function t(e,i){var r=-1;e.every((function(t,e){if(i(t)){r=e;return false}return true}));return r};var Pe=function t(e){for(var i=arguments.length,r=new Array(i>1?i-1:0),n=1;n<i;n++){r[n-1]=arguments[n]}return typeof e==="function"?e.apply(void 0,r):e};var _e=function t(e){return e.target.shadowRoot&&typeof e.composedPath==="function"?e.composedPath()[0]:e.target};var He=[];var Ue=function t(e,i){var r=(i===null||i===void 0?void 0:i.document)||document;var n=(i===null||i===void 0?void 0:i.trapStack)||He;var a=Be({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true,isKeyForward:Ne,isKeyBackward:je},i);var o={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined};var s;var l=function t(e,i,r){return e&&e[i]!==undefined?e[i]:a[r||i]};var c=function t(e){return o.containerGroups.findIndex((function(t){var i=t.container,r=t.tabbableNodes;return i.contains(e)||r.find((function(t){return t===e}))}))};var h=function t(e){var i=a[e];if(typeof i==="function"){for(var n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++){o[s-1]=arguments[s]}i=i.apply(void 0,o)}if(i===true){i=undefined}if(!i){if(i===undefined||i===false){return i}throw new Error("`".concat(e,"` was specified but was not a node, or did not return a node"))}var l=i;if(typeof i==="string"){l=r.querySelector(i);if(!l){throw new Error("`".concat(e,"` as selector refers to no known node"))}}return l};var d=function t(){var e=h("initialFocus");if(e===false){return false}if(e===undefined){if(c(r.activeElement)>=0){e=r.activeElement}else{var i=o.tabbableGroups[0];var n=i&&i.firstTabbableNode;e=n||h("fallbackFocus")}}if(!e){throw new Error("Your focus-trap needs to have at least one focusable element")}return e};var u=function t(){o.containerGroups=o.containers.map((function(t){var e=ke(t,a.tabbableOptions);var i=ze(t,a.tabbableOptions);return{container:t,tabbableNodes:e,focusableNodes:i,firstTabbableNode:e.length>0?e[0]:null,lastTabbableNode:e.length>0?e[e.length-1]:null,nextTabbableNode:function t(e){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var n=i.findIndex((function(t){return t===e}));if(n<0){return undefined}if(r){return i.slice(n+1).find((function(t){return Ie(t,a.tabbableOptions)}))}return i.slice(0,n).reverse().find((function(t){return Ie(t,a.tabbableOptions)}))}}}));o.tabbableGroups=o.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(o.tabbableGroups.length<=0&&!h("fallbackFocus")){throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")}};var p=function t(e){if(e===false){return}if(e===r.activeElement){return}if(!e||!e.focus){t(d());return}e.focus({preventScroll:!!a.preventScroll});o.mostRecentlyFocusedNode=e;if(Me(e)){e.select()}};var f=function t(e){var i=h("setReturnFocus",e);return i?i:i===false?false:e};var b=function t(e){var i=_e(e);if(c(i)>=0){return}if(Pe(a.clickOutsideDeactivates,e)){s.deactivate({returnFocus:a.returnFocusOnDeactivate&&!Ae(i,a.tabbableOptions)});return}if(Pe(a.allowOutsideClick,e)){return}e.preventDefault()};var v=function t(e){var i=_e(e);var r=c(i)>=0;if(r||i instanceof Document){if(r){o.mostRecentlyFocusedNode=i}}else{e.stopImmediatePropagation();p(o.mostRecentlyFocusedNode||d())}};var g=function t(e){var i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var r=_e(e);u();var n=null;if(o.tabbableGroups.length>0){var s=c(r);var l=s>=0?o.containerGroups[s]:undefined;if(s<0){if(i){n=o.tabbableGroups[o.tabbableGroups.length-1].lastTabbableNode}else{n=o.tabbableGroups[0].firstTabbableNode}}else if(i){var d=Re(o.tabbableGroups,(function(t){var e=t.firstTabbableNode;return r===e}));if(d<0&&(l.container===r||Ae(r,a.tabbableOptions)&&!Ie(r,a.tabbableOptions)&&!l.nextTabbableNode(r,false))){d=s}if(d>=0){var f=d===0?o.tabbableGroups.length-1:d-1;var b=o.tabbableGroups[f];n=b.lastTabbableNode}else if(!Le(e)){n=l.nextTabbableNode(r,false)}}else{var v=Re(o.tabbableGroups,(function(t){var e=t.lastTabbableNode;return r===e}));if(v<0&&(l.container===r||Ae(r,a.tabbableOptions)&&!Ie(r,a.tabbableOptions)&&!l.nextTabbableNode(r))){v=s}if(v>=0){var g=v===o.tabbableGroups.length-1?0:v+1;var m=o.tabbableGroups[g];n=m.firstTabbableNode}else if(!Le(e)){n=l.nextTabbableNode(r)}}}else{n=h("fallbackFocus")}if(n){if(Le(e)){e.preventDefault()}p(n)}};var m=function t(e){if(Fe(e)&&Pe(a.escapeDeactivates,e)!==false){e.preventDefault();s.deactivate();return}if(a.isKeyForward(e)||a.isKeyBackward(e)){g(e,a.isKeyBackward(e))}};var y=function t(e){var i=_e(e);if(c(i)>=0){return}if(Pe(a.clickOutsideDeactivates,e)){return}if(Pe(a.allowOutsideClick,e)){return}e.preventDefault();e.stopImmediatePropagation()};var x=function t(){if(!o.active){return}$e.activateTrap(n,s);o.delayInitialFocusTimer=a.delayInitialFocus?De((function(){p(d())})):p(d());r.addEventListener("focusin",v,true);r.addEventListener("mousedown",b,{capture:true,passive:false});r.addEventListener("touchstart",b,{capture:true,passive:false});r.addEventListener("click",y,{capture:true,passive:false});r.addEventListener("keydown",m,{capture:true,passive:false});return s};var w=function t(){if(!o.active){return}r.removeEventListener("focusin",v,true);r.removeEventListener("mousedown",b,true);r.removeEventListener("touchstart",b,true);r.removeEventListener("click",y,true);r.removeEventListener("keydown",m,true);return s};s={get active(){return o.active},get paused(){return o.paused},activate:function t(e){if(o.active){return this}var i=l(e,"onActivate");var n=l(e,"onPostActivate");var a=l(e,"checkCanFocusTrap");if(!a){u()}o.active=true;o.paused=false;o.nodeFocusedBeforeActivation=r.activeElement;if(i){i()}var s=function t(){if(a){u()}x();if(n){n()}};if(a){a(o.containers.concat()).then(s,s);return this}s();return this},deactivate:function t(e){if(!o.active){return this}var i=Be({onDeactivate:a.onDeactivate,onPostDeactivate:a.onPostDeactivate,checkCanReturnFocus:a.checkCanReturnFocus},e);clearTimeout(o.delayInitialFocusTimer);o.delayInitialFocusTimer=undefined;w();o.active=false;o.paused=false;$e.deactivateTrap(n,s);var r=l(i,"onDeactivate");var c=l(i,"onPostDeactivate");var h=l(i,"checkCanReturnFocus");var d=l(i,"returnFocus","returnFocusOnDeactivate");if(r){r()}var u=function t(){De((function(){if(d){p(f(o.nodeFocusedBeforeActivation))}if(c){c()}}))};if(d&&h){h(f(o.nodeFocusedBeforeActivation)).then(u,u);return this}u();return this},pause:function t(){if(o.paused||!o.active){return this}o.paused=true;w();return this},unpause:function t(){if(!o.paused||!o.active){return this}o.paused=false;u();x();return this},updateContainerElements:function t(e){var i=[].concat(e).filter(Boolean);o.containers=i.map((function(t){return typeof t==="string"?r.querySelector(t):t}));if(o.active){u()}return this}};s.updateContainerElements(e);return s};const Ge=t=>(t?ke(t,{includeContainer:true,getShadowRoot:true}):[]).shift();const Ke=":host{display:contents}:host([hidden]){display:none}::slotted(nav){padding-top:0.5rem;padding-bottom:0.5rem;min-width:8rem;max-width:16rem}.content{position:fixed;background:white;display:none;-webkit-overflow-scrolling:touch;min-height:2rem;max-height:calc(100vh - 48px);box-shadow:0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);border-radius:var(--cat-border-radius-m, 0.25rem);z-index:100;opacity:0;transition:transform 0.13s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.13s cubic-bezier(0.3, 0, 0.8, 0.15)}.content[data-placement^=top]{transform:translateY(1rem)}.content[data-placement^=left]{transform:translateX(1rem)}.content[data-placement^=right]{transform:translateX(-1rem)}.content[data-placement^=bottom]{transform:translateY(-1rem)}.content.show{opacity:1;transform:translateX(0);transform:translateY(0);transition:transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1)}.content.overflow-auto{overflow:auto}";let qe=0;const We=class{constructor(e){t(this,e);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.id=qe++;this.isOpen=false;this.placement="bottom-start";this.noAutoClose=false;this.overflow=false}clickHandler(t){if(!this.trigger){this.initTrigger();this.toggle()}if(!this.noAutoClose&&t.composedPath().includes(this.content)){this.close()}}async toggle(){this.isOpen?this.close():this.open()}async open(){if(this.isOpen===null){return}this.isOpen=null;this.content.style.display="block";setTimeout((()=>{var t;this.isOpen=true;this.content.classList.add("show");(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded","true");this.catOpen.emit();this.trap=this.trap?this.trap.updateContainerElements(this.content):Ue(this.content,{tabbableOptions:{getShadowRoot:true},allowOutsideClick:true,clickOutsideDeactivates:t=>!this.noAutoClose&&!t.composedPath().includes(this.content)&&(!this.trigger||!t.composedPath().includes(this.trigger)),onPostDeactivate:()=>this.close()});this.trap.activate()}))}async close(){if(this.isOpen===null){return}this.isOpen=null;this.content.classList.remove("show");setTimeout((()=>{var t,e;this.isOpen=false;this.content.classList.remove("show");this.content.style.display="";(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");(e=this.trap)===null||e===void 0?void 0:e.deactivate();this.catClose.emit()}),Xt)}componentDidLoad(){this.keyListener=t=>{if(this.isOpen&&["ArrowDown","ArrowUp"].includes(t.key)){const e=ke(this.content,{includeContainer:false,getShadowRoot:true});const i=Ge(document.activeElement);const r=i?e.indexOf(i):-1;const n=t.key==="ArrowDown"?1:-1;const a=r<0?0:(r+n+e.length)%e.length;e[a].focus();t.preventDefault()}};document.addEventListener("keydown",this.keyListener)}disconnectedCallback(){if(this.keyListener){document.removeEventListener("keydown",this.keyListener)}}render(){return e(i,null,e("slot",{name:"trigger",ref:t=>this.triggerSlot=t}),e("div",{id:this.contentId,class:{content:true,"overflow-auto":!this.overflow},ref:t=>this.content=t},e("slot",{name:"content"})))}get contentId(){return`cat-dropdown-${this.id}`}initTrigger(){this.trigger=this.findTrigger();this.trigger.setAttribute("aria-haspopup","true");this.trigger.setAttribute("aria-expanded","false");this.trigger.setAttribute("aria-controls",this.contentId);this.trigger.addEventListener("click",(()=>this.toggle()));Jt(this.trigger,this.content,(()=>this.update()))}findTrigger(){var t,e,i;let r;const n=((e=(t=this.triggerSlot)===null||t===void 0?void 0:t.assignedElements)===null||e===void 0?void 0:e.call(t))||[];while(!r&&n.length){const t=n.shift();r=(t===null||t===void 0?void 0:t.hasAttribute("data-trigger"))?t:(i=t===null||t===void 0?void 0:t.querySelector("[data-trigger]"))!==null&&i!==void 0?i:undefined}if(!r){r=Ge(this.triggerSlot)}if(!r){throw new Error("Cannot find tabbable element. Use [data-trigger] to set the trigger.")}return r}update(){if(this.trigger){Yt(this.trigger,this.content,{strategy:"fixed",placement:this.placement,middleware:[nt(We.OFFSET),it(),st({padding:We.OFFSET,apply({availableWidth:t,availableHeight:e,elements:i}){Object.assign(i.floating.style,{maxWidth:`${t}px`,maxHeight:`${e}px`})}})]}).then((({x:t,y:e,placement:i})=>{this.content.dataset.placement=i;Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}))}}};We.OFFSET=4;We.style=Ke;const Ve=":host{display:block}";const Je=class{constructor(e){t(this,e);this.formElements=[];this.requiredMarker="auto";this.horizontal=false;this.labelSize=undefined}onRequiredMarker(t){const e=t==="auto"?this.calculate(this.formElements):t;this.formElements.forEach((t=>{var i;return!((i=t.requiredMarker)===null||i===void 0?void 0:i.endsWith("!"))&&(t.requiredMarker=e)}))}onHorizontal(t){this.formElements.forEach((e=>{e.horizontal=t}))}render(){return e(i,{style:{"--label-size":this.labelSize}},e("slot",{onSlotchange:this.onSlotChange.bind(this)}))}onSlotChange(){this.formElements=Array.from(this.hostElement.querySelectorAll("cat-textarea, cat-input, cat-select, cat-label"));this.onRequiredMarker(this.requiredMarker);this.onHorizontal(this.horizontal)}calculate(t){const e=t.filter((t=>t.tagName!=="CAT-LABEL"));const i=e.filter((t=>!t.required)).length;const r=e.length-i;return r>=i?"optional":"required"}get hostElement(){return r(this)}static get watchers(){return{requiredMarker:["onRequiredMarker"],horizontal:["onHorizontal"]}}};Je.style=Ve;const Ye=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}span{display:inline-flex}svg{fill:currentColor;stroke:none;transform-origin:center center;height:1em;width:calc(var(--cat-icon-ratio, 1) * 1em)}.icon-xs svg{font-size:0.75rem}.icon-s svg{font-size:1rem}.icon-m svg{font-size:1.25rem}.icon-l svg{font-size:1.5rem}.icon-xl svg{font-size:1.75rem}";const Xe=class{constructor(e){t(this,e);this.icon=undefined;this.iconSrc=undefined;this.size="m";this.a11yLabel=undefined}render(){return e("span",{innerHTML:this.iconSrc||(this.icon?s.getIcon(this.icon):""),"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",part:"icon",class:{icon:true,[`icon-${this.size}`]:this.size!=="inline"}})}};Xe.style=Ye;function Ze(t){return t!=null&&`${t}`!=="false"}function Qe(t,e=0){return ti(t)?Number(t):e}function ti(t){return!isNaN(parseFloat(t))&&!isNaN(Number(t))}const ei=".hint-section{display:flex;gap:0.5rem;flex-direction:column;color:rgb(var(--cat-hint-color, inherit))}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important}.cat-bg-primary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-link-primary,.cat-text-primary-hover{transition:color 0.13s}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important}.cat-bg-primaryInverted-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 0.13s}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important}.cat-bg-secondary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}.cat-link-secondary,.cat-text-secondary-hover{transition:color 0.13s}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important}.cat-bg-secondaryInverted-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 0.13s}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg-, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important}.cat-bg-success-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}.cat-link-success,.cat-text-success-hover{transition:color 0.13s}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important}.cat-bg-warning-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}.cat-link-warning,.cat-text-warning-hover{transition:color 0.13s}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important}.cat-bg-danger-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}.cat-link-danger,.cat-text-danger-hover{transition:color 0.13s}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.label-container{flex-basis:var(--label-size, 33.33%)}.label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container .label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem}.label-optional{display:flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-character-count{display:flex;align-items:center;margin-left:auto;max-height:1.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);margin-bottom:1rem}:host([hidden]){display:none}.input-field,.input-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.input-field.input-horizontal{flex-direction:row;gap:1rem}.input-wrapper{display:flex;align-items:stretch;gap:0.75rem;padding:0 0.75rem;height:2.5rem;overflow:hidden;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:0 0 0 1px rgb(var(--cat-border-color-dark, 215, 219, 224));transition:box-shadow 0.13s linear;}.input-wrapper.input-round{border-radius:10rem}.input-wrapper.input-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px rgb(var(--cat-border-color-dark, 215, 219, 224))}.input-wrapper:not(.input-disabled):hover.input-invalid{box-shadow:0 0 0 2px rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}.input-wrapper:not(.input-disabled):focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}.input-wrapper:not(.input-disabled):focus-within.input-invalid{outline:2px solid rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}.input-wrapper.input-invalid{box-shadow:0 0 0 1px rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}.input-wrapper:has(input:-webkit-autofill),.input-wrapper:has(input:-webkit-autofill):hover,.input-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}.text-prefix,.text-suffix{display:inline-flex;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.text-prefix{border-right:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));padding-right:0.75rem}.text-suffix{border-left:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));padding-left:0.75rem}.icon-prefix,.icon-suffix{align-self:center}.input-inner-wrapper{display:flex;align-items:center;position:relative;flex:1 1 auto}input{font:inherit;margin:0;padding:0;width:100%;min-width:0;border:none;outline:none;background:none;}.input-disabled input{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input.has-clearable{padding-right:1.5rem}input::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}.clearable{position:absolute;top:calc(50% - 1rem);right:-0.5rem}";let ii=0;const ri=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this._id=`cat-input-${ii++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.errorMap=undefined;this.requiredMarker="optional";this.horizontal=false;this.autoComplete=undefined;this.clearable=false;this.disabled=false;this.hint=undefined;this.icon=undefined;this.iconRight=false;this.identifier=undefined;this.label="";this.labelHidden=false;this.max=undefined;this.maxLength=undefined;this.min=undefined;this.minLength=undefined;this.name=undefined;this.placeholder=undefined;this.textPrefix=undefined;this.textSuffix=undefined;this.readonly=false;this.required=false;this.round=false;this.type="text";this.value=undefined;this.errors=undefined;this.errorUpdate=0;this.nativeAttributes=undefined}get id(){return this.identifier||this._id}componentWillRender(){this.watchErrorsHandler(this.errors);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');if(!this.label&&!this.hasSlottedLabel){a.warn("[A11y] Missing ARIA label on input",this)}}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}async doClick(){this.input.click()}async clear(){this.value=""}watchErrorsHandler(t){if(!Ze(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:undefined})),{}):t===true?{}:t||undefined;this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}render(){var t,i,r;return e("div",{class:{"input-field":true,"input-horizontal":this.horizontal}},e("div",{class:{hidden:this.labelHidden,"label-container":true}},(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id},e("span",{class:"label-wrapper",part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label,e("div",{class:"label-metadata"},!this.required&&this.requiredMarker.startsWith("optional")&&e("span",{class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker.startsWith("required")&&e("span",{class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"),this.maxLength&&e("div",{class:"label-character-count","aria-hidden":"true"},(i=(t=this.value)===null||t===void 0?void 0:t.toString().length)!==null&&i!==void 0?i:0,"/",this.maxLength))))),e("div",{class:"input-container"},e("div",{class:{"input-wrapper":true,"input-round":this.round,"input-disabled":this.disabled,"input-invalid":this.invalid},onClick:()=>this.input.focus()},this.textPrefix&&e("span",{class:"text-prefix",part:"prefix"},this.textPrefix),this.icon&&!this.iconRight&&e("cat-icon",{icon:this.icon,class:"icon-prefix",size:"l"}),e("div",{class:"input-inner-wrapper"},e("input",Object.assign({},this.nativeAttributes,{ref:t=>this.input=t,id:this.id,class:{"has-clearable":this.clearable&&!this.disabled},autocomplete:this.autoComplete,disabled:this.disabled,max:this.max,maxlength:this.maxLength,min:this.min,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,type:this.type,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-invalid":this.invalid?"true":undefined,"aria-describedby":((r=this.hint)===null||r===void 0?void 0:r.length)?this.id+"-hint":undefined})),this.clearable&&!this.disabled&&this.value&&e("cat-button",{class:"clearable",icon:"cross-circle-outlined","icon-only":"true",size:"s",variant:"text","a11y-label":o.t("input.clear"),onClick:this.clear.bind(this)})),!this.invalid&&this.icon&&this.iconRight&&e("cat-icon",{icon:this.icon,class:"icon-suffix",size:"l"}),this.invalid&&e("cat-icon",{icon:"alert-circle-outlined",class:"icon-suffix cat-text-danger",size:"l"}),this.textSuffix&&e("span",{class:"text-suffix",part:"suffix"},this.textSuffix)),(this.hint||this.hasSlottedHint||!!Object.keys(this.errorMap||{}).length)&&e(O,{id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap})))}get invalid(){return!!this.errorMap}onInput(t){this.value=this.input.value;this.catChange.emit(t);this.showErrorsIfTimeout()}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t);if(Ze(this.errorUpdate)){this.showErrors()}}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=Qe(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}get hostElement(){return r(this)}static get watchers(){return{errors:["watchErrorsHandler"]}}};ri.style=ei;const ni=":host{display:inline-flex;align-items:center;min-height:2.5rem}:host([hidden]){display:none}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}";const ai=class{constructor(e){t(this,e);this.requiredMarker="optional";this.horizontal=false;this.for=undefined;this.required=false}onClick(){var t;if(this.for){(t=document.getElementById(this.for)||this.findShadowTarget(this.for))===null||t===void 0?void 0:t.focus()}}render(){return e(i,null,e("label",{htmlFor:this.for,onClick:this.onClick.bind(this)},e("slot",null),!this.required&&this.requiredMarker.startsWith("optional")&&e("span",{class:"input-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker.startsWith("required")&&e("span",{class:"input-optional","aria-hidden":"true"},"(",o.t("input.required"),")")))}findShadowTarget(t){var e;for(let i=0;i<ai.SHADOW_TARGETS.length;i++){const r=document.getElementsByTagName(ai.SHADOW_TARGETS[i]);for(let i=0;i<r.length;i++){const n=(e=r[i].shadowRoot)===null||e===void 0?void 0:e.getElementById(t);if(n){return n}}}return null}};ai.SHADOW_TARGETS=["CAT-INPUT","CAT-TEXTAREA","CAT-CHECKBOX","CAT-TOGGLE","CAT-RADIO","CAT-SELECT"];ai.style=ni;const oi=":host{display:inline-block}:host([hidden]){display:none}ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}li{display:inline-flex;justify-content:center}li.dots{-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([variant=outlined]) ol{gap:0.75rem}.cat-pagination-xs li.dots,.cat-pagination-xs li.text{height:1.5rem;line-height:1.5rem;font-size:0.875rem}.cat-pagination-xs li.dots{width:1.5rem}:host([variant=outlined]) .cat-pagination-xs{gap:0.375rem}.cat-pagination-s li.dots,.cat-pagination-s li.text{height:2rem;line-height:2rem;font-size:0.9375rem}.cat-pagination-s li.dots{width:2rem}:host([variant=outlined]) .cat-pagination-s{gap:0.5rem}.cat-pagination-m li.dots,.cat-pagination-m li.text{height:2.5rem;line-height:2.5rem;font-size:0.9375rem}.cat-pagination-m li.dots{width:2.5rem}:host([variant=outlined]) .cat-pagination-m{gap:0.625rem}.cat-pagination-l li.dots,.cat-pagination-l li.text{height:3rem;line-height:3rem;font-size:0.9375rem}.cat-pagination-l li.dots{width:3rem}:host([variant=outlined]) .cat-pagination-l{gap:0.75rem}.cat-pagination-xl li.dots,.cat-pagination-xl li.text{height:3.5rem;line-height:3.5rem;font-size:1.125rem}.cat-pagination-xl li.dots{width:3.5rem}:host([variant=outlined]) .cat-pagination-xl{gap:0.875rem}";const si=class{constructor(e){t(this,e);this.page=0;this.pageCount=1;this.activePadding=1;this.sidePadding=1;this.size="m";this.variant="text";this.round=false;this.compact=false;this.iconPrev="chevron-left-outlined";this.iconNext="chevron-right-outlined"}render(){return e("nav",{role:"navigation"},e("ol",{class:{[`cat-pagination-${this.size}`]:Boolean(this.size)}},e("li",null,e("cat-button",{variant:this.variant,size:this.size,round:this.round,disabled:this.isFirst,a11yLabel:o.t("pagination.prev"),icon:this.iconPrev,iconOnly:true,onClick:()=>this.page=this.page-1})),this.content,e("li",null,e("cat-button",{variant:this.variant,size:this.size,round:this.round,disabled:this.isLast,a11yLabel:o.t("pagination.next"),icon:this.iconNext,iconOnly:true,onClick:()=>this.page=this.page+1}))))}get isFirst(){return this.page===0}get isLast(){return this.page===this.pageCount-1}get pages(){if(!this.sidePadding&&!this.activePadding){return[this.page]}const t=new Set;const e=this.page<=this.sidePadding+this.activePadding+1;const i=e?this.sidePadding+2*this.activePadding+2:this.sidePadding;const r=this.page>=this.pageCount-this.sidePadding-this.activePadding-2;const n=r?this.pageCount-this.sidePadding-2*this.activePadding-2:this.pageCount-this.sidePadding;this.addSeq(t,0,i);if(!e&&!r){this.addSeq(t,this.page-this.activePadding,this.page+this.activePadding+1)}this.addSeq(t,n,this.pageCount);return[...t]}addSeq(t,e,i){const r=this.clamp(e,0,this.pageCount);const n=this.clamp(i,0,this.pageCount);Array(n-r).fill(0).forEach(((e,i)=>t.add(r+i)))}clamp(t,e,i){return Math.min(Math.max(t,e),i)}get content(){if(this.compact){return e("li",{class:"text"},this.page+1,"/",this.pageCount)}return this.pages.map(((t,i)=>[i>0&&this.pages[i-1]!==t-1?e("li",{class:"dots"},"…"):null,e("li",null,e("cat-button",{variant:this.variant,size:this.size,round:this.round,color:this.page===t?"primary":undefined,active:this.page===t,a11yLabel:o.t("pagination.page",{page:t+1}),a11yCurrent:this.page===t?"step":undefined,onClick:()=>this.page=t},t+1))]))}};si.style=oi;const li=".hint-section{display:flex;gap:0.5rem;flex-direction:column;color:rgb(var(--cat-hint-color, inherit))}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}:host([hidden]){display:none}label{display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);cursor:pointer}.label-left{flex-direction:row-reverse}.radio{display:flex;position:relative;align-self:flex-start}.circle{position:absolute;width:0.75rem;height:0.75rem;background-color:rgb(var(--cat-primary-bg, 0, 129, 148));border-radius:10rem;top:calc(50% - 0.375rem);left:calc(50% - 0.375rem);visibility:hidden;pointer-events:none}input{margin:0;width:1.25rem;height:1.25rem;appearance:none;background-color:white;border:1px solid rgb(var(--cat-border-color-dark, 215, 219, 224));border-radius:10rem;cursor:inherit}input:checked{border-color:rgb(var(--cat-primary-bg, 0, 129, 148))}input:checked+.circle{visibility:visible}input:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}:host(.cat-error) input{border-color:rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) .circle{background-color:rgb(var(--cat-danger-bg, 217, 52, 13))}.label{flex:1 1 auto}.is-hidden .label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.is-disabled{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.is-disabled input{background-color:#f2f4f7}.is-disabled input:checked{border-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}.is-disabled .circle{background-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}";let ci=0;const hi=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this._id=`cat-radio-${++ci}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.checked=false;this.disabled=false;this.identifier=undefined;this.label="";this.labelHidden=false;this.name=undefined;this.required=false;this.value=undefined;this.hint=undefined;this.labelLeft=false;this.nativeAttributes=undefined}get id(){return this.identifier||this._id}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');if(!this.label&&!this.hasSlottedLabel){a.warn("[A11y] Missing ARIA label on radio",this)}}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}async doClick(){this.input.click()}render(){return e(i,null,e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft},role:"radio","aria-checked":this.checked?"true":"false"},e("span",{class:"radio"},e("input",Object.assign({},this.nativeAttributes,{ref:t=>this.input=t,id:this.identifier||this.id,type:"radio",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onInput:this.onChange.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)})),e("span",{class:"circle"})),e("span",{class:"label",part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label)),(this.hint||this.hasSlottedHint)&&e(O,{id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"})}))}onChange(t){this.checked=true;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};hi.style=li;const di=":host{display:block}:host([hidden]){display:none}";const ui=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catBlur=n(this,"catBlur",7);this.catRadioGroup=[];this.name=undefined;this.value=undefined;this.disabled=false;this.a11yLabel=undefined;this.labelLeft=false}onNameChanged(t){this.catRadioGroup.forEach((e=>e.name=t))}onValueChanged(t){this.catRadioGroup.forEach((e=>e.checked=e.value===t));this.updateTabIndex()}onDisabledChanged(t){this.catRadioGroup.forEach((e=>e.disabled=t))}onLabelLeftChanged(t){this.catRadioGroup.forEach((e=>{if(t){e.labelLeft=t}}))}componentDidLoad(){this.catRadioGroup=Array.from(this.hostElement.querySelectorAll(`cat-radio`));this.onNameChanged(this.name);this.onValueChanged(this.value);this.onDisabledChanged(this.disabled);this.onLabelLeftChanged(this.labelLeft)}onKeydown(t){var e,i;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)&&this.catRadioGroup.length){const r=this.catRadioGroup.filter((t=>!t.disabled));const n=document.activeElement;const a=this.catRadioGroup.findIndex((t=>t===n));const o=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const s=a<0?0:(a+o+r.length)%r.length;r[s].doFocus();(i=(e=r[s].shadowRoot)===null||e===void 0?void 0:e.querySelector("input"))===null||i===void 0?void 0:i.click();this.updateTabIndex();t.preventDefault()}}onInput(t){const e=this.catRadioGroup.find((e=>e===t.target));this.value=e===null||e===void 0?void 0:e.value;this.catChange.emit()}onBlur(t){if(!t.relatedTarget){this.catBlur.emit(t)}}render(){return e("div",{role:"radiogroup","aria-label":this.a11yLabel},e("slot",null))}updateTabIndex(){var t,e;if(this.catRadioGroup.length){this.catRadioGroup.forEach((t=>{var e,i;return(i=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector("input"))===null||i===void 0?void 0:i.setAttribute("tabindex","-1")}));const i=this.catRadioGroup.findIndex((t=>t.checked));(e=(t=this.catRadioGroup[i>=0?i:0].shadowRoot)===null||t===void 0?void 0:t.querySelector("input"))===null||e===void 0?void 0:e.setAttribute("tabindex","0")}}get hostElement(){return r(this)}static get watchers(){return{name:["onNameChanged"],value:["onValueChanged"],disabled:["onDisabledChanged"],labelLeft:["onLabelLeftChanged"]}}};ui.style=di;function pi(t){return typeof t==="function"}function fi(t){const e=t=>{Error.call(t);t.stack=(new Error).stack};const i=t(e);i.prototype=Object.create(Error.prototype);i.prototype.constructor=i;return i}const bi=fi((t=>function e(i){t(this);this.message=i?`${i.length} errors occurred during unsubscription:\n${i.map(((t,e)=>`${e+1}) ${t.toString()}`)).join("\n ")}`:"";this.name="UnsubscriptionError";this.errors=i}));function vi(t,e){if(t){const i=t.indexOf(e);0<=i&&t.splice(i,1)}}class gi{constructor(t){this.initialTeardown=t;this.closed=false;this._parentage=null;this._finalizers=null}unsubscribe(){let t;if(!this.closed){this.closed=true;const{_parentage:e}=this;if(e){this._parentage=null;if(Array.isArray(e)){for(const t of e){t.remove(this)}}else{e.remove(this)}}const{initialTeardown:i}=this;if(pi(i)){try{i()}catch(e){t=e instanceof bi?e.errors:[e]}}const{_finalizers:r}=this;if(r){this._finalizers=null;for(const e of r){try{xi(e)}catch(e){t=t!==null&&t!==void 0?t:[];if(e instanceof bi){t=[...t,...e.errors]}else{t.push(e)}}}}if(t){throw new bi(t)}}}add(t){var e;if(t&&t!==this){if(this.closed){xi(t)}else{if(t instanceof gi){if(t.closed||t._hasParent(this)){return}t._addParent(this)}(this._finalizers=(e=this._finalizers)!==null&&e!==void 0?e:[]).push(t)}}}_hasParent(t){const{_parentage:e}=this;return e===t||Array.isArray(e)&&e.includes(t)}_addParent(t){const{_parentage:e}=this;this._parentage=Array.isArray(e)?(e.push(t),e):e?[e,t]:t}_removeParent(t){const{_parentage:e}=this;if(e===t){this._parentage=null}else if(Array.isArray(e)){vi(e,t)}}remove(t){const{_finalizers:e}=this;e&&vi(e,t);if(t instanceof gi){t._removeParent(this)}}}gi.EMPTY=(()=>{const t=new gi;t.closed=true;return t})();const mi=gi.EMPTY;function yi(t){return t instanceof gi||t&&"closed"in t&&pi(t.remove)&&pi(t.add)&&pi(t.unsubscribe)}function xi(t){if(pi(t)){t()}else{t.unsubscribe()}}const wi={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const ki={setTimeout(t,e,...i){const{delegate:r}=ki;if(r===null||r===void 0?void 0:r.setTimeout){return r.setTimeout(t,e,...i)}return setTimeout(t,e,...i)},clearTimeout(t){const{delegate:e}=ki;return((e===null||e===void 0?void 0:e.clearTimeout)||clearTimeout)(t)},delegate:undefined};function zi(t){ki.setTimeout((()=>{const{onUnhandledError:e}=wi;if(e){e(t)}else{throw t}}))}function Ii(){}const Si=(()=>Bi("C",undefined,undefined))();function Ai(t){return Bi("E",undefined,t)}function Ci(t){return Bi("N",t,undefined)}function Bi(t,e,i){return{kind:t,value:e,error:i}}function Ei(t){{t()}}class Ti extends gi{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(yi(t)){t.add(this)}}else{this.destination=Di}}static create(t,e,i){return new Fi(t,e,i)}next(t){if(this.isStopped){ji(Ci(t),this)}else{this._next(t)}}error(t){if(this.isStopped){ji(Ai(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){ji(Si,this)}else{this.isStopped=true;this._complete()}}unsubscribe(){if(!this.closed){this.isStopped=true;super.unsubscribe();this.destination=null}}_next(t){this.destination.next(t)}_error(t){try{this.destination.error(t)}finally{this.unsubscribe()}}_complete(){try{this.destination.complete()}finally{this.unsubscribe()}}}const Oi=Function.prototype.bind;function $i(t,e){return Oi.call(t,e)}class Mi{constructor(t){this.partialObserver=t}next(t){const{partialObserver:e}=this;if(e.next){try{e.next(t)}catch(t){Li(t)}}}error(t){const{partialObserver:e}=this;if(e.error){try{e.error(t)}catch(t){Li(t)}}else{Li(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){Li(t)}}}}class Fi extends Ti{constructor(t,e,i){super();let r;if(pi(t)||!t){r={next:t!==null&&t!==void 0?t:undefined,error:e!==null&&e!==void 0?e:undefined,complete:i!==null&&i!==void 0?i:undefined}}else{let e;if(this&&wi.useDeprecatedNextContext){e=Object.create(t);e.unsubscribe=()=>this.unsubscribe();r={next:t.next&&$i(t.next,e),error:t.error&&$i(t.error,e),complete:t.complete&&$i(t.complete,e)}}else{r=t}}this.destination=new Mi(r)}}function Li(t){{zi(t)}}function Ni(t){throw t}function ji(t,e){const{onStoppedNotification:i}=wi;i&&ki.setTimeout((()=>i(t,e)))}const Di={closed:true,next:Ii,error:Ni,complete:Ii};const Ri=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function Pi(t){return t}function _i(t){if(t.length===0){return Pi}if(t.length===1){return t[0]}return function e(i){return t.reduce(((t,e)=>e(t)),i)}}class Hi{constructor(t){if(t){this._subscribe=t}}lift(t){const e=new Hi;e.source=this;e.operator=t;return e}subscribe(t,e,i){const r=Ki(t)?t:new Fi(t,e,i);Ei((()=>{const{operator:t,source:e}=this;r.add(t?t.call(r,e):e?this._subscribe(r):this._trySubscribe(r))}));return r}_trySubscribe(t){try{return this._subscribe(t)}catch(e){t.error(e)}}forEach(t,e){e=Ui(e);return new e(((e,i)=>{const r=new Fi({next:e=>{try{t(e)}catch(t){i(t);r.unsubscribe()}},error:i,complete:e});this.subscribe(r)}))}_subscribe(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)}[Ri](){return this}pipe(...t){return _i(t)(this)}toPromise(t){t=Ui(t);return new t(((t,e)=>{let i;this.subscribe((t=>i=t),(t=>e(t)),(()=>t(i)))}))}}Hi.create=t=>new Hi(t);function Ui(t){var e;return(e=t!==null&&t!==void 0?t:wi.Promise)!==null&&e!==void 0?e:Promise}function Gi(t){return t&&pi(t.next)&&pi(t.error)&&pi(t.complete)}function Ki(t){return t&&t instanceof Ti||Gi(t)&&yi(t)}function qi(t){return pi(t===null||t===void 0?void 0:t.lift)}function Wi(t){return e=>{if(qi(e)){return e.lift((function(e){try{return t(e,this)}catch(t){this.error(t)}}))}throw new TypeError("Unable to lift unknown Observable type")}}function Vi(t,e,i,r,n){return new Ji(t,e,i,r,n)}class Ji extends Ti{constructor(t,e,i,r,n,a){super(t);this.onFinalize=n;this.shouldUnsubscribe=a;this._next=e?function(i){try{e(i)}catch(e){t.error(e)}}:super._next;this._error=r?function(e){try{r(e)}catch(e){t.error(e)}finally{this.unsubscribe()}}:super._error;this._complete=i?function(){try{i()}catch(e){t.error(e)}finally{this.unsubscribe()}}:super._complete}unsubscribe(){var t;if(!this.shouldUnsubscribe||this.shouldUnsubscribe()){const{closed:e}=this;super.unsubscribe();!e&&((t=this.onFinalize)===null||t===void 0?void 0:t.call(this))}}}const Yi=fi((t=>function e(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class Xi extends Hi{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const e=new Zi(this,this);e.operator=t;return e}_throwIfClosed(){if(this.closed){throw new Yi}}next(t){Ei((()=>{this._throwIfClosed();if(!this.isStopped){if(!this.currentObservers){this.currentObservers=Array.from(this.observers)}for(const e of this.currentObservers){e.next(t)}}}))}error(t){Ei((()=>{this._throwIfClosed();if(!this.isStopped){this.hasError=this.isStopped=true;this.thrownError=t;const{observers:e}=this;while(e.length){e.shift().error(t)}}}))}complete(){Ei((()=>{this._throwIfClosed();if(!this.isStopped){this.isStopped=true;const{observers:t}=this;while(t.length){t.shift().complete()}}}))}unsubscribe(){this.isStopped=this.closed=true;this.observers=this.currentObservers=null}get observed(){var t;return((t=this.observers)===null||t===void 0?void 0:t.length)>0}_trySubscribe(t){this._throwIfClosed();return super._trySubscribe(t)}_subscribe(t){this._throwIfClosed();this._checkFinalizedStatuses(t);return this._innerSubscribe(t)}_innerSubscribe(t){const{hasError:e,isStopped:i,observers:r}=this;if(e||i){return mi}this.currentObservers=null;r.push(t);return new gi((()=>{this.currentObservers=null;vi(r,t)}))}_checkFinalizedStatuses(t){const{hasError:e,thrownError:i,isStopped:r}=this;if(e){t.error(i)}else if(r){t.complete()}}asObservable(){const t=new Hi;t.source=this;return t}}Xi.create=(t,e)=>new Zi(t,e);class Zi extends Xi{constructor(t,e){super();this.destination=t;this.source=e}next(t){var e,i;(i=(e=this.destination)===null||e===void 0?void 0:e.next)===null||i===void 0?void 0:i.call(e,t)}error(t){var e,i;(i=(e=this.destination)===null||e===void 0?void 0:e.error)===null||i===void 0?void 0:i.call(e,t)}complete(){var t,e;(e=(t=this.destination)===null||t===void 0?void 0:t.complete)===null||e===void 0?void 0:e.call(t)}_subscribe(t){var e,i;return(i=(e=this.source)===null||e===void 0?void 0:e.subscribe(t))!==null&&i!==void 0?i:mi}}const Qi={now(){return(Qi.delegate||Date).now()},delegate:undefined};class tr extends gi{constructor(t,e){super()}schedule(t,e=0){return this}}const er={setInterval(t,e,...i){const{delegate:r}=er;if(r===null||r===void 0?void 0:r.setInterval){return r.setInterval(t,e,...i)}return setInterval(t,e,...i)},clearInterval(t){const{delegate:e}=er;return((e===null||e===void 0?void 0:e.clearInterval)||clearInterval)(t)},delegate:undefined};class ir extends tr{constructor(t,e){super(t,e);this.scheduler=t;this.work=e;this.pending=false}schedule(t,e=0){if(this.closed){return this}this.state=t;const i=this.id;const r=this.scheduler;if(i!=null){this.id=this.recycleAsyncId(r,i,e)}this.pending=true;this.delay=e;this.id=this.id||this.requestAsyncId(r,this.id,e);return this}requestAsyncId(t,e,i=0){return er.setInterval(t.flush.bind(t,this),i)}recycleAsyncId(t,e,i=0){if(i!=null&&this.delay===i&&this.pending===false){return e}er.clearInterval(e);return undefined}execute(t,e){if(this.closed){return new Error("executing a cancelled action")}this.pending=false;const i=this._execute(t,e);if(i){return i}else if(this.pending===false&&this.id!=null){this.id=this.recycleAsyncId(this.scheduler,this.id,null)}}_execute(t,e){let i=false;let r;try{this.work(t)}catch(t){i=true;r=t?t:new Error("Scheduled action threw falsy error")}if(i){this.unsubscribe();return r}}unsubscribe(){if(!this.closed){const{id:t,scheduler:e}=this;const{actions:i}=e;this.work=this.state=this.scheduler=null;this.pending=false;vi(i,this);if(t!=null){this.id=this.recycleAsyncId(e,t,null)}this.delay=null;super.unsubscribe()}}}class rr{constructor(t,e=rr.now){this.schedulerActionCtor=t;this.now=e}schedule(t,e=0,i){return new this.schedulerActionCtor(this,t).schedule(i,e)}}rr.now=Qi.now;class nr extends rr{constructor(t,e=rr.now){super(t,e);this.actions=[];this._active=false;this._scheduled=undefined}flush(t){const{actions:e}=this;if(this._active){e.push(t);return}let i;this._active=true;do{if(i=t.execute(t.state,t.delay)){break}}while(t=e.shift());this._active=false;if(i){while(t=e.shift()){t.unsubscribe()}throw i}}}const ar=new nr(ir);const or=ar;const sr=new Hi((t=>t.complete()));function lr(t){return t&&pi(t.schedule)}function cr(t){return t[t.length-1]}function hr(t){return lr(cr(t))?t.pop():undefined}function dr(t,e){return typeof cr(t)==="number"?t.pop():e}function ur(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{l(r.next(t))}catch(t){a(t)}}function s(t){try{l(r["throw"](t))}catch(t){a(t)}}function l(t){t.done?i(t.value):n(t.value).then(o,s)}l((r=r.apply(t,e||[])).next())}))}function pr(t){var e=typeof Symbol==="function"&&Symbol.iterator,i=e&&t[e],r=0;if(i)return i.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&r>=t.length)t=void 0;return{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function fr(t){return this instanceof fr?(this.v=t,this):new fr(t)}function br(t,e,i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r=i.apply(t,e||[]),n,a=[];return n={},o("next"),o("throw"),o("return"),n[Symbol.asyncIterator]=function(){return this},n;function o(t){if(r[t])n[t]=function(e){return new Promise((function(i,r){a.push([t,e,i,r])>1||s(t,e)}))}}function s(t,e){try{l(r[t](e))}catch(t){d(a[0][3],t)}}function l(t){t.value instanceof fr?Promise.resolve(t.value.v).then(c,h):d(a[0][2],t)}function c(t){s("next",t)}function h(t){s("throw",t)}function d(t,e){if(t(e),a.shift(),a.length)s(a[0][0],a[0][1])}}function vr(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e=t[Symbol.asyncIterator],i;return e?e.call(t):(t=typeof pr==="function"?pr(t):t[Symbol.iterator](),i={},r("next"),r("throw"),r("return"),i[Symbol.asyncIterator]=function(){return this},i);function r(e){i[e]=t[e]&&function(i){return new Promise((function(r,a){i=t[e](i),n(r,a,i.done,i.value)}))}}function n(t,e,i,r){Promise.resolve(r).then((function(e){t({value:e,done:i})}),e)}}const gr=t=>t&&typeof t.length==="number"&&typeof t!=="function";function mr(t){return pi(t===null||t===void 0?void 0:t.then)}function yr(t){return pi(t[Ri])}function xr(t){return Symbol.asyncIterator&&pi(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function wr(t){return new TypeError(`You provided ${t!==null&&typeof t==="object"?"an invalid object":`'${t}'`} where a stream was expected. You can provide an Observable, Promise, ReadableStream, Array, AsyncIterable, or Iterable.`)}function kr(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const zr=kr();function Ir(t){return pi(t===null||t===void 0?void 0:t[zr])}function Sr(t){return br(this,arguments,(function*e(){const i=t.getReader();try{while(true){const{value:t,done:e}=yield fr(i.read());if(e){return yield fr(void 0)}yield yield fr(t)}}finally{i.releaseLock()}}))}function Ar(t){return pi(t===null||t===void 0?void 0:t.getReader)}function Cr(t){if(t instanceof Hi){return t}if(t!=null){if(yr(t)){return Br(t)}if(gr(t)){return Er(t)}if(mr(t)){return Tr(t)}if(xr(t)){return $r(t)}if(Ir(t)){return Or(t)}if(Ar(t)){return Mr(t)}}throw wr(t)}function Br(t){return new Hi((e=>{const i=t[Ri]();if(pi(i.subscribe)){return i.subscribe(e)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function Er(t){return new Hi((e=>{for(let i=0;i<t.length&&!e.closed;i++){e.next(t[i])}e.complete()}))}function Tr(t){return new Hi((e=>{t.then((t=>{if(!e.closed){e.next(t);e.complete()}}),(t=>e.error(t))).then(null,zi)}))}function Or(t){return new Hi((e=>{for(const i of t){e.next(i);if(e.closed){return}}e.complete()}))}function $r(t){return new Hi((e=>{Fr(t,e).catch((t=>e.error(t)))}))}function Mr(t){return $r(Sr(t))}function Fr(t,e){var i,r;var n,a;return ur(this,void 0,void 0,(function*(){try{for(i=vr(t);r=yield i.next(),!r.done;){const t=r.value;e.next(t);if(e.closed){return}}}catch(t){n={error:t}}finally{try{if(r&&!r.done&&(a=i.return))yield a.call(i)}finally{if(n)throw n.error}}e.complete()}))}function Lr(t,e,i,r=0,n=false){const a=e.schedule((function(){i();if(n){t.add(this.schedule(null,r))}else{this.unsubscribe()}}),r);t.add(a);if(!n){return a}}function Nr(t,e=0){return Wi(((i,r)=>{i.subscribe(Vi(r,(i=>Lr(r,t,(()=>r.next(i)),e)),(()=>Lr(r,t,(()=>r.complete()),e)),(i=>Lr(r,t,(()=>r.error(i)),e))))}))}function jr(t,e=0){return Wi(((i,r)=>{r.add(t.schedule((()=>i.subscribe(r)),e))}))}function Dr(t,e){return Cr(t).pipe(jr(e),Nr(e))}function Rr(t,e){return Cr(t).pipe(jr(e),Nr(e))}function Pr(t,e){return new Hi((i=>{let r=0;return e.schedule((function(){if(r===t.length){i.complete()}else{i.next(t[r++]);if(!i.closed){this.schedule()}}}))}))}function _r(t,e){return new Hi((i=>{let r;Lr(i,e,(()=>{r=t[zr]();Lr(i,e,(()=>{let t;let e;try{({value:t,done:e}=r.next())}catch(t){i.error(t);return}if(e){i.complete()}else{i.next(t)}}),0,true)}));return()=>pi(r===null||r===void 0?void 0:r.return)&&r.return()}))}function Hr(t,e){if(!t){throw new Error("Iterable cannot be null")}return new Hi((i=>{Lr(i,e,(()=>{const r=t[Symbol.asyncIterator]();Lr(i,e,(()=>{r.next().then((t=>{if(t.done){i.complete()}else{i.next(t.value)}}))}),0,true)}))}))}function Ur(t,e){return Hr(Sr(t),e)}function Gr(t,e){if(t!=null){if(yr(t)){return Dr(t,e)}if(gr(t)){return Pr(t,e)}if(mr(t)){return Rr(t,e)}if(xr(t)){return Hr(t,e)}if(Ir(t)){return _r(t,e)}if(Ar(t)){return Ur(t,e)}}throw wr(t)}function Kr(t,e){return e?Gr(t,e):Cr(t)}function qr(...t){const e=hr(t);return Kr(t,e)}const Wr=fi((t=>function e(){t(this);this.name="EmptyError";this.message="no elements in sequence"}));function Vr(t){return t instanceof Date&&!isNaN(t)}function Jr(t,e){return Wi(((i,r)=>{let n=0;i.subscribe(Vi(r,(i=>{r.next(t.call(e,i,n++))})))}))}const{isArray:Yr}=Array;function Xr(t,e){return Yr(e)?t(...e):t(e)}function Zr(t){return Jr((e=>Xr(t,e)))}function Qr(t,e,i,r,n,a,o,s){const l=[];let c=0;let h=0;let d=false;const u=()=>{if(d&&!l.length&&!c){e.complete()}};const p=t=>c<r?f(t):l.push(t);const f=t=>{a&&e.next(t);c++;let s=false;Cr(i(t,h++)).subscribe(Vi(e,(t=>{n===null||n===void 0?void 0:n(t);if(a){p(t)}else{e.next(t)}}),(()=>{s=true}),undefined,(()=>{if(s){try{c--;while(l.length&&c<r){const t=l.shift();if(o){Lr(e,o,(()=>f(t)))}else{f(t)}}u()}catch(t){e.error(t)}}})))};t.subscribe(Vi(e,p,(()=>{d=true;u()})));return()=>{s===null||s===void 0?void 0:s()}}function tn(t,e,i=Infinity){if(pi(e)){return tn(((i,r)=>Jr(((t,n)=>e(i,t,r,n)))(Cr(t(i,r)))),i)}else if(typeof e==="number"){i=e}return Wi(((e,r)=>Qr(e,r,t,i)))}function en(t=Infinity){return tn(Pi,t)}function rn(){return en(1)}function nn(...t){return rn()(Kr(t,hr(t)))}const an=["addListener","removeListener"];const on=["addEventListener","removeEventListener"];const sn=["on","off"];function ln(t,e,i,r){if(pi(i)){r=i;i=undefined}if(r){return ln(t,e,i).pipe(Zr(r))}const[n,a]=un(t)?on.map((r=>n=>t[r](e,n,i))):hn(t)?an.map(cn(t,e)):dn(t)?sn.map(cn(t,e)):[];if(!n){if(gr(t)){return tn((t=>ln(t,e,i)))(Cr(t))}}if(!n){throw new TypeError("Invalid event target")}return new Hi((t=>{const e=(...e)=>t.next(1<e.length?e:e[0]);n(e);return()=>a(e)}))}function cn(t,e){return i=>r=>t[i](e,r)}function hn(t){return pi(t.addListener)&&pi(t.removeListener)}function dn(t){return pi(t.on)&&pi(t.off)}function un(t){return pi(t.addEventListener)&&pi(t.removeEventListener)}function pn(t=0,e,i=or){let r=-1;if(e!=null){if(lr(e)){i=e}else{r=e}}return new Hi((e=>{let n=Vr(t)?+t-i.now():t;if(n<0){n=0}let a=0;return i.schedule((function(){if(!e.closed){e.next(a++);if(0<=r){this.schedule(undefined,r)}else{e.complete()}}}),n)}))}function fn(...t){const e=hr(t);const i=dr(t,Infinity);const r=t;return!r.length?sr:r.length===1?Cr(r[0]):en(i)(Kr(r,e))}function bn(t,e){return Wi(((i,r)=>{let n=0;i.subscribe(Vi(r,(i=>t.call(e,i,n++)&&r.next(i))))}))}function vn(t){return Wi(((e,i)=>{let r=false;let n=null;let a=null;let o=false;const s=()=>{a===null||a===void 0?void 0:a.unsubscribe();a=null;if(r){r=false;const t=n;n=null;i.next(t)}o&&i.complete()};const l=()=>{a=null;o&&i.complete()};e.subscribe(Vi(i,(e=>{r=true;n=e;if(!a){Cr(t(e)).subscribe(a=Vi(i,s,l))}}),(()=>{o=true;(!r||!a||a.closed)&&i.complete()})))}))}function gn(t,e=ar){return vn((()=>pn(t,e)))}function mn(t){return Wi(((e,i)=>{let r=null;let n=false;let a;r=e.subscribe(Vi(i,undefined,undefined,(o=>{a=Cr(t(o,mn(t)(e)));if(r){r.unsubscribe();r=null;a.subscribe(i)}else{n=true}})));if(n){r.unsubscribe();r=null;a.subscribe(i)}}))}function yn(t,e,i,r,n){return(a,o)=>{let s=i;let l=e;let c=0;a.subscribe(Vi(o,(e=>{const i=c++;l=s?t(l,e,i):(s=true,e);r&&o.next(l)}),n&&(()=>{s&&o.next(l);o.complete()})))}}function xn(t){return Wi(((e,i)=>{let r=false;let n=null;let a=null;const o=()=>{a===null||a===void 0?void 0:a.unsubscribe();a=null;if(r){r=false;const t=n;n=null;i.next(t)}};e.subscribe(Vi(i,(e=>{a===null||a===void 0?void 0:a.unsubscribe();r=true;n=e;a=Vi(i,o,Ii);Cr(t(e)).subscribe(a)}),(()=>{o();i.complete()}),undefined,(()=>{n=a=null})))}))}function wn(t){return Wi(((e,i)=>{let r=false;e.subscribe(Vi(i,(t=>{r=true;i.next(t)}),(()=>{if(!r){i.next(t)}i.complete()})))}))}function kn(t){return t<=0?()=>sr:Wi(((e,i)=>{let r=0;e.subscribe(Vi(i,(e=>{if(++r<=t){i.next(e);if(t<=r){i.complete()}}})))}))}function zn(){return Wi(((t,e)=>{t.subscribe(Vi(e,Ii))}))}function In(t){return Jr((()=>t))}function Sn(t,e){if(e){return i=>nn(e.pipe(kn(1),zn()),i.pipe(Sn(t)))}return tn(((e,i)=>t(e,i).pipe(kn(1),In(e))))}function An(t,e=ar){const i=pn(t,e);return Sn((()=>i))}function Cn(t,e=Pi){t=t!==null&&t!==void 0?t:Bn;return Wi(((i,r)=>{let n;let a=true;i.subscribe(Vi(r,(i=>{const o=e(i);if(a||!t(n,o)){a=false;n=o;r.next(i)}})))}))}function Bn(t,e){return t===e}function En(t=Tn){return Wi(((e,i)=>{let r=false;e.subscribe(Vi(i,(t=>{r=true;i.next(t)}),(()=>r?i.complete():i.error(t()))))}))}function Tn(){return new Wr}function On(t,e){const i=arguments.length>=2;return r=>r.pipe(t?bn(((e,i)=>t(e,i,r))):Pi,kn(1),i?wn(e):En((()=>new Wr)))}function $n(t,e){return Wi(yn(t,e,arguments.length>=2,true))}function Mn(...t){const e=hr(t);return Wi(((i,r)=>{(e?nn(t,i,e):nn(t,i)).subscribe(r)}))}function Fn(t,e){return Wi(((i,r)=>{let n=null;let a=0;let o=false;const s=()=>o&&!n&&r.complete();i.subscribe(Vi(r,(i=>{n===null||n===void 0?void 0:n.unsubscribe();let o=0;const l=a++;Cr(t(i,l)).subscribe(n=Vi(r,(t=>r.next(e?e(i,t,l,o++):t)),(()=>{n=null;s()})))}),(()=>{o=true;s()})))}))}function Ln(t){return Wi(((e,i)=>{Cr(t).subscribe(Vi(i,(()=>i.complete()),Ii));!i.closed&&e.subscribe(i)}))}function Nn(t,e=false){return Wi(((i,r)=>{let n=0;i.subscribe(Vi(r,(i=>{const a=t(i,n++);(a||e)&&r.next(i);!a&&r.complete()})))}))}function jn(t,e,i){const r=pi(t)||e||i?{next:t,error:e,complete:i}:t;return r?Wi(((t,e)=>{var i;(i=r.subscribe)===null||i===void 0?void 0:i.call(r);let n=true;t.subscribe(Vi(e,(t=>{var i;(i=r.next)===null||i===void 0?void 0:i.call(r,t);e.next(t)}),(()=>{var t;n=false;(t=r.complete)===null||t===void 0?void 0:t.call(r);e.complete()}),(t=>{var i;n=false;(i=r.error)===null||i===void 0?void 0:i.call(r,t);e.error(t)}),(()=>{var t,e;if(n){(t=r.unsubscribe)===null||t===void 0?void 0:t.call(r)}(e=r.finalize)===null||e===void 0?void 0:e.call(r)})))})):Pi}const Dn=":host{overflow:hidden;position:relative;display:flex}:host([hidden]){display:none}.shadow-bottom,.shadow-right,.shadow-left,.shadow-top{position:absolute;transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.shadow-top{z-index:2;width:100%;top:0}.shadow-left{z-index:4;height:100%;left:0}.shadow-right{z-index:4;height:100%;right:0}.shadow-bottom{z-index:2;width:100%;bottom:0}.scrollable-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.scrollable-wrapper.cat-scrollable-top .shadow-top,.scrollable-wrapper.cat-scrollable-bottom .shadow-bottom,.scrollable-wrapper.cat-scrollable-left .shadow-left,.scrollable-wrapper.cat-scrollable-right .shadow-right{box-shadow:0 0 4px 1px rgba(16, 29, 48, 0.2)}.scrollable-content{width:100%;overflow:hidden}.scrollable-content.scroll-x{overflow-x:auto}.scrollable-content.scroll-y{overflow-y:auto}.scrollable-content.no-overscroll{overscroll-behavior:contain}";const Rn=class{constructor(e){t(this,e);this.scrolledTop=n(this,"scrolledTop",7);this.scrolledLeft=n(this,"scrolledLeft",7);this.scrolledRight=n(this,"scrolledRight",7);this.scrolledBottom=n(this,"scrolledBottom",7);this.init=new Xi;this.destroyed=new Xi;this.resizedEntries=new Xi;this.resizedObserver=new ResizeObserver((t=>this.resizedEntries.next(t)));this.noShadowX=false;this.noShadowY=false;this.noOverflowX=false;this.noOverflowY=false;this.noOverscroll=false;this.noScrolledInit=false;this.scrolledBuffer=0}componentDidRender(){if(this.scrollElement){this.scrolled=ln(this.scrollElement,"scroll").pipe(Ln(this.destroyed));this.resizedObserver.observe(this.scrollElement)}if(this.scrollWrapperElement){this.resizedObserver.observe(this.scrollWrapperElement)}this.attachEmitter("left",this.scrolledLeft);this.attachEmitter("right",this.scrolledRight);this.attachEmitter("bottom",this.scrolledBottom);this.attachEmitter("top",this.scrolledTop);fn(this.init,this.scrolled,this.resizedEntries).pipe(gn(Rn.THROTTLE),Jr((()=>({top:this.getScrollOffset("top")>0,left:this.getScrollOffset("left")>0,right:this.getScrollOffset("right")>0,bottom:this.getScrollOffset("bottom")>0}))),Cn(),Ln(this.destroyed)).subscribe((({top:t,left:e,right:i,bottom:r})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",e);this.toggleClass("cat-scrollable-right",i);this.toggleClass("cat-scrollable-bottom",r)}))}componentDidLoad(){if(!this.noScrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete();this.resizedObserver.disconnect()}render(){return[e("div",{class:"scrollable-wrapper",ref:t=>this.scrollWrapperElement=t},!this.noShadowY&&e("div",{class:"shadow-top"}),!this.noShadowX&&e("div",{class:"shadow-left"}),!this.noShadowX&&e("div",{class:"shadow-right"}),!this.noShadowY&&e("div",{class:"shadow-bottom"})),e("div",{ref:t=>this.scrollElement=t,class:{"scrollable-content":true,"scroll-x":!this.noOverflowX,"scroll-y":!this.noOverflowY,"no-overscroll":this.noOverscroll}},e("slot",null))]}attachEmitter(t,e){fn(this.init,this.scrolled,this.resizedEntries).pipe(gn(Rn.THROTTLE),Jr((()=>this.getScrollOffset(t))),Jr((t=>t<=this.scrolledBuffer)),Cn(),bn((t=>t)),Ln(this.destroyed)).subscribe((()=>e.emit()))}getScrollOffset(t){if(this.scrollElement){switch(t){case"top":return this.scrollElement.scrollTop;case"left":return this.scrollElement.scrollLeft;case"right":return this.scrollElement.scrollWidth-this.scrollElement.clientWidth-this.scrollElement.scrollLeft;case"bottom":return this.scrollElement.scrollHeight-this.scrollElement.clientHeight-this.scrollElement.scrollTop;default:return 0}}return 0}toggleClass(t,e){var i,r;if(e){(i=this.scrollWrapperElement)===null||i===void 0?void 0:i.classList.add(t)}else{(r=this.scrollWrapperElement)===null||r===void 0?void 0:r.classList.remove(t)}}};Rn.THROTTLE=50;Rn.style=Dn;var Pn="__autosizeInputGhost";var _n={" ":"nbsp","<":"lt",">":"gt"};function Hn(t){return"&"+_n[t]+";"}function Un(t){return t.replace(/\s|<|>/g,Hn)}function Gn(){var t=document.createElement("div");t.id=Pn;t.style.cssText="display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;";document.body.appendChild(t);return t}var Kn=function(t,e){var i=window.getComputedStyle(t);var r="box-sizing:"+i.boxSizing+";border-left:"+i.borderLeftWidth+" solid red"+";border-right:"+i.borderRightWidth+" solid red"+";font-family:"+i.fontFamily+";font-feature-settings:"+i.fontFeatureSettings+";font-kerning:"+i.fontKerning+";font-size:"+i.fontSize+";font-stretch:"+i.fontStretch+";font-style:"+i.fontStyle+";font-variant:"+i.fontVariant+";font-variant-caps:"+i.fontVariantCaps+";font-variant-ligatures:"+i.fontVariantLigatures+";font-variant-numeric:"+i.fontVariantNumeric+";font-weight:"+i.fontWeight+";letter-spacing:"+i.letterSpacing+";margin-left:"+i.marginLeft+";margin-right:"+i.marginRight+";padding-left:"+i.paddingLeft+";padding-right:"+i.paddingRight+";text-indent:"+i.textIndent+";text-transform:"+i.textTransform;function n(){var e=t.value||t.getAttribute("placeholder")||"";var i=document.getElementById(Pn)||Gn();i.style.cssText+=r;i.innerHTML=Un(e);var n=window.getComputedStyle(i).width;t.style.width=n;return n}t.addEventListener("input",n);var a=n();if(e&&e.minWidth&&a!=="0px"){t.style.minWidth=a}return function(){t.removeEventListener("input",n);var e=document.getElementById(Pn);if(e){e.parentNode.removeChild(e)}}};const qn=".hint-section{display:flex;gap:0.5rem;flex-direction:column;color:rgb(var(--cat-hint-color, inherit))}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important}.cat-bg-primary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-link-primary,.cat-text-primary-hover{transition:color 0.13s}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important}.cat-bg-primaryInverted-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 0.13s}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important}.cat-bg-secondary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}.cat-link-secondary,.cat-text-secondary-hover{transition:color 0.13s}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important}.cat-bg-secondaryInverted-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 0.13s}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg-, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important}.cat-bg-success-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}.cat-link-success,.cat-text-success-hover{transition:color 0.13s}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important}.cat-bg-warning-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}.cat-link-warning,.cat-text-warning-hover{transition:color 0.13s}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important}.cat-bg-danger-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}.cat-link-danger,.cat-text-danger-hover{transition:color 0.13s}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.label-container{flex-basis:var(--label-size, 33.33%)}.label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container .label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem}.label-optional{display:flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-character-count{display:flex;align-items:center;margin-left:auto;max-height:1.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;flex-direction:column;gap:0.5rem;line-height:1.25rem;position:relative;margin-bottom:1rem}:host([hidden]){display:none}label{align-self:flex-start}label.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.select-field,.select-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.select-field.select-horizontal{flex-direction:row;gap:1rem}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.select-wrapper{display:flex;align-items:flex-start;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);box-shadow:0 0 0 1px rgb(var(--cat-border-color-dark, 215, 219, 224));transition:box-shadow 0.13s linear;padding:0.25rem;}.select-wrapper:not(.select-disabled):hover{box-shadow:0 0 0 2px rgb(var(--cat-border-color-dark, 215, 219, 224))}.select-wrapper:not(.select-disabled):hover.select-invalid{box-shadow:0 0 0 2px rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}.select-wrapper:not(.select-disabled):focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}.select-wrapper:not(.select-disabled):focus-within.select-invalid{outline:2px solid rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}.select-wrapper.select-invalid{box-shadow:0 0 0 1px rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}.select-wrapper:has(input:-webkit-autofill),.select-wrapper:has(input:-webkit-autofill):hover,.select-wrapper:has(input:-webkit-autofill):focus{background-color:#e8f0fe}:host(.cat-error) .select-wrapper{box-shadow:0 0 0 1px rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) .select-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px rgb(var(--cat-danger-bg, 217, 52, 13))}.select-disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108));pointer-events:none}.select-wrapper-inner{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:0.25rem;min-width:0}.select-wrapper-inner>cat-avatar{display:inline-block;padding-left:0.5rem}.select-wrapper-inner>cat-avatar+.select-input{padding-left:0.25rem}.select-wrapper-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-input{font:inherit;background:none;border:none;outline:none;padding:0.375rem 0.5rem;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.select-disabled .select-input{cursor:inherit}.select-pills{display:contents}.pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.5rem;background:#f2f4f7;border-radius:var(--cat-border-radius-s, 0.125rem);white-space:nowrap;min-width:0}.pill>span{overflow:hidden;text-overflow:ellipsis;flex:1 1 0%}.pill>cat-button{margin-right:-0.25rem;margin-left:-0.25rem}.select-btn{transition:transform 0.13s linear}.select-btn::part(button){outline:none}cat-spinner{padding:0.375rem}.icon-suffix{padding:0.25rem}.select-btn-open{transform:rotate(180deg)}.select-dropdown{position:absolute;right:0;background:white;display:none;overflow:auto;box-shadow:0 4px 6px -2px rgba(27, 31, 38, 0.03), 0 12px 16px -4px rgba(27, 31, 38, 0.08);border-radius:var(--cat-border-radius-m, 0.25rem);z-index:100}.select-options-wrapper{max-height:16rem;width:100%}.select-empty{margin:1rem 0;padding:0 1.25rem}.select-options{list-style-type:none;margin:0;padding:0.5rem 0}.select-options cat-checkbox,.select-options .select-option-single{margin:0;padding:0.5rem 1rem}.select-option-inner{display:flex;gap:0.5rem}.select-option-inner cat-avatar{--cat-avatar-size:1.25rem;--cat-avatar-font-size:0.5rem}.select-option-text{flex:1 1 0%;min-width:0}.select-option-single{cursor:pointer}.select-input-transparent-caret{caret-color:transparent}.select-option-empty,.select-option-loading{padding:0.5rem 1rem}.select-option:hover{background-color:rgba(var(--cat-secondary-bg, 105, 118, 135), 0.05)}.select-option-active{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:-2px}.select-option-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;word-break:break-word}.select-option-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}";const Wn={term:"",isOpen:false,isLoading:false,isResolving:false,options:[],selection:[],activeOptionIndex:-1,activeSelectionIndex:-1};let Vn=0;const Jn=class{constructor(e){t(this,e);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.catChange=n(this,"catChange",7);this.catBlur=n(this,"catBlur",7);this._id=`cat-input-${Vn++}`;this.term$=new Xi;this.more$=new Xi;this.valueChangedBySelection=false;this.connector=undefined;this.state=Wn;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.errorMap=undefined;this.requiredMarker="optional";this.horizontal=false;this.multiple=false;this.debounce=250;this.placement="bottom-start";this.value=undefined;this.disabled=false;this.placeholder=undefined;this.hint=undefined;this.identifier=undefined;this.label="";this.name=undefined;this.labelHidden=false;this.required=false;this.clearable=false;this.tags=false;this.tagHint=undefined;this.noItems=undefined;this.errors=undefined;this.errorUpdate=0;this.nativeAttributes=undefined}get id(){return this.identifier||this._id}onConnectorChange(t){this.reset(t);this.resolve()}onValueChange(){!this.valueChangedBySelection?this.resolve():this.valueChangedBySelection=false}watchErrorsHandler(t){if(!Ze(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:undefined})),{}):t===true?{}:t||undefined;this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}onStateChange(t,e){var i,r;const n=i=>t[i]!==e[i];if(n("isOpen")){this.update()}if(n("activeOptionIndex")&&this.state.activeOptionIndex>=0){(r=(i=this.dropdown)===null||i===void 0?void 0:i.querySelector(`#select-${this.id}-option-${this.state.activeOptionIndex}`))===null||r===void 0?void 0:r.scrollIntoView({block:"nearest"})}if(n("selection")){let t;if(!this.multiple&&this.state.selection.length){this.hide()}const i=this.state.selection.map((t=>t.item.id));if(!this.tags){if(this.multiple){t=i}else{t=i.length?i[0]:""}}else{const e=i.filter((t=>!t.startsWith(`select-${this.id}-tag`)));const r=this.state.selection.filter((t=>t.item.id.startsWith(`select-${this.id}-tag`))).map((t=>t.render.label));if(this.multiple){t={ids:e,tags:r}}else{t={id:e.length?e[0]:"",tag:r.length?r[0]:""}}}if(!e.isResolving){this.valueChangedBySelection=true;this.value=t}this.catChange.emit();this.showErrorsIfTimeout()}}componentDidLoad(){if(this.input){Kn(this.input)}if(this.trigger&&this.dropdown){Jt(this.trigger,this.dropdown,(()=>this.update()))}}componentWillRender(){this.watchErrorsHandler(this.errors);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');if(!this.label&&!this.hasSlottedLabel){a.warn("[A11y] Missing ARIA label on select",this)}}onBlur(t){if(!this.multiple&&this.state.activeOptionIndex>=0){if(this.tags&&this.state.options[this.state.activeOptionIndex].item.id===`select-${this.id}-option-tag`){this.createTag(this.state.term)}else{this.select(this.state.options[this.state.activeOptionIndex])}}this.hide();this.patchState({activeSelectionIndex:-1});this.catBlur.emit(t);if(Ze(this.errorUpdate)){this.showErrors()}}onKeyDown(t){var e,i,r,n,a;const o=((e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.activeElement)===this.input;if(["ArrowDown","ArrowUp","ArrowLeft","ArrowRight"].includes(t.key)){this.onArrowKeyDown(t)}else if(["Enter"," "].includes(t.key)&&o){if(this.tags&&this.state.activeOptionIndex===0&&this.state.options[0].item.id===`select-${this.id}-option-tag`){t.preventDefault();if(this.multiple){this.toggleTag(this.state.options[0])}else{this.createTag(this.state.options[0].render.label)}}else if(this.state.activeOptionIndex>=0){t.preventDefault();if(this.multiple){this.toggle(this.state.options[this.state.activeOptionIndex])}else{this.select(this.state.options[this.state.activeOptionIndex])}}else if(this.tags&&t.key==="Enter"&&this.state.activeOptionIndex<0){this.createTag(this.state.term)}}else if(t.key==="Escape"){this.hide()}else if(t.key==="Backspace"||t.key==="Delete"){(i=this.input)===null||i===void 0?void 0:i.focus();if(!this.multiple||!this.state.term||((r=this.input)===null||r===void 0?void 0:r.selectionStart)===0&&t.key==="Backspace"){if(this.state.activeSelectionIndex>=0){this.deselect(this.state.selection[this.state.activeSelectionIndex].item.id)}else if(this.state.selection.length){const t=[...this.state.selection];t.pop();this.patchState({selection:t})}}}else if(t.key==="Tab"){(n=this.trigger)===null||n===void 0?void 0:n.setAttribute("tabindex","-1");if(this.multiple){this.patchState({activeSelectionIndex:-1,activeOptionIndex:-1})}else if(this.state.activeOptionIndex>=0){if(this.tags&&this.state.options[this.state.activeOptionIndex].item.id===`select-${this.id}-option-tag`){this.createTag(this.state.term)}else{this.select(this.state.options[this.state.activeOptionIndex])}}}else if(t.key.length===1){(a=this.input)===null||a===void 0?void 0:a.focus()}}onKeyUp(t){var e,i,r,n,a;if(t.key==="Tab"&&!t.shiftKey){((e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.activeElement)===this.trigger&&((i=this.input)===null||i===void 0?void 0:i.focus());if(((r=this.hostElement.shadowRoot)===null||r===void 0?void 0:r.activeElement)===this.input){this.show()}}else if(t.key==="Tab"&&t.shiftKey){const t=(n=this.trigger)===null||n===void 0?void 0:n.querySelector(`#select-clear-btn-${this.id}`);if(t){((a=this.hostElement.shadowRoot)===null||a===void 0?void 0:a.activeElement)===t&&this.show()}else{this.show()}}}async connect(t){var e;this.connector=t;let i;(e=this.subscription)===null||e===void 0?void 0:e.unsubscribe();this.subscription=this.term$.asObservable().pipe(xn((t=>t?pn(this.debounce):qr(0))),Cn(),jn((()=>i=this.more$.pipe(bn((()=>!this.state.isLoading)),$n((t=>t+1),0),Mn(0)))),jn((()=>this.patchState({options:[]}))),Fn((e=>i.pipe(jn((()=>this.patchState({isLoading:true}))),Fn((i=>t.retrieve(e,i))),jn((t=>this.patchState({isLoading:false,totalElements:t.totalElements}))),Nn((t=>!t.last),true),$n(((t,e)=>[...t,...e.content]),[]))))).subscribe((e=>{var i;const r=this.toSelectItems(t,e);if(this.tags&&this.state.term.trim().length&&!r.find((t=>t.render.label.toLowerCase()===this.state.term.toLowerCase()))){let t;if(this.isTagSelected(this.state.term)){t=(i=this.state.selection.find((t=>t.render.label.toLowerCase()===this.state.term.toLowerCase())))===null||i===void 0?void 0:i.render.label}r.unshift({item:{id:`select-${this.id}-option-tag`},render:{label:t?t:this.state.term}})}this.patchState({options:r})}))}render(){var t,r;return e(i,null,e("div",{class:{"select-field":true,"select-horizontal":this.horizontal}},e("div",{class:{hidden:this.labelHidden,"label-container":true}},(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id},e("span",{class:"label-wrapper",part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label,e("div",{class:"label-metadata"},!this.required&&this.requiredMarker.startsWith("optional")&&e("span",{class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker.startsWith("required")&&e("span",{class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"))))),e("div",{class:"select-container"},e("div",{class:{"select-wrapper":true,"select-disabled":this.disabled,"select-invalid":this.invalid},ref:t=>this.trigger=t,id:this.id,role:"combobox","aria-expanded":this.state.isOpen||this.isPillboxActive(),"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-required":this.required?"true":false,"aria-activedescendant":this.activeDescendant,onClick:t=>this.onClick(t)},e("div",{class:"select-wrapper-inner"},this.multiple&&this.state.selection.length?e("div",{id:`select-pillbox-${this.id}`,role:"listbox","aria-orientation":"horizontal",class:"select-pills"},this.state.selection.map(((t,i)=>{var r;return e("span",{class:{pill:true,"select-no-open":true,"select-option-active":this.state.activeSelectionIndex===i},role:"option","aria-selected":"true",id:`select-${this.id}-selection-${i}`},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:(r=t.render.avatar.initials)!==null&&r!==void 0?r:""}):null,e("span",null,t.render.label),!this.disabled&&e("cat-button",{size:"xs",variant:"text",icon:"16-cross",iconOnly:true,a11yLabel:o.t("select.deselect"),onClick:()=>this.deselect(t.item.id),tabIndex:-1}))}))):this.state.selection.length&&this.state.selection[0].render.avatar?e("cat-avatar",{label:this.state.selection[0].render.label,round:this.state.selection[0].render.avatar.round,src:this.state.selection[0].render.avatar.src,initials:(t=this.state.selection[0].render.avatar.initials)!==null&&t!==void 0?t:""}):null,e("input",Object.assign({},this.nativeAttributes,{class:"select-input",ref:t=>this.input=t,"aria-controls":this.isPillboxActive()?`select-pillbox-${this.id}`:`select-listbox-${this.id}`,"aria-activedescendant":this.activeDescendant,"aria-invalid":this.invalid?"true":undefined,"aria-describedby":((r=this.hint)===null||r===void 0?void 0:r.length)?this.id+"-hint":undefined,onInput:this.onInput.bind(this),value:!this.multiple?this.state.term:undefined,placeholder:this.placeholder,disabled:this.disabled||this.state.isResolving}))),this.state.isResolving&&e("cat-spinner",null),this.invalid&&e("cat-icon",{icon:"alert-circle-outlined",class:"icon-suffix cat-text-danger",size:"l"}),(this.state.selection.length||this.state.term.length)&&!this.disabled&&!this.state.isResolving&&this.clearable?e("cat-button",{id:`select-clear-btn-${this.id}`,iconOnly:true,icon:"cross-circle-outlined",variant:"text",size:"s",a11yLabel:o.t("input.clear"),onClick:()=>this.clear()}):null,!this.state.isResolving&&e("cat-button",{iconOnly:true,icon:"chevron-down-outlined",class:{"select-btn":true,"select-btn-open":this.state.isOpen},variant:"text",size:"s",a11yLabel:this.state.isOpen?o.t("select.close"):o.t("select.open"),"aria-controls":`select-listbox-${this.id}`,"aria-expanded":this.state.isOpen,tabIndex:-1,disabled:this.disabled||this.state.isResolving})),(this.hint||this.hasSlottedHint||!!Object.keys(this.errorMap||{}).length)&&e(O,{id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))),e("div",{class:"select-dropdown",ref:t=>this.dropdown=t,style:{display:this.state.isOpen?"block":undefined}},this.state.isOpen&&e("cat-scrollable",{class:"select-options-wrapper",scrolledBuffer:56,noOverflowX:true,noOverscroll:true,noScrolledInit:true,onScrolledBottom:()=>this.more$.next()},e("ul",{class:"select-options",role:"listbox","aria-multiselectable":this.multiple,"aria-setsize":this.state.totalElements,id:`select-listbox-${this.id}`},this.optionsList,this.state.isLoading?Array.from(Array(Jn.SKELETON_COUNT)).map((()=>e("li",{class:"select-option-loading"},e("cat-skeleton",{variant:"body",lines:1}),e("cat-skeleton",{variant:"body",lines:1})))):!this.state.options.length&&!this.tags&&e("li",{class:"select-option-empty"},this.noItems?this.noItems:o.t("select.empty"))))))}get invalid(){return!!this.errorMap}get optionsList(){return this.state.options.map(((t,i)=>{var r,n;const a=this.tags&&t.item.id===`select-${this.id}-option-tag`;const o=this.isSelected(t.item.id)||this.tags&&this.isTagSelected(t.render.label);const s=()=>{if(a){return t.render.label+this.tagTextHelp}return t.render.label};return e("li",{role:"option",class:"select-option",id:`select-${this.id}-option-${i}`,"aria-selected":o?"true":"false"},this.multiple?e("cat-checkbox",{class:{"select-option-active":this.state.activeOptionIndex===i},checked:o,tabIndex:-1,labelLeft:true,onFocus:()=>{var t;return(t=this.input)===null||t===void 0?void 0:t.focus()},onCatChange:e=>{!a?this.toggle(t):this.toggleTag(t);e.stopPropagation()}},e("span",{slot:"label",class:"select-option-inner"},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:(r=t.render.avatar.initials)!==null&&r!==void 0?r:""}):null,e("span",{class:"select-option-text"},e("span",{class:"select-option-label"},s()),e("span",{class:"select-option-description"},t.render.description)))):e("div",{class:{"select-option-inner":true,"select-option-single":true,"select-option-active":this.state.activeOptionIndex===i},onFocus:()=>{var t;return(t=this.input)===null||t===void 0?void 0:t.focus()},onClick:()=>a?this.createTag(t.render.label):this.select(t),tabIndex:-1},t.render.avatar?e("cat-avatar",{label:t.render.label,round:t.render.avatar.round,src:t.render.avatar.src,initials:(n=t.render.avatar.initials)!==null&&n!==void 0?n:""}):null,e("span",{class:"select-option-text"},e("span",{class:"select-option-label"},s()),e("span",{class:"select-option-description"},t.render.description))))}))}resolve(){const t=this.connector;if(!t){return}this.patchState({isResolving:true});const e=this.initIds();let i;if(this.tags){i=this.initTags()}const r=e.length?t.resolve(e).pipe(On()):qr([]);r.pipe(mn((()=>qr([])))).subscribe((e=>{const r=this.toSelectItems(t,e);if(this.tags){i.filter((t=>!this.isTagSelected(t,r))).forEach(((t,e)=>{const i={id:`select-${this.id}-tag-${e}`,name:t};r.push({item:i,render:{label:i.name}})}))}this.patchState({isResolving:false,selection:r,term:!this.multiple&&r.length?r[0].render.label:""})}))}toSelectItems(t,e){return e.map((e=>({item:Object.assign(Object.assign({},e),{id:t.customId?t.customId(e):e.id}),render:t.render(e)})))}show(){var t;if(!this.state.isOpen){this.patchState({isOpen:true});this.catOpen.emit();this.term$.next(this.state.term);(t=this.input)===null||t===void 0?void 0:t.classList.remove("select-input-transparent-caret")}}hide(){if(this.state.isOpen){this.patchState({isOpen:false,activeOptionIndex:-1});this.catClose.emit()}}search(t){this.patchState({term:t,activeOptionIndex:-1,activeSelectionIndex:-1});this.term$.next(t)}isSelected(t){return this.state.selection.findIndex((e=>e.item.id===t))>=0}select(t){if(!this.isSelected(t.item.id)){let e;if(this.multiple){e=[...this.state.selection,t]}else{e=[t];this.search(t.render.label)}this.patchState({selection:e});if(this.multiple&&this.state.term.trim()&&this.input){this.patchState({term:"",activeOptionIndex:-1});this.term$.next("");this.input.value=""}}this.setTransparentCaret()}deselect(t){if(this.isSelected(t)){this.patchState({selection:this.state.selection.filter((e=>e.item.id!==t)),activeSelectionIndex:-1})}}toggle(t){this.isSelected(t.item.id)?this.deselect(t.item.id):this.tags&&this.isTagSelected(t.render.label)?this.removeTag(t.render.label):this.select(t)}clear(){if(this.input&&this.state.term){this.patchState({selection:[],options:[],term:"",activeOptionIndex:-1});this.term$.next("");this.input.value=""}else{this.patchState({selection:[]})}}reset(t){var e;this.connector=t!==null&&t!==void 0?t:this.connector;(e=this.subscription)===null||e===void 0?void 0:e.unsubscribe();this.subscription=undefined;this.state=Wn}onClick(t){var e,i;if(this.disabled){return}const r=t.target;(e=this.trigger)===null||e===void 0?void 0:e.setAttribute("tabindex","0");(i=this.input)===null||i===void 0?void 0:i.focus();if(r===this.trigger||r===this.input||r.classList.contains("select-btn")||r.nodeName==="SPAN"){this.state.isOpen?this.hide():this.show()}}onInput(){var t;this.search(((t=this.input)===null||t===void 0?void 0:t.value.trim())||"");if(!this.multiple&&this.state.selection.length){const t=[...this.state.selection];t.pop();this.patchState({selection:t})}this.show()}update(){if(this.trigger&&this.dropdown){Yt(this.trigger,this.dropdown,{placement:this.placement,middleware:[nt(Jn.DROPDOWN_OFFSET)]}).then((({x:t,y:e})=>{if(this.dropdown){Object.assign(this.dropdown.style,{left:`${t}px`,top:`${e}px`})}}))}}patchState(t){this.state=Object.assign(Object.assign({},this.state),t)}isPillboxActive(){return this.state.activeSelectionIndex>=0}get activeDescendant(){let t=undefined;if(this.state.activeOptionIndex>=0){t=`select-${this.id}-option-${this.state.activeOptionIndex}`}else if(this.state.activeSelectionIndex>=0){t=`select-${this.id}-selection-${this.state.activeSelectionIndex}`}return t}onArrowKeyDown(t){var e,i;let r=false;(e=this.input)===null||e===void 0?void 0:e.focus();switch(t.key){case"ArrowDown":r=true;this.state.isOpen?this.patchState({activeOptionIndex:Math.min(this.state.activeOptionIndex+1,this.state.options.length-1),activeSelectionIndex:-1}):this.show();break;case"ArrowUp":r=true;this.state.activeOptionIndex>=0?this.patchState({activeOptionIndex:Math.max(this.state.activeOptionIndex-1,-1),activeSelectionIndex:-1}):this.hide();break;case"ArrowLeft":if(((i=this.input)===null||i===void 0?void 0:i.selectionStart)===0){r=true;let t;this.state.activeSelectionIndex>0?t=Math.max(this.state.activeSelectionIndex-1,-1):t=this.state.selection.length-1;this.patchState({activeSelectionIndex:t,activeOptionIndex:-1})}break;case"ArrowRight":if(this.state.activeSelectionIndex>=0){r=true;let t=-1;if(this.state.activeSelectionIndex<this.state.selection.length-1){t=Math.min(this.state.activeSelectionIndex+1,this.state.selection.length-1)}else if(!this.state.term){t=0}this.patchState({activeSelectionIndex:t,activeOptionIndex:-1})}}if(r){t.preventDefault();t.stopPropagation()}}get tagTextHelp(){return this.tagHint&&!this.isTagSelected(this.state.term)?" ("+this.tagHint+")":""}isTagSelected(t,e=this.state.selection){return e.findIndex((e=>e.render.label.toLowerCase()===t.toLowerCase()))>=0}createTag(t){if(t.trim().length&&!this.isTagSelected(t)){const e=this.value;const i=e===null||e===void 0?void 0:e.tags;const r={id:`select-${this.id}-tag-${i?i.length:0}`,name:t};this.select({item:r,render:{label:r.name}})}this.setTransparentCaret()}removeTag(t){if(this.isTagSelected(t)){const e=this.state.selection.find((e=>e.render.label.toLowerCase()===t.toLowerCase()));e&&this.deselect(e.item.id)}}toggleTag(t){this.isTagSelected(t.render.label)?this.removeTag(t.render.label):this.createTag(t.render.label)}initIds(){let t=[];if(this.value){if(!this.tags){if(this.multiple){t=this.value}else{t=[this.value]}}else{if(this.multiple){const e=this.value;t=e.ids?e.ids:[]}else{const e=this.value;t=e.id?[e.id]:[]}}}return t}initTags(){let t=[];if(this.value){if(this.multiple){const e=this.value;t=e.tags?e.tags:[]}else{const e=this.value;t=e.tag?[e.tag]:[]}}return t}setTransparentCaret(){var t;if(!this.multiple){this.hide();(t=this.input)===null||t===void 0?void 0:t.classList.add("select-input-transparent-caret")}}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=Qe(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.input;if(!t){this.showErrors()}}get hostElement(){return r(this)}static get watchers(){return{connector:["onConnectorChange"],value:["onValueChange"],errors:["watchErrorsHandler"],state:["onStateChange"]}}};Jn.SKELETON_COUNT=4;Jn.DROPDOWN_OFFSET=4;Jn.style=qn;const Yn=class{constructor(e){t(this,e)}componentDidLoad(){var t,e,i,r,n,a,o,s;(t=this.multipleSelect)===null||t===void 0?void 0:t.connect({resolve:t=>qr(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(An(500)),retrieve:(t,e)=>t==="no"?qr({last:true,content:[],totalElements:0}):qr({last:false,totalElements:1e4,content:Array.from({length:10},((i,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(An(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});(e=this.multipleSelectAvatar)===null||e===void 0?void 0:e.connect({resolve:t=>qr(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(An(500)),retrieve:(t,e)=>t==="no"?qr({last:true,content:[],totalElements:0}):qr({last:false,totalElements:1e4,content:Array.from({length:10},((i,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(An(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc,avatar:{src:`https://picsum.photos/id/${Math.floor(Math.random()*100)}/200`,round:true}})});(i=this.multipleSelectAvatarInitials)===null||i===void 0?void 0:i.connect({resolve:t=>qr(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(An(500)),retrieve:(t,e)=>t==="no"?qr({last:true,content:[],totalElements:0}):qr({last:false,totalElements:1e4,content:Array.from({length:10},((i,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(An(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc,avatar:{round:true,initials:`JD`}})});(r=this.multipleSelectTagging)===null||r===void 0?void 0:r.connect(this.countryConnector);(n=this.singleSelect)===null||n===void 0?void 0:n.connect({resolve:t=>qr(t.map((t=>({id:t,firstName:"John",lastName:`Doe (${t})`,desc:"resolved"})))).pipe(An(500)),retrieve:(t,e)=>t==="no"?qr({last:true,content:[],totalElements:0}):qr({last:false,totalElements:1e4,content:Array.from({length:10},((i,r)=>({id:""+(r+e*10),firstName:"John",lastName:`Doe (${r+e*10})`,desc:`"${t}": page ${e}`})))}).pipe(An(500)),render:t=>({label:`${t.firstName} ${t.lastName}`,description:t.desc})});(a=this.singleSelectAvatar)===null||a===void 0?void 0:a.connect(this.countryConnector);(o=this.singleSelectAvatarInitials)===null||o===void 0?void 0:o.connect(Object.assign(Object.assign({},this.countryConnector),{render:t=>{var e,i,r,n,a;return{label:t.country,description:t.capital||"No capital",avatar:{round:true,initials:`${(i=(e=t.country.charAt(0))===null||e===void 0?void 0:e.toUpperCase())!==null&&i!==void 0?i:"J"}${(a=(n=(r=t.capital)===null||r===void 0?void 0:r.charAt(0))===null||n===void 0?void 0:n.toUpperCase())!==null&&a!==void 0?a:"D"}`}}}}));(s=this.singleSelectTagging)===null||s===void 0?void 0:s.connect(this.countryConnector);setTimeout((()=>this.multipleSelect&&(this.multipleSelect.value=[])),5e3)}render(){return e(i,{style:{display:"flex",flexDirection:"column"}},e("cat-select",{label:"Multiple Select",hint:"This is a hint!",ref:t=>this.multipleSelect=t,value:["1"],placeholder:"Hello World",onCatChange:()=>{var t;return console.log("Multiple change",(t=this.multipleSelect)===null||t===void 0?void 0:t.value)},onCatBlur:t=>console.log("Multiple blur",t),multiple:true,noItems:"No results",clearable:true,errorUpdate:false},e("span",{slot:"hint"},'Searching for "no" -',">"," no options are returned!")),e("cat-select",{label:"Multiple with img",ref:t=>this.multipleSelectAvatar=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true,errorUpdate:false}),e("cat-select",{label:"Multiple with initials",ref:t=>this.multipleSelectAvatarInitials=t,value:["1"],placeholder:"Hello World",multiple:true,clearable:true,errorUpdate:false}),e("cat-select",{label:"Multiple with tagging support",hint:"This is a hint!",ref:t=>this.multipleSelectTagging=t,value:{ids:["1"],tags:["Test","Albania","Algeria"]},placeholder:"Select country",onCatChange:()=>{var t;return console.log("Multiple tagging change",(t=this.multipleSelectTagging)===null||t===void 0?void 0:t.value)},multiple:true,tags:true,clearable:true,errorUpdate:false}),e("cat-select",{label:"Single Select",hint:"This is a hint!",ref:t=>this.singleSelect=t,placeholder:"Search for a country or capital",onCatBlur:t=>console.log("Single blur",t),clearable:true,errorUpdate:false}),e("cat-select",{label:"Single with img",ref:t=>this.singleSelectAvatar=t,value:"1",placeholder:"Search for a country or capital",clearable:true,errorUpdate:false}),e("cat-select",{label:"Single with initials",ref:t=>this.singleSelectAvatarInitials=t,placeholder:"Hello World",clearable:true,errorUpdate:false}),e("cat-dropdown",{overflow:true,noAutoClose:true},e("cat-button",{slot:"trigger",style:{width:"50%"}},"Open select"),e("div",{slot:"content",style:{width:"400px"}},e("cat-select",{label:"Single with tagging support",ref:t=>this.singleSelectTagging=t,value:{id:"",tag:"Albania"},placeholder:"Search for a country or capital",onCatChange:()=>{var t;return console.log("Single change",(t=this.singleSelectTagging)===null||t===void 0?void 0:t.value)},tagHint:"new country",tags:true,clearable:true,errorUpdate:false,style:{width:"90%"}}))))}get countryConnector(){return{resolve:t=>qr(t.map((t=>Xn.find((e=>e.id===t))))).pipe(An(500)),retrieve:(t,e)=>{const i=Xn.filter((e=>{var i;return e.country.toLowerCase().indexOf(t.toLowerCase())===0||((i=e.capital)===null||i===void 0?void 0:i.toLowerCase().indexOf(t.toLowerCase()))===0}));const r=i.slice(e*10,e*10+10);return qr({last:r.length<10,totalElements:i.length,content:r}).pipe(An(500))},render:t=>({label:t.country,description:t.capital||"No capital",avatar:{src:`https://picsum.photos/id/${Math.floor(Math.random()*100)}/200`,round:true}})}}};const Xn=[{id:"0",country:"Afghanistan Extra extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large extra large ",capital:"Kabul"},{id:"1",country:"Albania",capital:"Tirana"},{id:"2",country:"Algeria",capital:"Alger"},{id:"3",country:"American Samoa",capital:"Fagatogo"},{id:"4",country:"Andorra",capital:"Andorra la Vella"},{id:"5",country:"Angola",capital:"Luanda"},{id:"6",country:"Anguilla",capital:"The Valley"},{id:"7",country:"Antarctica"},{id:"8",country:"Antigua and Barbuda",capital:"Saint John's"},{id:"9",country:"Argentina",capital:"Buenos Aires"},{id:"10",country:"Armenia",capital:"Yerevan"},{id:"11",country:"Aruba",capital:"Oranjestad"},{id:"12",country:"Australia",capital:"Canberra"},{id:"13",country:"Austria",capital:"Wien"},{id:"14",country:"Azerbaijan",capital:"Baku"},{id:"15",country:"Bahamas",capital:"Nassau"},{id:"16",country:"Bahrain",capital:"al-Manama"},{id:"17",country:"Bangladesh",capital:"Dhaka"},{id:"18",country:"Barbados",capital:"Bridgetown"},{id:"19",country:"Belarus",capital:"Minsk"},{id:"20",country:"Belgium",capital:"Bruxelles [Brussel]"},{id:"21",country:"Belize",capital:"Belmopan"},{id:"22",country:"Benin",capital:"Porto-Novo"},{id:"23",country:"Bermuda",capital:"Hamilton"},{id:"24",country:"Bhutan",capital:"Thimphu"},{id:"25",country:"Bolivia",capital:"La Paz"},{id:"26",country:"Bosnia and Herzegovina",capital:"Sarajevo"},{id:"27",country:"Botswana",capital:"Gaborone"},{id:"28",country:"Bouvet Island"},{id:"29",country:"Brazil",capital:"Brasília"},{id:"30",country:"British Indian Ocean Territory"},{id:"31",country:"Brunei",capital:"Bandar Seri Begawan"},{id:"32",country:"Bulgaria",capital:"Sofia"},{id:"33",country:"Burkina Faso",capital:"Ouagadougou"},{id:"34",country:"Burundi",capital:"Bujumbura"},{id:"35",country:"Cambodia",capital:"Phnom Penh"},{id:"36",country:"Cameroon",capital:"Yaound"},{id:"37",country:"Canada",capital:"Ottawa"},{id:"38",country:"Cape Verde",capital:"Praia"},{id:"39",country:"Cayman Islands",capital:"George Town"},{id:"40",country:"Central African Republic",capital:"Bangui"},{id:"41",country:"Chad",capital:"N'Djam"},{id:"42",country:"Chile",capital:"Santiago de Chile"},{id:"43",country:"China",capital:"Peking"},{id:"44",country:"Christmas Island",capital:"Flying Fish Cove"},{id:"45",country:"Cocos (Keeling) Islands",capital:"West Island"},{id:"46",country:"Colombia",capital:"Santaf"},{id:"47",country:"Comoros",capital:"Moroni"},{id:"48",country:"Congo",capital:"Brazzaville"},{id:"49",country:"Cook Islands",capital:"Avarua"},{id:"50",country:"Costa Rica",capital:"San José"},{id:"51",country:"Croatia",capital:"Zagreb"},{id:"52",country:"Cuba",capital:"La Habana"},{id:"53",country:"Cyprus",capital:"Nicosia"},{id:"54",country:"Czech Republic",capital:"Praha"},{id:"55",country:"Denmark",capital:"Copenhagen"},{id:"56",country:"Djibouti",capital:"Djibouti"},{id:"57",country:"Dominica",capital:"Roseau"},{id:"58",country:"Dominican Republic",capital:"Santo Domingo de Guzm"},{id:"59",country:"East Timor",capital:"Dili"},{id:"60",country:"Ecuador",capital:"Quito"},{id:"61",country:"Egypt",capital:"Cairo"},{id:"62",country:"El Salvador",capital:"San Salvador"},{id:"63",country:"England",capital:"London"},{id:"64",country:"Equatorial Guinea",capital:"Malabo"},{id:"65",country:"Eritrea",capital:"Asmara"},{id:"66",country:"Estonia",capital:"Tallinn"},{id:"67",country:"Ethiopia",capital:"Addis Abeba"},{id:"68",country:"Falkland Islands",capital:"Stanley"},{id:"69",country:"Faroe Islands",capital:"Tórshavn"},{id:"70",country:"Fiji Islands",capital:"Suva"},{id:"71",country:"Finland",capital:"Helsinki [Helsingfors]"},{id:"72",country:"France",capital:"Paris"},{id:"73",country:"French Guiana",capital:"Cayenne"},{id:"74",country:"French Polynesia",capital:"Papeete"},{id:"75",country:"French Southern territories"},{id:"76",country:"Gabon",capital:"Libreville"},{id:"77",country:"Gambia",capital:"Banjul"},{id:"78",country:"Georgia",capital:"Tbilisi"},{id:"79",country:"Germany",capital:"Berlin"},{id:"80",country:"Ghana",capital:"Accra"},{id:"81",country:"Gibraltar",capital:"Gibraltar"},{id:"82",country:"Greece",capital:"Athenai"},{id:"83",country:"Greenland",capital:"Nuuk"},{id:"84",country:"Grenada",capital:"Saint George's"},{id:"85",country:"Guadeloupe",capital:"Basse-Terre"},{id:"86",country:"Guam",capital:"Aga"},{id:"87",country:"Guatemala",capital:"Ciudad de Guatemala"},{id:"88",country:"Guinea",capital:"Conakry"},{id:"89",country:"Guinea-Bissau",capital:"Bissau"},{id:"90",country:"Guyana",capital:"Georgetown"},{id:"91",country:"Haiti",capital:"Port-au-Prince"},{id:"92",country:"Heard Island and McDonald Islands"},{id:"93",country:"Holy See (Vatican City State)",capital:"Citt"},{id:"94",country:"Honduras",capital:"Tegucigalpa"},{id:"95",country:"Hong Kong",capital:"Victoria"},{id:"96",country:"Hungary",capital:"Budapest"},{id:"97",country:"Iceland",capital:"Reykjavík"},{id:"98",country:"India",capital:"New Delhi"},{id:"99",country:"Indonesia",capital:"Jakarta"},{id:"100",country:"Iran",capital:"Tehran"},{id:"101",country:"Iraq",capital:"Baghdad"},{id:"102",country:"Ireland",capital:"Dublin"},{id:"103",country:"Israel",capital:"Jerusalem"},{id:"104",country:"Italy",capital:"Roma"},{id:"105",country:"Ivory Coast",capital:"Yamoussoukro"},{id:"106",country:"Jamaica",capital:"Kingston"},{id:"107",country:"Japan",capital:"Tokyo"},{id:"108",country:"Jordan",capital:"Amman"},{id:"109",country:"Kazakhstan",capital:"Astana"},{id:"110",country:"Kenya",capital:"Nairobi"},{id:"111",country:"Kiribati",capital:"Bairiki"},{id:"112",country:"Kuwait",capital:"Kuwait"},{id:"113",country:"Kyrgyzstan",capital:"Bishkek"},{id:"114",country:"Laos",capital:"Vientiane"},{id:"115",country:"Latvia",capital:"Riga"},{id:"116",country:"Lebanon",capital:"Beirut"},{id:"117",country:"Lesotho",capital:"Maseru"},{id:"118",country:"Liberia",capital:"Monrovia"},{id:"119",country:"Libyan Arab Jamahiriya",capital:"Tripoli"},{id:"120",country:"Liechtenstein",capital:"Vaduz"},{id:"121",country:"Lithuania",capital:"Vilnius"},{id:"122",country:"Luxembourg",capital:"Luxembourg [Luxemburg/L"},{id:"123",country:"Macao",capital:"Macao"},{id:"124",country:"North Macedonia",capital:"Skopje"},{id:"125",country:"Madagascar",capital:"Antananarivo"},{id:"126",country:"Malawi",capital:"Lilongwe"},{id:"127",country:"Malaysia",capital:"Kuala Lumpur"},{id:"128",country:"Maldives",capital:"Male"},{id:"129",country:"Mali",capital:"Bamako"},{id:"130",country:"Malta",capital:"Valletta"},{id:"131",country:"Marshall Islands",capital:"Dalap-Uliga-Darrit"},{id:"132",country:"Martinique",capital:"Fort-de-France"},{id:"133",country:"Mauritania",capital:"Nouakchott"},{id:"134",country:"Mauritius",capital:"Port-Louis"},{id:"135",country:"Mayotte",capital:"Mamoutzou"},{id:"136",country:"Mexico",capital:"Ciudad de M"},{id:"137",country:"Micronesia, Federated States of",capital:"Palikir"},{id:"138",country:"Moldova",capital:"Chisinau"},{id:"139",country:"Monaco",capital:"Monaco-Ville"},{id:"140",country:"Mongolia",capital:"Ulan Bator"},{id:"141",country:"Montenegro",capital:"Podgorica"},{id:"142",country:"Montserrat",capital:"Plymouth"},{id:"143",country:"Morocco",capital:"Rabat"},{id:"144",country:"Mozambique",capital:"Maputo"},{id:"145",country:"Myanmar",capital:"Rangoon (Yangon)"},{id:"146",country:"Namibia",capital:"Windhoek"},{id:"147",country:"Nauru",capital:"Yaren"},{id:"148",country:"Nepal",capital:"Kathmandu"},{id:"149",country:"Netherlands",capital:"Amsterdam"},{id:"150",country:"Netherlands Antilles",capital:"Willemstad"},{id:"151",country:"New Caledonia",capital:"Noum"},{id:"152",country:"New Zealand",capital:"Wellington"},{id:"153",country:"Nicaragua",capital:"Managua"},{id:"154",country:"Niger",capital:"Niamey"},{id:"155",country:"Nigeria",capital:"Abuja"},{id:"156",country:"Niue",capital:"Alofi"},{id:"157",country:"Norfolk Island",capital:"Kingston"},{id:"158",country:"North Korea",capital:"Pyongyang"},{id:"159",country:"Northern Ireland",capital:"Belfast"},{id:"160",country:"Northern Mariana Islands",capital:"Garapan"},{id:"161",country:"Norway",capital:"Oslo"},{id:"162",country:"Oman",capital:"Masqat"},{id:"163",country:"Pakistan",capital:"Islamabad"},{id:"164",country:"Palau",capital:"Koror"},{id:"165",country:"Palestine",capital:"Gaza"},{id:"166",country:"Panama",capital:"Ciudad de Panamá"},{id:"167",country:"Papua New Guinea",capital:"Port Moresby"},{id:"168",country:"Paraguay",capital:"Asunción"},{id:"169",country:"Peru",capital:"Lima"},{id:"170",country:"Philippines",capital:"Manila"},{id:"171",country:"Pitcairn",capital:"Adamstown"},{id:"172",country:"Poland",capital:"Warszawa"},{id:"173",country:"Portugal",capital:"Lisboa"},{id:"174",country:"Puerto Rico",capital:"San Juan"},{id:"175",country:"Qatar",capital:"Doha"},{id:"176",country:"Reunion",capital:"Saint-Denis"},{id:"177",country:"Romania",capital:"Bucuresti"},{id:"178",country:"Russian Federation",capital:"Moscow"},{id:"179",country:"Rwanda",capital:"Kigali"},{id:"180",country:"Saint Helena",capital:"Jamestown"},{id:"181",country:"Saint Kitts and Nevis",capital:"Basseterre"},{id:"182",country:"Saint Lucia",capital:"Castries"},{id:"183",country:"Saint Pierre and Miquelon",capital:"Saint-Pierre"},{id:"184",country:"Saint Vincent and the Grenadines",capital:"Kingstown"},{id:"185",country:"Samoa",capital:"Apia"},{id:"186",country:"San Marino",capital:"San Marino"},{id:"187",country:"Sao Tome and Principe",capital:"São Tomé"},{id:"188",country:"Saudi Arabia",capital:"Riyadh"},{id:"189",country:"Scotland",capital:"Edinburgh"},{id:"190",country:"Senegal",capital:"Dakar"},{id:"191",country:"Serbia",capital:"Belgrade"},{id:"192",country:"Seychelles",capital:"Victoria"},{id:"193",country:"Sierra Leone",capital:"Freetown"},{id:"194",country:"Singapore",capital:"Singapore"},{id:"195",country:"Slovakia",capital:"Bratislava"},{id:"196",country:"Slovenia",capital:"Ljubljana"},{id:"197",country:"Solomon Islands",capital:"Honiara"},{id:"198",country:"Somalia",capital:"Mogadishu"},{id:"199",country:"South Africa",capital:"Pretoria"},{id:"200",country:"South Georgia and the South Sandwich Islands"},{id:"201",country:"South Korea",capital:"Seoul"},{id:"202",country:"South Sudan",capital:"Juba"},{id:"203",country:"Spain",capital:"Madrid"},{id:"204",country:"Sri Lanka",capital:"Colombo, Sri Jayawardenepura Kotte"},{id:"205",country:"Sudan",capital:"Khartum"},{id:"206",country:"Suriname",capital:"Paramaribo"},{id:"207",country:"Svalbard and Jan Mayen",capital:"Longyearbyen"},{id:"208",country:"Swaziland",capital:"Mbabane"},{id:"209",country:"Sweden",capital:"Stockholm"},{id:"210",country:"Switzerland",capital:"Bern"},{id:"211",country:"Syria",capital:"Damascus"},{id:"212",country:"Tajikistan",capital:"Dushanbe"},{id:"213",country:"Tanzania",capital:"Dodoma"},{id:"214",country:"Thailand",capital:"Bangkok"},{id:"215",country:"The Democratic Republic of Congo",capital:"Kinshasa"},{id:"216",country:"Togo",capital:"Lomé"},{id:"217",country:"Tokelau",capital:"Fakaofo"},{id:"218",country:"Tonga",capital:"Nuku'alofa"},{id:"219",country:"Trinidad and Tobago",capital:"Port-of-Spain"},{id:"220",country:"Tunisia",capital:"Tunis"},{id:"221",country:"Turkey",capital:"Ankara"},{id:"222",country:"Turkmenistan",capital:"Ashgabat"},{id:"223",country:"Turks and Caicos Islands",capital:"Cockburn Town"},{id:"224",country:"Tuvalu",capital:"Funafuti"},{id:"225",country:"Uganda",capital:"Kampala"},{id:"226",country:"Ukraine",capital:"Kyiv"},{id:"227",country:"United Arab Emirates",capital:"Abu Dhabi"},{id:"228",country:"United Kingdom",capital:"London"},{id:"229",country:"United States",capital:"Washington"},{id:"230",country:"United States Minor Outlying Islands"},{id:"231",country:"Uruguay",capital:"Montevideo"},{id:"232",country:"Uzbekistan",capital:"Toskent"},{id:"233",country:"Vanuatu",capital:"Port-Vila"},{id:"234",country:"Venezuela",capital:"Caracas"},{id:"235",country:"Vietnam",capital:"Hanoi"},{id:"236",country:"Virgin Islands, British",capital:"Road Town"},{id:"237",country:"Virgin Islands, U.S.",capital:"Charlotte Amalie"},{id:"238",country:"Wales",capital:"Cardiff"},{id:"239",country:"Wallis and Futuna",capital:"Mata-Utu"},{id:"240",country:"Western Sahara",capital:"El-Aai"},{id:"241",country:"Yemen",capital:"Sanaa"},{id:"242",country:"Zambia",capital:"Lusaka"},{id:"243",country:"Zimbabwe",capital:"Harare"}];const Zn=':host{display:flex;flex-direction:column;position:relative;--background:#ebecf0;--highlight:#d7dbe0;--speed:2s}:host([variant=square]),:host([variant=circle]){display:inline-flex}:host([hidden]){display:none}:host([variant=head]){margin-bottom:0.5rem}:host([variant=body]){margin-bottom:1rem}.skeleton{display:block;border-radius:var(--cat-border-radius-m, 0.25rem);background:var(--background)}.skeleton-circle{border-radius:10rem}.skeleton-xs.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 1.5rem)}.skeleton-xs.skeleton-square,.skeleton-xs.skeleton-circle{width:var(--width, 1.5rem);height:var(--height, 1.5rem)}.skeleton-xs.skeleton-head,.skeleton-xs.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-xs.skeleton-head{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.skeleton-xs.skeleton-body{height:calc(0.75rem - 4px);margin:calc((1rem - 0.75rem + 4px) * 0.5) 0}.skeleton-s.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2rem)}.skeleton-s.skeleton-square,.skeleton-s.skeleton-circle{width:var(--width, 2rem);height:var(--height, 2rem)}.skeleton-s.skeleton-head,.skeleton-s.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-s.skeleton-head{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.skeleton-s.skeleton-body{height:calc(0.875rem - 4px);margin:calc((1rem - 0.875rem + 4px) * 0.5) 0}.skeleton-m.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 2.5rem)}.skeleton-m.skeleton-square,.skeleton-m.skeleton-circle{width:var(--width, 2.5rem);height:var(--height, 2.5rem)}.skeleton-m.skeleton-head,.skeleton-m.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-m.skeleton-head{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.skeleton-m.skeleton-body{height:calc(0.9375rem - 4px);margin:calc((1.25rem - 0.9375rem + 4px) * 0.5) 0}.skeleton-l.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3rem)}.skeleton-l.skeleton-square,.skeleton-l.skeleton-circle{width:var(--width, 3rem);height:var(--height, 3rem)}.skeleton-l.skeleton-head,.skeleton-l.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-l.skeleton-head{height:calc(1.5rem - 4px);margin:calc((1.75rem - 1.5rem + 4px) * 0.5) 0}.skeleton-l.skeleton-body{height:calc(1.125rem - 4px);margin:calc((1.5rem - 1.125rem + 4px) * 0.5) 0}.skeleton-xl.skeleton-rectangle{width:var(--width, 100%);height:var(--height, 3.5rem)}.skeleton-xl.skeleton-square,.skeleton-xl.skeleton-circle{width:var(--width, 3.5rem);height:var(--height, 3.5rem)}.skeleton-xl.skeleton-head,.skeleton-xl.skeleton-body{width:var(--width, var(--line-width, 100%))}.skeleton-xl.skeleton-head{height:calc(1.75rem - 4px);margin:calc((2rem - 1.75rem + 4px) * 0.5) 0}.skeleton-xl.skeleton-body{height:calc(1.25rem - 4px);margin:calc((1.5rem - 1.25rem + 4px) * 0.5) 0}.skeleton-sheen{background:linear-gradient(90deg, var(--background) 33%, var(--highlight) 50%, var(--background) 66%) var(--background);background-size:300% 100%;animation:sheen var(--speed) ease-in-out infinite}.skeleton-pulse{position:relative;overflow:hidden}.skeleton-pulse::before{content:"";display:block;position:absolute;width:100%;height:100%;background-color:var(--highlight);animation:var(--speed) ease-in-out 0.5s infinite normal none running pulse;opacity:0}@keyframes sheen{0%{background-position:right}}@keyframes pulse{50%{opacity:1}}';const Qn=class{constructor(e){t(this,e);this.effect="sheen";this.variant="rectangle";this.size="m";this.lines=undefined}render(){return e(i,null,Array.from(Array(this.count)).map((()=>e("div",{style:this.style,class:{skeleton:true,[`skeleton-${this.effect}`]:Boolean(this.effect),[`skeleton-${this.variant}`]:Boolean(this.variant),[`skeleton-${this.size}`]:Boolean(this.size)}}))))}get count(){switch(this.variant){case"head":return Math.max(1,this.lines||1);case"body":return Math.max(1,this.lines||3);default:return 1}}get style(){return this.variant==="head"||this.variant==="body"?{"--line-width":`${this.random(50,100)}%`}:undefined}random(t,e){return Math.floor(Math.random()*(e-t+1)+t)}};Qn.style=Zn;const ta=":host{display:inline-flex;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host[hidden]{display:none}span{display:inline-flex}svg{fill:none;stroke:currentColor;stroke-dasharray:135px;stroke-dashoffset:95px;stroke-linecap:round;stroke-width:5px;transform-origin:center center;animation:spin 0.75s cubic-bezier(0.4, 0.15, 0.6, 0.85) infinite;width:1em;height:1em}.spinner-xs svg{font-size:0.75rem}.spinner-s svg{font-size:1rem}.spinner-m svg{font-size:1.25rem}.spinner-l svg{font-size:1.5rem}.spinner-xl svg{font-size:1.75rem}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";const ea=class{constructor(e){t(this,e);this.size="m";this.a11yLabel=undefined}render(){return e("span",{"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",class:{[`spinner-${this.size}`]:this.size!=="inline"}},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48"},e("circle",{cx:"24",cy:"24",r:"21.5"})))}};ea.style=ta;const ia=":host{display:block}:host([hidden]){display:none}";let ra=0;const na=class{constructor(e){t(this,e);this.tabClick=n(this,"tabClick",7);this.label="";this.icon=undefined;this.iconOnly=false;this.iconRight=false;this.url=undefined;this.urlTarget=undefined;this.deactivated=false}connectedCallback(){if(!this.hostElement.id){this.hostElement.id=`cat-tab-${ra++}`}}onClick(t){this.tabClick.emit(t)}render(){return e(i,null)}get hostElement(){return r(this)}};na.style=ia;const aa=":host{display:flex;flex-direction:row;box-shadow:inset 0 -1px 0 0 rgb(var(--cat-border-color-dark, 215, 219, 224))}:host([hidden]){display:none}:host([tabs-align=center]){justify-content:center}:host([tabs-align=right]){justify-content:end}:host([tabs-align=justify]) cat-button{flex:1 0 auto}.cat-tab{padding:0.5rem 0}.cat-tab.cat-tab-active{box-shadow:inset 0 -3px 0 0 rgb(var(--cat-primary-bg, 0, 129, 148))}";const oa=class{constructor(e){t(this,e);this.buttons=[];this.tabs=[];this.activeTabId=undefined;this.activeTab="";this.tabsAlign="left"}onActiveTabChanged(t){const e=this.tabs.find((e=>e.id===t));e===null||e===void 0?void 0:e.click()}componentWillLoad(){this.syncTabs();if(this.tabs.length){this.activeTabId=this.activeTab}}componentDidLoad(){var t;this.mutationObserver=new MutationObserver((t=>t.some((t=>t.target.nodeName==="CAT-TAB"))&&this.syncTabs()));(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.hostElement,{childList:true,attributes:true,subtree:true})}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}onKeydown(t){var e;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)){const i=this.buttons.filter((t=>!t.disabled));const r=(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.activeElement;const n=r?i.indexOf(r):-1;const a=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const o=n<0?0:(n+a+i.length)%i.length;i[o].doFocus();t.preventDefault()}}render(){return e(i,null,this.tabs.map((t=>e("cat-button",{ref:t=>t&&this.updateButtonsRef(t),buttonId:t.id,role:"tab",part:"tab",class:{"cat-tab":true,"cat-tab-active":Boolean(this.activeTabId&&t.id===this.activeTabId)},active:Boolean(this.activeTabId&&t.id===this.activeTabId),color:this.activeTabId&&t.id===this.activeTabId?"primary":"secondary",variant:"text",icon:t.icon,iconOnly:t.iconOnly,iconRight:t.iconRight,url:t.url,disabled:t.deactivated,urlTarget:t.urlTarget,onCatClick:()=>this.activeTabId=t.id},t.label))))}updateButtonsRef(t){const e=this.buttons.indexOf(t);if(e>=0){this.buttons[e]=t}else{this.buttons.push(t)}}syncTabs(){this.tabs=Array.from(this.hostElement.querySelectorAll("cat-tab"))}get hostElement(){return r(this)}static get watchers(){return{activeTabId:["onActiveTabChanged"]}}};oa.style=aa;var sa=new Map;function la(t){var e=sa.get(t);e&&e.destroy()}function ca(t){var e=sa.get(t);e&&e.update()}var ha=null;"undefined"==typeof window?((ha=function(t){return t}).destroy=function(t){return t},ha.update=function(t){return t}):((ha=function(t,e){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!sa.has(t)){var e=null,i=window.getComputedStyle(t),r=function(e){window.removeEventListener("resize",n,!1),t.removeEventListener("input",n,!1),t.removeEventListener("keyup",n,!1),t.removeEventListener("autosize:destroy",r,!1),t.removeEventListener("autosize:update",n,!1),Object.keys(e).forEach((function(i){return t.style[i]=e[i]})),sa.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",r,!1),window.addEventListener("resize",n,!1),t.addEventListener("input",n,!1),t.addEventListener("autosize:update",n,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",sa.set(t,{destroy:r,update:n}),n()}function n(r){void 0===r&&(r=null);var a=i.overflowY;if(0!==t.scrollHeight){var o,s=function(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push([t.parentNode,t.parentNode.scrollTop]),t=t.parentNode;return function(){return e.forEach((function(t){var e=t[0],i=t[1];e.style.scrollBehavior="auto",e.scrollTop=i,e.style.scrollBehavior=null}))}}(t);if(t.style.height="","vertical"===i.resize?t.style.resize="none":"both"===i.resize&&(t.style.resize="horizontal"),o="content-box"===i.boxSizing?t.scrollHeight-(parseFloat(i.paddingTop)+parseFloat(i.paddingBottom)):t.scrollHeight+parseFloat(i.borderTopWidth)+parseFloat(i.borderBottomWidth),"none"!==i.maxHeight&&o>parseFloat(i.maxHeight)?("hidden"===i.overflowY&&(t.style.overflow="scroll"),o=parseFloat(i.maxHeight)):"hidden"!==i.overflowY&&(t.style.overflow="hidden"),t.style.height=o+"px",r&&(t.style.textAlign=r),s(),e!==o&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),e=o),a!==i.overflow&&!r){var l=i.textAlign;"hidden"===i.overflow&&(t.style.textAlign="start"===l?"end":"start"),n(l)}}}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],la),t},ha.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],ca),t});var da=ha;const ua=".hint-section{display:flex;gap:0.5rem;flex-direction:column;color:rgb(var(--cat-hint-color, inherit))}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 0, 129, 148)) !important;color:rgb(var(--cat-primary-fill, 255, 255, 255)) !important}.cat-bg-primary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primary-hover:hover{background-color:rgb(var(--cat-primary-bg-hover, 1, 115, 132)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-link-primary,.cat-text-primary-hover{transition:color 0.13s}.cat-link-primary:hover,.cat-text-primary-hover:hover{color:rgb(var(--cat-primary-text-hover, 1, 115, 132)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 2, 99, 113)) !important}.cat-bg-primaryInverted{background-color:#93b4f2 !important;color:black !important}.cat-bg-primaryInverted-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-primaryInverted-hover:hover{background-color:#93b4f2 !important;color:black !important}.cat-text-primaryInverted,.cat-link-primaryInverted{color:#93b4f2 !important}.cat-link-primaryInverted,.cat-text-primaryInverted-hover{transition:color 0.13s}.cat-link-primaryInverted:hover,.cat-text-primaryInverted-hover:hover{color:#93b4f2 !important}.cat-link-primaryInverted:active,.cat-text-primaryInverted-hover:active{color:#93b4f2 !important}.cat-bg-secondary{background-color:rgb(var(--cat-secondary-bg, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill, 255, 255, 255)) !important}.cat-bg-secondary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondary-hover:hover{background-color:rgb(var(--cat-secondary-bg-hover, 105, 118, 135)) !important;color:rgb(var(--cat-secondary-fill-hover, 255, 255, 255)) !important}.cat-text-secondary,.cat-link-secondary{color:rgb(var(--cat-secondary-text, 0, 0, 0)) !important}.cat-link-secondary,.cat-text-secondary-hover{transition:color 0.13s}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:rgb(var(--cat-secondary-text-hover, 0, 0, 0)) !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:rgb(var(--cat-secondary-text-active, 0, 0, 0)) !important}.cat-bg-secondaryInverted{background-color:#697687 !important;color:black !important}.cat-bg-secondaryInverted-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondaryInverted-hover:hover{background-color:#697687 !important;color:black !important}.cat-text-secondaryInverted,.cat-link-secondaryInverted{color:white !important}.cat-link-secondaryInverted,.cat-text-secondaryInverted-hover{transition:color 0.13s}.cat-link-secondaryInverted:hover,.cat-text-secondaryInverted-hover:hover{color:white !important}.cat-link-secondaryInverted:active,.cat-text-secondaryInverted-hover:active{color:white !important}.cat-bg-success{background-color:rgb(var(--cat-success-bg-, 0, 132, 88)) !important;color:rgb(var(--cat-success-fill, 255, 255, 255)) !important}.cat-bg-success-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-success-hover:hover{background-color:rgb(var(--cat-success-bg-hover, 0, 117, 78)) !important;color:rgb(var(--cat-success-fill-hover, 255, 255, 255)) !important}.cat-text-success,.cat-link-success{color:rgb(var(--cat-success-text, 0, 132, 88)) !important}.cat-link-success,.cat-text-success-hover{transition:color 0.13s}.cat-link-success:hover,.cat-text-success-hover:hover{color:rgb(var(--cat-success-text-hover, 0, 117, 78)) !important}.cat-link-success:active,.cat-text-success-hover:active{color:rgb(var(--cat-success-text-active, 0, 105, 70)) !important}.cat-bg-warning{background-color:rgb(var(--cat-warning-bg, 255, 206, 128)) !important;color:rgb(var(--cat-warning-fill, 0, 0, 0)) !important}.cat-bg-warning-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-warning-hover:hover{background-color:rgb(var(--cat-warning-bg-hover, 255, 214, 148)) !important;color:rgb(var(--cat-warning-fill-hover, 0, 0, 0)) !important}.cat-text-warning,.cat-link-warning{color:rgb(var(--cat-warning-text, 159, 97, 0)) !important}.cat-link-warning,.cat-text-warning-hover{transition:color 0.13s}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:rgb(var(--cat-warning-text-hover, 159, 97, 0)) !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:rgb(var(--cat-warning-text-active, 159, 97, 0)) !important}.cat-bg-danger{background-color:rgb(var(--cat-danger-bg, 217, 52, 13)) !important;color:rgb(var(--cat-danger-fill, 255, 255, 255)) !important}.cat-bg-danger-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-danger-hover:hover{background-color:rgb(var(--cat-danger-bg-hover, 194, 46, 11)) !important;color:rgb(var(--cat-danger-fill-hover, 255, 255, 255)) !important}.cat-text-danger,.cat-link-danger{color:rgb(var(--cat-danger-text, 217, 52, 13)) !important}.cat-link-danger,.cat-text-danger-hover{transition:color 0.13s}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:rgb(var(--cat-danger-text-hover, 194, 46, 11)) !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:rgb(var(--cat-danger-text-active, 174, 42, 10)) !important}.cat-active{color:rgb(var(--cat-primary-text, 0, 129, 148)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 81, 92, 108)) !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.label{overflow:hidden;word-wrap:break-word;word-break:break-word}.label-container{flex-basis:var(--label-size, 33.33%)}.label-container.hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.label-container .label-wrapper{display:flex;gap:0.25rem}.label-metadata{display:flex;flex-shrink:0;flex-grow:1;justify-content:space-between;gap:0.25rem}.label-optional{display:flex;align-items:center;max-height:1.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.label-character-count{display:flex;align-items:center;margin-left:auto;max-height:1.25rem;font-size:0.75rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-muted, 81, 92, 108))}.input-horizontal .label-wrapper,.textarea-horizontal .label-wrapper,.select-horizontal .label-wrapper{flex-direction:column}.input-horizontal label,.textarea-horizontal label,.select-horizontal label{min-height:2.5rem;display:inline-flex;align-items:center}.input-horizontal .label-metadata,.textarea-horizontal .label-metadata,.select-horizontal .label-metadata{justify-content:flex-start}.input-horizontal .label-metadata .label-character-count,.textarea-horizontal .label-metadata .label-character-count,.select-horizontal .label-metadata .label-character-count{margin-left:0}:host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);margin-bottom:1rem}:host([hidden]){display:none}.textarea-field,.textarea-container{display:flex;flex-direction:column;gap:0.5rem;flex:1 1 auto}.textarea-field.textarea-horizontal{flex-direction:row;gap:1rem}.textarea-wrapper{position:relative;display:flex;flex-direction:column}.icon-suffix{position:absolute;top:calc(0.625rem - 2px);right:0.75rem;background:rgba(255, 255, 255, 0.75);border-radius:100rem}.textarea-disabled .icon-suffix{background:rgba(242, 244, 247, 0.75)}textarea{margin:0;padding:0.625rem 0.75rem;min-height:2.5rem;font:inherit;background:white;border-radius:var(--cat-border-radius-m, 0.25rem);border:none;box-shadow:0 0 0 1px rgb(var(--cat-border-color-dark, 215, 219, 224));transition:box-shadow 0.13s linear;resize:vertical;}textarea:disabled{background:#f2f4f7;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108));resize:none}.textarea-invalid textarea{box-shadow:0 0 0 1px rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}textarea:hover:not(:disabled){box-shadow:0 0 0 2px rgb(var(--cat-border-color-dark, 215, 219, 224))}.textarea-invalid textarea:hover:not(:disabled){box-shadow:0 0 0 2px rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}.textarea-invalid textarea:focus{outline:2px solid rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 81, 92, 108))}textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 9999px #e8f0fe inset}";let pa=0;const fa=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this._id=`cat-textarea-${pa++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.errorMap=undefined;this.requiredMarker="optional";this.horizontal=false;this.disabled=false;this.hint=undefined;this.identifier=undefined;this.label="";this.labelHidden=false;this.maxLength=undefined;this.minLength=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.rows=3;this.value=undefined;this.errors=undefined;this.errorUpdate=0;this.nativeAttributes=undefined}get id(){return this.identifier||this._id}componentWillRender(){this.watchErrorsHandler(this.errors);this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');if(!this.label&&!this.hasSlottedLabel){a.warn("[A11y] Missing ARIA label on textarea",this)}}componentDidLoad(){da(this.textarea)}async doFocus(t){this.textarea.focus(t)}async doBlur(){this.textarea.blur()}async doClick(){this.textarea.click()}watchErrorsHandler(t){if(!Ze(this.errorUpdate)){this.errorMap=undefined}else{this.errorMapSrc=Array.isArray(t)?t.reduce(((t,e)=>Object.assign(Object.assign({},t),{[e]:undefined})),{}):t===true?{}:t||undefined;this.showErrorsIfTimeout()||this.showErrorsIfNoFocus()}}render(){var t,r,n;return e(i,null,e("div",{class:{"textarea-field":true,"textarea-horizontal":this.horizontal}},e("div",{class:{hidden:this.labelHidden,"label-container":true}},(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{class:"label-wrapper",part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label,e("div",{class:"label-metadata"},!this.required&&this.requiredMarker.startsWith("optional")&&e("span",{class:"label-optional","aria-hidden":"true"},"(",o.t("input.optional"),")"),this.required&&this.requiredMarker.startsWith("required")&&e("span",{class:"label-optional","aria-hidden":"true"},"(",o.t("input.required"),")"),this.maxLength&&e("div",{class:"label-character-count","aria-hidden":"true"},(r=(t=this.value)===null||t===void 0?void 0:t.toString().length)!==null&&r!==void 0?r:0,"/",this.maxLength))))),e("div",{class:"textarea-container"},e("div",{class:{"textarea-wrapper":true,"textarea-disabled":this.disabled,"textarea-invalid":this.invalid}},e("textarea",Object.assign({},this.nativeAttributes,{ref:t=>this.textarea=t,id:this.id,disabled:this.disabled,maxlength:this.maxLength,minlength:this.minLength,name:this.name,placeholder:this.placeholder,readonly:this.readonly,required:this.required,rows:this.rows,value:this.value,onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this),"aria-invalid":this.invalid?"true":undefined,"aria-describedby":((n=this.hint)===null||n===void 0?void 0:n.length)?this.id+"-hint":undefined})),this.invalid&&e("cat-icon",{icon:"alert-circle-outlined",class:"icon-suffix cat-text-danger",size:"l",onClick:()=>this.textarea.focus()})),(this.hint||this.hasSlottedHint||!!Object.keys(this.errorMap||{}).length)&&e(O,{id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"}),errorMap:this.errorMap}))))}get invalid(){return!!this.errorMap}onInput(t){this.value=this.textarea.value;this.catChange.emit(t);this.showErrorsIfTimeout()}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t);if(Ze(this.errorUpdate)){this.showErrors()}}showErrors(){this.errorMap=this.errorMapSrc}showErrorsIfTimeout(){const t=Qe(this.errorUpdate,null);if(t!==null){typeof this.errorUpdateTimeoutId==="number"&&window.clearTimeout(this.errorUpdateTimeoutId);this.errorUpdateTimeoutId=window.setTimeout((()=>this.showErrors()),t);return true}return false}showErrorsIfNoFocus(){const t=document.activeElement===this.hostElement||document.activeElement===this.textarea;if(!t){this.showErrors()}}get hostElement(){return r(this)}static get watchers(){return{errors:["watchErrorsHandler"]}}};fa.style=ua;const ba='.hint-section{display:flex;gap:0.5rem;flex-direction:column;color:rgb(var(--cat-hint-color, inherit))}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;font-weight:var(--cat-font-weight-body, 400);margin:0 !important}:host{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1rem}:host([hidden]){display:none}label{flex:0 1 auto;display:flex;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;font-weight:var(--cat-font-weight-body, 400);-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.label-left{flex-direction:row-reverse}input{position:absolute;margin:0;width:2rem;height:1.25rem;opacity:0;cursor:inherit}.toggle{flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative;width:2rem;height:1.25rem;border-radius:10rem;background-color:rgb(var(--cat-border-color-dark, 215, 219, 224));transition:background-color 0.13s ease;pointer-events:none}:checked+.toggle{background-color:rgb(var(--cat-primary-bg, 0, 129, 148))}:focus-visible+.toggle{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.toggle::after{content:"";position:absolute;width:1rem;height:1rem;background:#fff;border-radius:10rem;transform:translateX(calc(2px - 0.5rem));transition:transform 0.13s linear;box-shadow:0 1px 2px rgba(27, 31, 38, 0.06), 0 1px 3px rgba(27, 31, 38, 0.1)}:checked+.toggle::after{transform:translateX(calc(-2px + 0.5rem));background:rgb(var(--cat-primary-fill, 255, 255, 255))}.is-disabled .toggle{background-color:rgb(var(--cat-border-color-dark, 215, 219, 224))}:host(.cat-error) .toggle{background-color:rgba(var(--cat-danger-bg, 217, 52, 13), 0.2)}:host(.cat-error) :checked+.toggle{background-color:rgb(var(--cat-danger-bg, 217, 52, 13))}:host(.cat-error) :checked+.toggle::after{background:rgb(var(--cat-danger-fill, 255, 255, 255))}.label{flex:1 1 auto}.is-hidden .label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.is-disabled{cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 81, 92, 108))}';let va=0;const ga=class{constructor(e){t(this,e);this.catChange=n(this,"catChange",7);this.catFocus=n(this,"catFocus",7);this.catBlur=n(this,"catBlur",7);this._id=`cat-toggle-${va++}`;this.hasSlottedLabel=false;this.hasSlottedHint=false;this.checked=false;this.disabled=false;this.identifier=undefined;this.label="";this.labelHidden=false;this.name=undefined;this.required=false;this.value=undefined;this.hint=undefined;this.labelLeft=false;this.nativeAttributes=undefined}get id(){return this.identifier||this._id}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');this.hasSlottedHint=!!this.hostElement.querySelector('[slot="hint"]');if(!this.label&&!this.hasSlottedLabel){a.warn("[A11y] Missing ARIA label on toggle",this)}}async doFocus(t){this.input.focus(t)}async doBlur(){this.input.blur()}async doClick(){this.input.click()}render(){return e(i,null,e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled,"label-left":this.labelLeft}},e("input",Object.assign({},this.nativeAttributes,{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,value:this.value!==undefined?String(this.value):this.value,checked:this.checked,required:this.required,disabled:this.disabled,class:"form-check-input",role:"switch",onInput:this.onInput.bind(this),onFocus:this.onFocus.bind(this),onBlur:this.onBlur.bind(this)})),e("span",{class:"toggle",part:"toggle"}),e("span",{class:"label",part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label)),(this.hint||this.hasSlottedHint)&&e(O,{id:this.id,hint:this.hint,slottedHint:this.hasSlottedHint&&e("slot",{name:"hint"})}))}onInput(t){this.checked=this.input.checked;if(!this.value||typeof this.value==="boolean"){this.value=this.checked}this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};ga.style=ba;const ma="ontouchstart"in window||navigator.maxTouchPoints>0;const ya=':host{display:contents}:host([hidden]){display:none}.tooltip{--cat-font-color-head:cat-token("color.ui.font.tooltip", $wrap: false);--cat-font-color-body:cat-token("color.ui.font.tooltip", $wrap: false);position:fixed;width:max-content;top:0;left:0;box-sizing:border-box;font-size:0.875rem;line-height:1rem;font-weight:500;background-color:rgb(var(--cat-bg-tooltip, 0, 0, 0));border-radius:var(--cat-border-radius-m, 0.25rem);color:rgb(var(--cat-font-color-tooltip, 255, 255, 255));transition:opacity 0.25s linear, visibility 0.25s linear;visibility:hidden;opacity:0;box-shadow:rgba(0, 0, 0, 0.08) 0 1px 8px 0;z-index:200;max-width:min(100vw - 0.5rem, 20rem)}.tooltip-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.tooltip-show{opacity:1;visibility:visible}.tooltip-round{border-radius:10rem}.tooltip-s{padding:0.375rem 0.5rem}.tooltip-s.tooltip-round{padding:0.375rem 0.75rem}.tooltip-m{padding:0.75rem}.tooltip-m.tooltip-round{padding:0.75rem 1rem}.tooltip-l{padding:1rem}.tooltip-l.tooltip-round{padding:1rem 1.5rem}';let xa=0;const wa=class{constructor(e){t(this,e);this.id=`cat-tooltip-${xa++}`;this.hidden=false;this.hasSlottedContent=false;this.content="";this.disabled=false;this.placement="top";this.round=false;this.size="m";this.showDelay=250;this.hideDelay=0;this.longTouchDuration=1e3}handleKeyDown({key:t}){t==="Escape"&&this.hideListener()}componentDidLoad(){var t,e,i,r,n,a,o,s,l;const c=(t=this.hostElement.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");this.trigger=(i=(e=c===null||c===void 0?void 0:c.assignedElements)===null||e===void 0?void 0:e.call(c))===null||i===void 0?void 0:i[0];if(this.trigger&&!this.trigger.hasAttribute("aria-describedby")){this.trigger.setAttribute("aria-describedby",this.id)}if(ma){window.addEventListener("touchstart",this.windowTouchStartListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("touchstart",this.touchStartListener.bind(this));(n=this.trigger)===null||n===void 0?void 0:n.addEventListener("touchend",this.touchEndListener.bind(this))}else{(a=this.trigger)===null||a===void 0?void 0:a.addEventListener("focusin",this.showListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.addEventListener("focusout",this.hideListener.bind(this));(s=this.trigger)===null||s===void 0?void 0:s.addEventListener("mouseenter",this.showListener.bind(this));(l=this.trigger)===null||l===void 0?void 0:l.addEventListener("mouseleave",this.hideListener.bind(this))}}componentWillRender(){this.hasSlottedContent=!!this.hostElement.querySelector('[slot="content"]');this.hidden=this.disabled||!this.content&&!this.hasSlottedContent}disconnectedCallback(){var t,e,i,r,n,a;if(ma){window.removeEventListener("touchstart",this.windowTouchStartListener.bind(this));(t=this.trigger)===null||t===void 0?void 0:t.removeEventListener("touchstart",this.touchStartListener.bind(this));(e=this.trigger)===null||e===void 0?void 0:e.removeEventListener("touchend",this.touchEndListener.bind(this))}else{(i=this.trigger)===null||i===void 0?void 0:i.removeEventListener("mouseenter",this.showListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.removeEventListener("mouseleave",this.hideListener.bind(this));(n=this.trigger)===null||n===void 0?void 0:n.removeEventListener("focusin",this.showListener.bind(this));(a=this.trigger)===null||a===void 0?void 0:a.removeEventListener("focusout",this.hideListener.bind(this))}}render(){return e(i,null,e("slot",null),e("div",{ref:t=>this.tooltip=t,id:this.id,"aria-hidden":this.hidden,class:{tooltip:true,"tooltip-hidden":this.hidden,"tooltip-round":this.round,[`tooltip-${this.size}`]:Boolean(this.size)}},this.hasSlottedContent?e("slot",{name:"content"}):this.content))}async update(){if(this.trigger&&this.tooltip){await Yt(this.trigger,this.tooltip,{strategy:"fixed",placement:this.placement,middleware:[nt(wa.OFFSET),it(),ot({padding:wa.SHIFT_PADDING})]}).then((({x:t,y:e})=>{if(this.tooltip){Object.assign(this.tooltip.style,{left:`${Math.max(0,t)}px`,top:`${e}px`})}}))}}showListener(){window.clearTimeout(this.hideTimeout);this.showTimeout=window.setTimeout((()=>{this.showTooltip()}),this.showDelay)}hideListener(){window.clearTimeout(this.showTimeout);this.hideTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show");this.hideTooltip()}),this.hideDelay)}touchStartListener(t){t.stopPropagation();this.touchTimeout=window.setTimeout((()=>{this.showTooltip()}),this.longTouchDuration)}touchEndListener(){if(this.touchTimeout){window.clearTimeout(this.touchTimeout);this.hideTooltip()}}windowTouchStartListener(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show")}showTooltip(){var t;if(this.trigger&&this.tooltip){this.cleanupFloatingUi=Jt(this.trigger,this.tooltip,(()=>this.update()))}!this.hidden&&((t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show"))}hideTooltip(){if(this.cleanupFloatingUi){this.cleanupFloatingUi()}}get hostElement(){return r(this)}};wa.OFFSET=4;wa.SHIFT_PADDING=4;wa.style=ya;export{h as cat_alert,p as cat_avatar,b as cat_badge,A as cat_button,B as cat_button_group,T as cat_card,F as cat_checkbox,We as cat_dropdown,Je as cat_form_group,Xe as cat_icon,ri as cat_input,ai as cat_label,si as cat_pagination,hi as cat_radio,ui as cat_radio_group,Rn as cat_scrollable,Jn as cat_select,Yn as cat_select_demo,Qn as cat_skeleton,ea as cat_spinner,na as cat_tab,oa as cat_tabs,fa as cat_textarea,ga as cat_toggle,wa as cat_tooltip};
10
- //# sourceMappingURL=p-ba081831.entry.js.map