@haiilo/catalyst 0.7.0 → 0.7.3

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 (99) hide show
  1. package/dist/catalyst/catalyst.css +2 -2
  2. package/dist/catalyst/catalyst.esm.js +1 -1
  3. package/dist/catalyst/{p-4c9cd203.entry.js → p-4254363e.entry.js} +2 -2
  4. package/dist/catalyst/p-4254363e.entry.js.map +1 -0
  5. package/dist/catalyst/p-dda85567.entry.js +10 -0
  6. package/dist/catalyst/p-dda85567.entry.js.map +1 -0
  7. package/dist/catalyst/scss/_mixins.scss +9 -0
  8. package/dist/catalyst/scss/_variables.scss +64 -0
  9. package/dist/catalyst/scss/_variables.tokens.scss +84 -0
  10. package/dist/catalyst/scss/core/_base.scss +12 -0
  11. package/dist/catalyst/scss/core/_nav.scss +23 -0
  12. package/dist/catalyst/scss/core/_toast.scss +77 -0
  13. package/dist/catalyst/scss/core/_typography.scss +237 -0
  14. package/dist/catalyst/scss/fonts/_fonts.mixins.azeret.scss +14 -0
  15. package/dist/catalyst/scss/fonts/_fonts.mixins.dm.scss +53 -0
  16. package/dist/catalyst/scss/fonts/_fonts.mixins.lato.scss +185 -0
  17. package/dist/catalyst/scss/fonts/_fonts.mixins.scss +17 -0
  18. package/dist/catalyst/scss/index.scss +34 -0
  19. package/dist/catalyst/scss/utils/_color.scss +52 -0
  20. package/dist/catalyst/scss/utils/_disabled.mixins.scss +7 -0
  21. package/dist/catalyst/scss/utils/_display.scss +20 -0
  22. package/dist/catalyst/scss/utils/_elevation.mixins.scss +10 -0
  23. package/dist/catalyst/scss/utils/_elevation.scss +19 -0
  24. package/dist/catalyst/scss/utils/_layout.scss +78 -0
  25. package/dist/catalyst/scss/utils/_media.mixins.scss +37 -0
  26. package/dist/catalyst/scss/utils/_ratio.mixins.scss +12 -0
  27. package/dist/catalyst/scss/utils/_ratio.scss +20 -0
  28. package/dist/catalyst/scss/utils/_sizing.mixins.scss +15 -0
  29. package/dist/catalyst/scss/utils/_sizing.scss +16 -0
  30. package/dist/catalyst/scss/utils/_spacing.mixins.scss +5 -0
  31. package/dist/catalyst/scss/utils/_spacing.scss +49 -0
  32. package/dist/catalyst/scss/utils/_typography.mixins.scss +102 -0
  33. package/dist/catalyst/scss/utils/_typography.scss +34 -0
  34. package/dist/catalyst/scss/utils/_visibility.mixins.scss +29 -0
  35. package/dist/catalyst/scss/utils/_visibility.scss +13 -0
  36. package/dist/cjs/cat-alert_18.cjs.entry.js +9 -5
  37. package/dist/cjs/cat-alert_18.cjs.entry.js.map +1 -1
  38. package/dist/cjs/cat-textarea.cjs.entry.js +2 -1
  39. package/dist/cjs/cat-textarea.cjs.entry.js.map +1 -1
  40. package/dist/collection/components/cat-checkbox/cat-checkbox.js +2 -1
  41. package/dist/collection/components/cat-checkbox/cat-checkbox.js.map +1 -1
  42. package/dist/collection/components/cat-icon/cat-icon.css +4 -1
  43. package/dist/collection/components/cat-input/cat-input.js +2 -1
  44. package/dist/collection/components/cat-input/cat-input.js.map +1 -1
  45. package/dist/collection/components/cat-radio/cat-radio.js +2 -1
  46. package/dist/collection/components/cat-radio/cat-radio.js.map +1 -1
  47. package/dist/collection/components/cat-textarea/cat-textarea.js +2 -1
  48. package/dist/collection/components/cat-textarea/cat-textarea.js.map +1 -1
  49. package/dist/collection/components/cat-toggle/cat-toggle.js +2 -1
  50. package/dist/collection/components/cat-toggle/cat-toggle.js.map +1 -1
  51. package/dist/collection/scss/_mixins.scss +9 -0
  52. package/dist/collection/scss/_variables.scss +64 -0
  53. package/dist/collection/scss/_variables.tokens.scss +84 -0
  54. package/dist/collection/scss/core/_base.scss +12 -0
  55. package/dist/collection/scss/core/_nav.scss +23 -0
  56. package/dist/collection/scss/core/_toast.scss +77 -0
  57. package/dist/collection/scss/core/_typography.scss +237 -0
  58. package/dist/collection/scss/fonts/_fonts.mixins.azeret.scss +14 -0
  59. package/dist/collection/scss/fonts/_fonts.mixins.dm.scss +53 -0
  60. package/dist/collection/scss/fonts/_fonts.mixins.lato.scss +185 -0
  61. package/dist/collection/scss/fonts/_fonts.mixins.scss +17 -0
  62. package/dist/collection/scss/index.scss +34 -0
  63. package/dist/collection/scss/utils/_color.scss +52 -0
  64. package/dist/collection/scss/utils/_disabled.mixins.scss +7 -0
  65. package/dist/collection/scss/utils/_display.scss +20 -0
  66. package/dist/collection/scss/utils/_elevation.mixins.scss +10 -0
  67. package/dist/collection/scss/utils/_elevation.scss +19 -0
  68. package/dist/collection/scss/utils/_layout.scss +78 -0
  69. package/dist/collection/scss/utils/_media.mixins.scss +37 -0
  70. package/dist/collection/scss/utils/_ratio.mixins.scss +12 -0
  71. package/dist/collection/scss/utils/_ratio.scss +20 -0
  72. package/dist/collection/scss/utils/_sizing.mixins.scss +15 -0
  73. package/dist/collection/scss/utils/_sizing.scss +16 -0
  74. package/dist/collection/scss/utils/_spacing.mixins.scss +5 -0
  75. package/dist/collection/scss/utils/_spacing.scss +49 -0
  76. package/dist/collection/scss/utils/_typography.mixins.scss +102 -0
  77. package/dist/collection/scss/utils/_typography.scss +34 -0
  78. package/dist/collection/scss/utils/_visibility.mixins.scss +29 -0
  79. package/dist/collection/scss/utils/_visibility.scss +13 -0
  80. package/dist/components/cat-checkbox.js +2 -1
  81. package/dist/components/cat-checkbox.js.map +1 -1
  82. package/dist/components/cat-icon2.js +1 -1
  83. package/dist/components/cat-icon2.js.map +1 -1
  84. package/dist/components/cat-input.js +2 -1
  85. package/dist/components/cat-input.js.map +1 -1
  86. package/dist/components/cat-radio.js +2 -1
  87. package/dist/components/cat-radio.js.map +1 -1
  88. package/dist/components/cat-textarea.js +2 -1
  89. package/dist/components/cat-textarea.js.map +1 -1
  90. package/dist/components/cat-toggle.js +2 -1
  91. package/dist/components/cat-toggle.js.map +1 -1
  92. package/dist/esm/cat-alert_18.entry.js +9 -5
  93. package/dist/esm/cat-alert_18.entry.js.map +1 -1
  94. package/dist/esm/cat-textarea.entry.js +2 -1
  95. package/dist/esm/cat-textarea.entry.js.map +1 -1
  96. package/package.json +2 -2
  97. package/dist/catalyst/p-4c9cd203.entry.js.map +0 -1
  98. package/dist/catalyst/p-9d2eab4f.entry.js +0 -10
  99. package/dist/catalyst/p-9d2eab4f.entry.js.map +0 -1
@@ -1,7 +1,7 @@
1
- @charset "UTF-8";*,::before,::after{box-sizing:border-box;background-repeat:no-repeat;}::before,::after{text-decoration:inherit;vertical-align:inherit;}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}:where(body){margin:0}:where(h1){font-size:2em;margin:0.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0;}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"";float:left}:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto;}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace, monospace;font-size:1em;}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0;}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical;}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}:where(iframe,img,input,video,select,textarea){height:auto;max-width:100%}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important;}}/*!
1
+ @charset "UTF-8";*,::before,::after{box-sizing:border-box;background-repeat:no-repeat;}::before,::after{text-decoration:inherit;vertical-align:inherit;}:where(:root){cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}:where(body){margin:0}:where(h1){font-size:2em;margin:0.67em 0}:where(dl,ol,ul) :where(dl,ol,ul){margin:0}:where(hr){color:inherit;height:0;}:where(nav) :where(ol,ul){list-style-type:none;padding:0}:where(nav li)::before{content:"\200B";float:left}:where(pre){font-family:monospace, monospace;font-size:1em;overflow:auto;}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace, monospace;font-size:1em;}:where(small){font-size:80%}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}:where(iframe){border-style:none}:where(svg:not([fill])){fill:currentColor}:where(table){border-collapse:collapse;border-color:inherit;text-indent:0;}:where(button,input,select){margin:0}:where(button,[type="button" i],[type="reset" i],[type="submit" i]){-webkit-appearance:button}:where(fieldset){border:1px solid #a0a0a0}:where(progress){vertical-align:baseline}:where(textarea){margin:0;resize:vertical;}:where([type="search" i]){-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}:where(dialog){background-color:white;border:solid;color:black;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(details>summary:first-of-type){display:list-item}:where([aria-busy="true" i]){cursor:progress}:where([aria-controls]){cursor:pointer}:where([aria-disabled="true" i],[disabled]){cursor:not-allowed}:where([aria-hidden="false" i][hidden]){display:initial}:where([aria-hidden="false" i][hidden]:not(:focus)){clip:rect(0, 0, 0, 0);position:absolute}:where(iframe,img,input,video,select,textarea){height:auto;max-width:100%}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important;}}/*!
2
2
  * Toastify js 1.11.2
3
3
  * https://github.com/apvarun/toastify-js
4
4
  * @license MIT licensed
5
5
  *
6
6
  * Copyright (C) 2018 Varun A P
7
- */.toastify{padding:12px 20px;color:#ffffff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);background:-webkit-linear-gradient(315deg, #73a5ff, #5477f5);background:linear-gradient(135deg, #73a5ff, #5477f5);position:fixed;opacity:0;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:0.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}body{font-size:0.9375rem;line-height:1.25rem;font-family:var(--cat-font-family-body, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-body, 0, 0, 0));background-color:rgb(var(--cat-bg, 248, 248, 251))}nav hr,nav .cat-hr{margin-top:0.5rem;margin-bottom:0.5rem}nav .cat-head,nav .cat-text{padding:0.5rem 1rem}nav .cat-head>:last-child,nav .cat-text>:last-child{margin-bottom:0}nav .cat-head{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h1,h2,h3,h4,h5,h6,.cat-h1,.cat-h2,.cat-h3,.cat-h4,.cat-h5,.cat-h6{margin-top:0;margin-bottom:0.5rem;font-weight:var(--cat-font-weight-head, 500)}h1,.cat-h1{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.75rem;line-height:2rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h2,.cat-h2{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.5rem;line-height:1.75rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h3,.cat-h3{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.25rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h4,.cat-h4{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h5,.cat-h5{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h6,.cat-h6{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}.cat-text-xl{font-size:1.25rem;line-height:1.5rem}.cat-text-l{font-size:1.125rem;line-height:1.5rem}.cat-text-m{font-size:0.9375rem;line-height:1.25rem}.cat-text-s{font-size:0.875rem;line-height:1rem}.cat-text-xs{font-size:0.75rem;line-height:1rem}.cat-mono-xl{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-l{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-m{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-s{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-xs{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.625rem;line-height:0.875rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}p{margin-top:0;margin-bottom:1rem}hr,.cat-hr{display:block;margin:1rem 0;border:0;height:1px;background-color:#ebecf0;overflow:hidden}a{color:rgb(var(--cat-primary-text, 32, 127, 138));text-decoration:none;transition:color 0.13s linear}a:hover{color:rgb(var(--cat-primary-text-hover, 28, 112, 122));text-decoration:underline}a:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110))}a:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}a[tabindex="-1"]:focus{outline:none}b,strong,.cat-strong{font-weight:600}mark,.cat-mark{padding:0.125rem 0.25rem;background-color:rgba(var(--cat-primary-bg, 32, 127, 138), 0.2)}small,.cat-small{font-size:0.875em}.cat-underline{text-decoration:underline}.cat-line-through{text-decoration:line-through}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ol dl,ul ol,ul ul,ul dl,dl ol,dl ul,dl dl{margin-bottom:0}nav ol,nav ul{list-style-type:none;margin:0;padding:0}dt{font-weight:600}dd{margin-bottom:0.5rem;margin-left:0}.cat-lead{font-size:1.25rem;line-height:1.5rem;font-weight:300}blockquote{margin:0 0 1rem;font-style:italic;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-body, 0, 0, 0))}blockquote>:last-child{margin-bottom:0}figure{margin:0 0 1rem}figure figcaption{margin-top:-0.5rem;margin-bottom:0;font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}figure figcaption::before{content:"— "}code,samp,kbd,pre{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0));font-weight:var(--cat-font-weight-mono, 400)}pre{margin-top:0;margin-bottom:1rem;overflow:auto}pre code{margin:0;padding:0;color:inherit;background:none;box-shadow:none;border-radius:0;word-wrap:normal;word-break:normal}kbd,code{margin:0 0.125rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135));background:white;box-shadow:0 0 0 2px #ebecf0;border-radius:0.125rem}kbd{font-size:0.75rem;display:inline-block;min-width:1.5rem;line-height:1.25rem;padding:0 0.375rem;text-align:center;vertical-align:top;white-space:nowrap}code{word-wrap:break-word;word-break:break-word;padding:0.0625rem 0.25rem}@font-face{font-family:"DM Sans";src:url("./assets/fonts/DMSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"DM Sans";src:url("./assets/fonts/DMSans-MediumItalic.woff2") format("woff2");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Light.woff2") format("woff2"), url("./assets/fonts/Lato-Light.woff") format("woff");font-style:normal;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-LightItalic.woff2") format("woff2"), url("./assets/fonts/Lato-LightItalic.woff") format("woff");font-style:italic;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Regular.woff2") format("woff2"), url("./assets/fonts/Lato-Regular.woff") format("woff");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Italic.woff2") format("woff2"), url("./assets/fonts/Lato-Italic.woff") format("woff");font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Medium.woff2") format("woff2"), url("./assets/fonts/Lato-Medium.woff") format("woff");font-style:normal;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-MediumItalic.woff2") format("woff2"), url("./assets/fonts/Lato-MediumItalic.woff") format("woff");font-style:italic;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-Bold.woff2") format("woff2"), url("./assets/fonts/Lato-Bold.woff") format("woff");font-style:normal;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("./assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("./assets/fonts/Lato-BoldItalic.woff") format("woff");font-style:italic;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:"Azeret Mono";src:url("./assets/fonts/AzeretMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:fallback}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 32, 127, 138)) !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, 28, 112, 122)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 32, 127, 138)) !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, 28, 112, 122)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110)) !important}.cat-bg-secondary{background-color:#697687 !important;color:white !important}.cat-bg-secondary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondary-hover:hover{background-color:#697687 !important;color:white !important}.cat-text-secondary,.cat-link-secondary{color:black !important}.cat-link-secondary,.cat-text-secondary-hover{transition:color 0.13s}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:black !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:black !important}.cat-bg-success{background-color:#008458 !important;color:white !important}.cat-bg-success-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-success-hover:hover{background-color:#00754e !important;color:white !important}.cat-text-success,.cat-link-success{color:#008458 !important}.cat-link-success,.cat-text-success-hover{transition:color 0.13s}.cat-link-success:hover,.cat-text-success-hover:hover{color:#00754e !important}.cat-link-success:active,.cat-text-success-hover:active{color:#006946 !important}.cat-bg-warning{background-color:#ffce80 !important;color:black !important}.cat-bg-warning-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-warning-hover:hover{background-color:#ffd694 !important;color:black !important}.cat-text-warning,.cat-link-warning{color:#9f6100 !important}.cat-link-warning,.cat-text-warning-hover{transition:color 0.13s}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:#9f6100 !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:#9f6100 !important}.cat-bg-danger{background-color:#d9340d !important;color:white !important}.cat-bg-danger-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-danger-hover:hover{background-color:#c22e0b !important;color:white !important}.cat-text-danger,.cat-link-danger{color:#d9340d !important}.cat-link-danger,.cat-text-danger-hover{transition:color 0.13s}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:#c22e0b !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:#ae2a0a !important}.cat-active{color:rgb(var(--cat-primary-text, 32, 127, 138)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135)) !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.cat-none{display:none !important}.cat-inline{display:inline !important}.cat-inline-block{display:inline-block !important}.cat-block{display:block !important}.cat-grid{display:grid !important}.cat-flex{display:flex !important}.cat-inline-flex{display:inline-flex !important}@media screen and (min-width: 540px){.cat-none\:xs{display:none !important}.cat-inline\:xs{display:inline !important}.cat-inline-block\:xs{display:inline-block !important}.cat-block\:xs{display:block !important}.cat-grid\:xs{display:grid !important}.cat-flex\:xs{display:flex !important}.cat-inline-flex\:xs{display:inline-flex !important}}@media screen and (min-width: 768px){.cat-none\:s{display:none !important}.cat-inline\:s{display:inline !important}.cat-inline-block\:s{display:inline-block !important}.cat-block\:s{display:block !important}.cat-grid\:s{display:grid !important}.cat-flex\:s{display:flex !important}.cat-inline-flex\:s{display:inline-flex !important}}@media screen and (min-width: 992px){.cat-none\:m{display:none !important}.cat-inline\:m{display:inline !important}.cat-inline-block\:m{display:inline-block !important}.cat-block\:m{display:block !important}.cat-grid\:m{display:grid !important}.cat-flex\:m{display:flex !important}.cat-inline-flex\:m{display:inline-flex !important}}@media screen and (min-width: 1200px){.cat-none\:l{display:none !important}.cat-inline\:l{display:inline !important}.cat-inline-block\:l{display:inline-block !important}.cat-block\:l{display:block !important}.cat-grid\:l{display:grid !important}.cat-flex\:l{display:flex !important}.cat-inline-flex\:l{display:inline-flex !important}}@media screen and (min-width: 1400px){.cat-none\:xl{display:none !important}.cat-inline\:xl{display:inline !important}.cat-inline-block\:xl{display:inline-block !important}.cat-block\:xl{display:block !important}.cat-grid\:xl{display:grid !important}.cat-flex\:xl{display:flex !important}.cat-inline-flex\:xl{display:inline-flex !important}}.cat-elevation-transition{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.cat-elevation-0{box-shadow:none}.cat-elevation-hover-0:hover,.cat-elevation-hover-0:focus,.cat-elevation-hover-0:focus-within{box-shadow:none}.cat-elevation-1{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-hover-1:hover,.cat-elevation-hover-1:focus,.cat-elevation-hover-1:focus-within{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-2{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-2:hover,.cat-elevation-hover-2:focus,.cat-elevation-hover-2:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-3{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-3:hover,.cat-elevation-hover-3:focus,.cat-elevation-hover-3:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-4{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-elevation-hover-4:hover,.cat-elevation-hover-4:focus,.cat-elevation-hover-4:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-flex-row{flex-direction:row}.cat-flex-col{flex-direction:column}.cat-flex-1{flex:1 1 0%}.cat-flex-auto{flex:1 1 auto}.cat-flex-init{flex:0 1 auto}.cat-flex-none{flex:none}.cat-flex-wrap{flex-wrap:wrap}.cat-flex-nowrap{flex-wrap:nowrap}.cat-gap-xl{gap:2rem}.cat-gap-x-xl{column-gap:2rem}.cat-gap-y-xl{row-gap:2rem}.cat-gap-l{gap:1.5rem}.cat-gap-x-l{column-gap:1.5rem}.cat-gap-y-l{row-gap:1.5rem}.cat-gap-m{gap:1rem}.cat-gap-x-m{column-gap:1rem}.cat-gap-y-m{row-gap:1rem}.cat-gap-s{gap:0.5rem}.cat-gap-x-s{column-gap:0.5rem}.cat-gap-y-s{row-gap:0.5rem}.cat-gap-xs{gap:0.25rem}.cat-gap-x-xs{column-gap:0.25rem}.cat-gap-y-xs{row-gap:0.25rem}.cat-justify-start{justify-content:flex-start}.cat-justify-end{justify-content:flex-end}.cat-justify-center{justify-content:center}.cat-justify-between{justify-content:space-between}.cat-justify-items-start{justify-items:flex-start}.cat-justify-items-end{justify-items:flex-end}.cat-justify-items-center{justify-items:flex-center}.cat-justify-items-stretch{justify-items:flex-stretch}.cat-content-start{align-content:flex-start}.cat-content-end{align-content:flex-end}.cat-content-center{align-content:center}.cat-content-between{align-content:space-between}.cat-items-start{align-items:flex-start}.cat-items-end{align-items:flex-end}.cat-items-center{align-items:flex-center}.cat-items-stretch{align-items:flex-stretch}.cat-grid-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cat-grid-col-1{grid-column:span 1 / span 1}.cat-grid-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cat-grid-col-2{grid-column:span 2 / span 2}.cat-grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cat-grid-col-3{grid-column:span 3 / span 3}.cat-grid-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cat-grid-col-4{grid-column:span 4 / span 4}.cat-grid-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cat-grid-col-5{grid-column:span 5 / span 5}.cat-grid-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cat-grid-col-6{grid-column:span 6 / span 6}.cat-grid-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cat-grid-col-7{grid-column:span 7 / span 7}.cat-grid-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cat-grid-col-8{grid-column:span 8 / span 8}.cat-grid-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cat-grid-col-9{grid-column:span 9 / span 9}.cat-grid-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cat-grid-col-10{grid-column:span 10 / span 10}.cat-grid-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cat-grid-col-11{grid-column:span 11 / span 11}.cat-grid-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cat-grid-col-12{grid-column:span 12 / span 12}.cat-grid-row-1{grid-row:span 1 / span 1}.cat-grid-row-2{grid-row:span 2 / span 2}.cat-grid-row-3{grid-row:span 3 / span 3}.cat-grid-row-4{grid-row:span 4 / span 4}.cat-grid-row-5{grid-row:span 5 / span 5}.cat-grid-row-6{grid-row:span 6 / span 6}.cat-grid-auto{grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr));--grid-min:100%}.cat-radius-l{border-radius:0.5rem}.cat-radius-m{border-radius:0.25rem}.cat-radius-s{border-radius:0.125rem}.cat-radius-0{border-radius:none}.cat-radius-full{border-radius:100rem}.cat-m-auto{margin:auto !important}.cat-mv-auto{margin-top:auto !important;margin-bottom:auto !important}.cat-mh-auto{margin-left:auto !important;margin-right:auto !important}.cat-mt-auto{margin-top:auto !important}.cat-mb-auto{margin-bottom:auto !important}.cat-ml-auto{margin-left:auto !important}.cat-mr-auto{margin-right:auto !important}.cat-m-0{margin:0 !important}.cat-mv-0{margin-top:0 !important;margin-bottom:0 !important}.cat-mh-0{margin-left:0 !important;margin-right:0 !important}.cat-mt-0{margin-top:0 !important}.cat-mb-0{margin-bottom:0 !important}.cat-ml-0{margin-left:0 !important}.cat-mr-0{margin-right:0 !important}.cat-p-0{padding:0 !important}.cat-pv-0{padding-top:0 !important;padding-bottom:0 !important}.cat-ph-0{padding-left:0 !important;padding-right:0 !important}.cat-pt-0{padding-top:0 !important}.cat-pb-0{padding-bottom:0 !important}.cat-pl-0{padding-left:0 !important}.cat-pr-0{padding-right:0 !important}.cat-m-xl{margin:2rem !important}.cat-mv-xl{margin-top:2rem !important;margin-bottom:2rem !important}.cat-mh-xl{margin-left:2rem !important;margin-right:2rem !important}.cat-mt-xl{margin-top:2rem !important}.cat-mb-xl{margin-bottom:2rem !important}.cat-ml-xl{margin-left:2rem !important}.cat-mr-xl{margin-right:2rem !important}.cat-p-xl{padding:2rem !important}.cat-pv-xl{padding-top:2rem !important;padding-bottom:2rem !important}.cat-ph-xl{padding-left:2rem !important;padding-right:2rem !important}.cat-pt-xl{padding-top:2rem !important}.cat-pb-xl{padding-bottom:2rem !important}.cat-pl-xl{padding-left:2rem !important}.cat-pr-xl{padding-right:2rem !important}.cat-m-l{margin:1.5rem !important}.cat-mv-l{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.cat-mh-l{margin-left:1.5rem !important;margin-right:1.5rem !important}.cat-mt-l{margin-top:1.5rem !important}.cat-mb-l{margin-bottom:1.5rem !important}.cat-ml-l{margin-left:1.5rem !important}.cat-mr-l{margin-right:1.5rem !important}.cat-p-l{padding:1.5rem !important}.cat-pv-l{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.cat-ph-l{padding-left:1.5rem !important;padding-right:1.5rem !important}.cat-pt-l{padding-top:1.5rem !important}.cat-pb-l{padding-bottom:1.5rem !important}.cat-pl-l{padding-left:1.5rem !important}.cat-pr-l{padding-right:1.5rem !important}.cat-m-m{margin:1rem !important}.cat-mv-m{margin-top:1rem !important;margin-bottom:1rem !important}.cat-mh-m{margin-left:1rem !important;margin-right:1rem !important}.cat-mt-m{margin-top:1rem !important}.cat-mb-m{margin-bottom:1rem !important}.cat-ml-m{margin-left:1rem !important}.cat-mr-m{margin-right:1rem !important}.cat-p-m{padding:1rem !important}.cat-pv-m{padding-top:1rem !important;padding-bottom:1rem !important}.cat-ph-m{padding-left:1rem !important;padding-right:1rem !important}.cat-pt-m{padding-top:1rem !important}.cat-pb-m{padding-bottom:1rem !important}.cat-pl-m{padding-left:1rem !important}.cat-pr-m{padding-right:1rem !important}.cat-m-s{margin:0.5rem !important}.cat-mv-s{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.cat-mh-s{margin-left:0.5rem !important;margin-right:0.5rem !important}.cat-mt-s{margin-top:0.5rem !important}.cat-mb-s{margin-bottom:0.5rem !important}.cat-ml-s{margin-left:0.5rem !important}.cat-mr-s{margin-right:0.5rem !important}.cat-p-s{padding:0.5rem !important}.cat-pv-s{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.cat-ph-s{padding-left:0.5rem !important;padding-right:0.5rem !important}.cat-pt-s{padding-top:0.5rem !important}.cat-pb-s{padding-bottom:0.5rem !important}.cat-pl-s{padding-left:0.5rem !important}.cat-pr-s{padding-right:0.5rem !important}.cat-m-xs{margin:0.25rem !important}.cat-mv-xs{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.cat-mh-xs{margin-left:0.25rem !important;margin-right:0.25rem !important}.cat-mt-xs{margin-top:0.25rem !important}.cat-mb-xs{margin-bottom:0.25rem !important}.cat-ml-xs{margin-left:0.25rem !important}.cat-mr-xs{margin-right:0.25rem !important}.cat-p-xs{padding:0.25rem !important}.cat-pv-xs{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.cat-ph-xs{padding-left:0.25rem !important;padding-right:0.25rem !important}.cat-pt-xs{padding-top:0.25rem !important}.cat-pb-xs{padding-bottom:0.25rem !important}.cat-pl-xs{padding-left:0.25rem !important}.cat-pr-xs{padding-right:0.25rem !important}.cat-text-left{text-align:left !important}.cat-text-center{text-align:center !important}.cat-text-right{text-align:right !important}.cat-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}.cat-select{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;}.cat-no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cat-break-word{word-wrap:break-word;word-break:break-word}.cat-visually-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}.cat-visually-hidden-focusable:not(:focus):not(:focus-within){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}*:not(:hover):not(:focus):not(:focus-within)>.cat-visually-hidden-hoverable{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}.cat-ratio{position:relative;aspect-ratio:var(--cat-aspect-ratio)}.cat-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.cat-ratio-1x1{--cat-aspect-ratio:1}.cat-ratio-3x1{--cat-aspect-ratio:3}.cat-ratio-6x1{--cat-aspect-ratio:6}.cat-ratio-4x3{--cat-aspect-ratio:1.3333333333}.cat-ratio-16x9{--cat-aspect-ratio:1.7777777778}.cat-ratio-21x9{--cat-aspect-ratio:2.3333333333}.cat-toastify{background:white;color:black;padding:0;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-toastify .toast-close{float:right;font-size:20px;margin-top:0.5rem;position:absolute;top:0;right:0;z-index:10}.cat-toastify .cat-toastify-wrapper{display:block;position:relative}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper{position:absolute;top:6px;left:5px}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.info{color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.error{color:#d9340d}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.success{color:#008458}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper{width:100%;padding:0.5rem 0.5rem 0.5rem 2rem}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper.has-message{border-bottom:1px solid #d7dbe0}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper .cat-toastify-title{width:100%;padding-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;font-weight:600;color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-message{width:100%;padding:0.5rem;color:black}
7
+ */.toastify{padding:12px 20px;color:#ffffff;display:inline-block;box-shadow:0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);background:-webkit-linear-gradient(315deg, #73a5ff, #5477f5);background:linear-gradient(135deg, #73a5ff, #5477f5);position:fixed;opacity:0;transition:all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{opacity:0.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}@font-face{font-family:"DM Sans";src:url("assets/fonts/DMSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"DM Sans";src:url("assets/fonts/DMSans-MediumItalic.woff2") format("woff2");font-style:italic;font-weight:500;font-display:swap}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Light.woff2") format("woff2"), url("assets/fonts/Lato-Light.woff") format("woff");font-style:normal;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-LightItalic.woff2") format("woff2"), url("assets/fonts/Lato-LightItalic.woff") format("woff");font-style:italic;font-weight:300;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Regular.woff2") format("woff2"), url("assets/fonts/Lato-Regular.woff") format("woff");font-style:normal;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Italic.woff2") format("woff2"), url("assets/fonts/Lato-Italic.woff") format("woff");font-style:italic;font-weight:400;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Medium.woff2") format("woff2"), url("assets/fonts/Lato-Medium.woff") format("woff");font-style:normal;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-MediumItalic.woff2") format("woff2"), url("assets/fonts/Lato-MediumItalic.woff") format("woff");font-style:italic;font-weight:500;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-Bold.woff2") format("woff2"), url("assets/fonts/Lato-Bold.woff") format("woff");font-style:normal;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:Lato;src:url("assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("assets/fonts/Lato-BoldItalic.woff") format("woff");font-style:italic;font-weight:700;text-rendering:optimizeLegibility;font-display:fallback}@font-face{font-family:"Azeret Mono";src:url("assets/fonts/AzeretMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:fallback}body{font-size:0.9375rem;line-height:1.25rem;font-family:var(--cat-font-family-body, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight:var(--cat-font-weight-body, 400);color:rgb(var(--cat-font-color-body, 0, 0, 0));background-color:rgb(var(--cat-bg, 248, 248, 251))}nav hr,nav .cat-hr{margin-top:0.5rem;margin-bottom:0.5rem}nav .cat-head,nav .cat-text{padding:0.5rem 1rem}nav .cat-head>:last-child,nav .cat-text>:last-child{margin-bottom:0}nav .cat-head{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}.cat-toastify{background:white;color:black;padding:0;box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-toastify .toast-close{float:right;font-size:20px;margin-top:0.5rem;position:absolute;top:0;right:0;z-index:10}.cat-toastify .cat-toastify-wrapper{display:block;position:relative}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper{position:absolute;top:6px;left:5px}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.info{color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.error{color:#d9340d}.cat-toastify .cat-toastify-wrapper .cat-toastify-icon-wrapper.success{color:#008458}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper{width:100%;padding:0.5rem 0.5rem 0.5rem 2rem}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper.has-message{border-bottom:1px solid #d7dbe0}.cat-toastify .cat-toastify-wrapper .cat-toastify-title-wrapper .cat-toastify-title{width:100%;padding-right:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:20px;font-weight:600;color:black}.cat-toastify .cat-toastify-wrapper .cat-toastify-message{width:100%;padding:0.5rem;color:black}h1,h2,h3,h4,h5,h6,.cat-h1,.cat-h2,.cat-h3,.cat-h4,.cat-h5,.cat-h6{margin-top:0;margin-bottom:0.5rem;font-weight:var(--cat-font-weight-head, 500)}h1,.cat-h1{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.75rem;line-height:2rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h2,.cat-h2{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.5rem;line-height:1.75rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h3,.cat-h3{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.25rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h4,.cat-h4{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h5,.cat-h5{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}h6,.cat-h6{font-family:var(--cat-font-family-head, "Lato"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-head, 0, 0, 0))}.cat-text-xl{font-size:1.25rem;line-height:1.5rem}.cat-text-l{font-size:1.125rem;line-height:1.5rem}.cat-text-m{font-size:0.9375rem;line-height:1.25rem}.cat-text-s{font-size:0.875rem;line-height:1rem}.cat-text-xs{font-size:0.75rem;line-height:1rem}.cat-mono-xl{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-l{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.9375rem;line-height:1.25rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-m{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-s{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}.cat-mono-xs{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.625rem;line-height:0.875rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0))}p{margin-top:0;margin-bottom:1rem}hr,.cat-hr{display:block;margin:1rem 0;border:0;height:1px;background-color:#ebecf0;overflow:hidden}a{color:rgb(var(--cat-primary-text, 32, 127, 138));text-decoration:none;transition:color 0.13s linear}a:hover{color:rgb(var(--cat-primary-text-hover, 28, 112, 122));text-decoration:underline}a:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110))}a:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}a[tabindex="-1"]:focus{outline:none}b,strong,.cat-strong{font-weight:600}mark,.cat-mark{padding:0.125rem 0.25rem;background-color:rgba(var(--cat-primary-bg, 32, 127, 138), 0.2)}small,.cat-small{font-size:0.875em}.cat-underline{text-decoration:underline}.cat-line-through{text-decoration:line-through}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}ol,ul{padding-left:2rem}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ol dl,ul ol,ul ul,ul dl,dl ol,dl ul,dl dl{margin-bottom:0}nav ol,nav ul{list-style-type:none;margin:0;padding:0}dt{font-weight:600}dd{margin-bottom:0.5rem;margin-left:0}.cat-lead{font-size:1.25rem;line-height:1.5rem;font-weight:300}blockquote{margin:0 0 1rem;font-style:italic;font-size:1.125rem;line-height:1.5rem;color:rgb(var(--cat-font-color-body, 0, 0, 0))}blockquote>:last-child{margin-bottom:0}figure{margin:0 0 1rem}figure figcaption{margin-top:-0.5rem;margin-bottom:0;font-size:0.875rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}figure figcaption::before{content:"— "}code,samp,kbd,pre{font-family:var(--cat-font-family-mono, "Azeret Mono"), SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:0.875rem;line-height:1.125rem;color:rgb(var(--cat-font-color-mono, 0, 0, 0));font-weight:var(--cat-font-weight-mono, 400)}pre{margin-top:0;margin-bottom:1rem;overflow:auto}pre code{margin:0;padding:0;color:inherit;background:none;box-shadow:none;border-radius:0;word-wrap:normal;word-break:normal}kbd,code{margin:0 0.125rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135));background:white;box-shadow:0 0 0 2px #ebecf0;border-radius:0.125rem}kbd{font-size:0.75rem;display:inline-block;min-width:1.5rem;line-height:1.25rem;padding:0 0.375rem;text-align:center;vertical-align:top;white-space:nowrap}code{word-wrap:break-word;word-break:break-word;padding:0.0625rem 0.25rem}.cat-bg-primary{background-color:rgb(var(--cat-primary-bg, 32, 127, 138)) !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, 28, 112, 122)) !important;color:rgb(var(--cat-primary-fill-hover, 255, 255, 255)) !important}.cat-text-primary,.cat-link-primary{color:rgb(var(--cat-primary-text, 32, 127, 138)) !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, 28, 112, 122)) !important}.cat-link-primary:active,.cat-text-primary-hover:active{color:rgb(var(--cat-primary-text-active, 25, 101, 110)) !important}.cat-bg-secondary{background-color:#697687 !important;color:white !important}.cat-bg-secondary-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-secondary-hover:hover{background-color:#697687 !important;color:white !important}.cat-text-secondary,.cat-link-secondary{color:black !important}.cat-link-secondary,.cat-text-secondary-hover{transition:color 0.13s}.cat-link-secondary:hover,.cat-text-secondary-hover:hover{color:black !important}.cat-link-secondary:active,.cat-text-secondary-hover:active{color:black !important}.cat-bg-success{background-color:#008458 !important;color:white !important}.cat-bg-success-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-success-hover:hover{background-color:#00754e !important;color:white !important}.cat-text-success,.cat-link-success{color:#008458 !important}.cat-link-success,.cat-text-success-hover{transition:color 0.13s}.cat-link-success:hover,.cat-text-success-hover:hover{color:#00754e !important}.cat-link-success:active,.cat-text-success-hover:active{color:#006946 !important}.cat-bg-warning{background-color:#ffce80 !important;color:black !important}.cat-bg-warning-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-warning-hover:hover{background-color:#ffd694 !important;color:black !important}.cat-text-warning,.cat-link-warning{color:#9f6100 !important}.cat-link-warning,.cat-text-warning-hover{transition:color 0.13s}.cat-link-warning:hover,.cat-text-warning-hover:hover{color:#9f6100 !important}.cat-link-warning:active,.cat-text-warning-hover:active{color:#9f6100 !important}.cat-bg-danger{background-color:#d9340d !important;color:white !important}.cat-bg-danger-hover{transition:background-color 0.13s, color 0.13s}.cat-bg-danger-hover:hover{background-color:#c22e0b !important;color:white !important}.cat-text-danger,.cat-link-danger{color:#d9340d !important}.cat-link-danger,.cat-text-danger-hover{transition:color 0.13s}.cat-link-danger:hover,.cat-text-danger-hover:hover{color:#c22e0b !important}.cat-link-danger:active,.cat-text-danger-hover:active{color:#ae2a0a !important}.cat-active{color:rgb(var(--cat-primary-text, 32, 127, 138)) !important}.cat-muted{color:rgb(var(--cat-font-color-muted, 105, 118, 135)) !important}.cat-text-reset{color:inherit !important}.cat-link-reset{color:inherit !important;text-decoration:inherit !important}.cat-none{display:none !important}.cat-inline{display:inline !important}.cat-inline-block{display:inline-block !important}.cat-block{display:block !important}.cat-grid{display:grid !important}.cat-flex{display:flex !important}.cat-inline-flex{display:inline-flex !important}@media screen and (min-width: 540px){.cat-none\:xs{display:none !important}.cat-inline\:xs{display:inline !important}.cat-inline-block\:xs{display:inline-block !important}.cat-block\:xs{display:block !important}.cat-grid\:xs{display:grid !important}.cat-flex\:xs{display:flex !important}.cat-inline-flex\:xs{display:inline-flex !important}}@media screen and (min-width: 768px){.cat-none\:s{display:none !important}.cat-inline\:s{display:inline !important}.cat-inline-block\:s{display:inline-block !important}.cat-block\:s{display:block !important}.cat-grid\:s{display:grid !important}.cat-flex\:s{display:flex !important}.cat-inline-flex\:s{display:inline-flex !important}}@media screen and (min-width: 992px){.cat-none\:m{display:none !important}.cat-inline\:m{display:inline !important}.cat-inline-block\:m{display:inline-block !important}.cat-block\:m{display:block !important}.cat-grid\:m{display:grid !important}.cat-flex\:m{display:flex !important}.cat-inline-flex\:m{display:inline-flex !important}}@media screen and (min-width: 1200px){.cat-none\:l{display:none !important}.cat-inline\:l{display:inline !important}.cat-inline-block\:l{display:inline-block !important}.cat-block\:l{display:block !important}.cat-grid\:l{display:grid !important}.cat-flex\:l{display:flex !important}.cat-inline-flex\:l{display:inline-flex !important}}@media screen and (min-width: 1400px){.cat-none\:xl{display:none !important}.cat-inline\:xl{display:inline !important}.cat-inline-block\:xl{display:inline-block !important}.cat-block\:xl{display:block !important}.cat-grid\:xl{display:grid !important}.cat-flex\:xl{display:flex !important}.cat-inline-flex\:xl{display:inline-flex !important}}.cat-elevation-transition{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.cat-elevation-0{box-shadow:none}.cat-elevation-hover-0:hover,.cat-elevation-hover-0:focus,.cat-elevation-hover-0:focus-within{box-shadow:none}.cat-elevation-1{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-hover-1:hover,.cat-elevation-hover-1:focus,.cat-elevation-hover-1:focus-within{box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2)}.cat-elevation-2{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-2:hover,.cat-elevation-hover-2:focus,.cat-elevation-hover-2:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 4px 5px 0 rgba(16, 29, 48, 0.26), 0 1px 10px -1px rgba(16, 29, 48, 0.12)}.cat-elevation-3{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-hover-3:hover,.cat-elevation-hover-3:focus,.cat-elevation-hover-3:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.2), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 10px 20px -8px rgba(16, 29, 48, 0.12)}.cat-elevation-4{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-elevation-hover-4:hover,.cat-elevation-hover-4:focus,.cat-elevation-hover-4:focus-within{box-shadow:0 2px 4px -1px rgba(16, 29, 48, 0.05), 0 9px 16px -3px rgba(16, 29, 48, 0.14), 0 32px 20px -20px rgba(16, 29, 48, 0.2)}.cat-flex-row{flex-direction:row}.cat-flex-col{flex-direction:column}.cat-flex-1{flex:1 1 0%}.cat-flex-auto{flex:1 1 auto}.cat-flex-init{flex:0 1 auto}.cat-flex-none{flex:none}.cat-flex-wrap{flex-wrap:wrap}.cat-flex-nowrap{flex-wrap:nowrap}.cat-gap-xl{gap:2rem}.cat-gap-x-xl{column-gap:2rem}.cat-gap-y-xl{row-gap:2rem}.cat-gap-l{gap:1.5rem}.cat-gap-x-l{column-gap:1.5rem}.cat-gap-y-l{row-gap:1.5rem}.cat-gap-m{gap:1rem}.cat-gap-x-m{column-gap:1rem}.cat-gap-y-m{row-gap:1rem}.cat-gap-s{gap:0.5rem}.cat-gap-x-s{column-gap:0.5rem}.cat-gap-y-s{row-gap:0.5rem}.cat-gap-xs{gap:0.25rem}.cat-gap-x-xs{column-gap:0.25rem}.cat-gap-y-xs{row-gap:0.25rem}.cat-justify-start{justify-content:flex-start}.cat-justify-end{justify-content:flex-end}.cat-justify-center{justify-content:center}.cat-justify-between{justify-content:space-between}.cat-justify-items-start{justify-items:flex-start}.cat-justify-items-end{justify-items:flex-end}.cat-justify-items-center{justify-items:flex-center}.cat-justify-items-stretch{justify-items:flex-stretch}.cat-content-start{align-content:flex-start}.cat-content-end{align-content:flex-end}.cat-content-center{align-content:center}.cat-content-between{align-content:space-between}.cat-items-start{align-items:flex-start}.cat-items-end{align-items:flex-end}.cat-items-center{align-items:flex-center}.cat-items-stretch{align-items:flex-stretch}.cat-grid-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cat-grid-col-1{grid-column:span 1 / span 1}.cat-grid-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cat-grid-col-2{grid-column:span 2 / span 2}.cat-grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cat-grid-col-3{grid-column:span 3 / span 3}.cat-grid-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cat-grid-col-4{grid-column:span 4 / span 4}.cat-grid-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.cat-grid-col-5{grid-column:span 5 / span 5}.cat-grid-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cat-grid-col-6{grid-column:span 6 / span 6}.cat-grid-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.cat-grid-col-7{grid-column:span 7 / span 7}.cat-grid-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.cat-grid-col-8{grid-column:span 8 / span 8}.cat-grid-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.cat-grid-col-9{grid-column:span 9 / span 9}.cat-grid-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.cat-grid-col-10{grid-column:span 10 / span 10}.cat-grid-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.cat-grid-col-11{grid-column:span 11 / span 11}.cat-grid-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cat-grid-col-12{grid-column:span 12 / span 12}.cat-grid-row-1{grid-row:span 1 / span 1}.cat-grid-row-2{grid-row:span 2 / span 2}.cat-grid-row-3{grid-row:span 3 / span 3}.cat-grid-row-4{grid-row:span 4 / span 4}.cat-grid-row-5{grid-row:span 5 / span 5}.cat-grid-row-6{grid-row:span 6 / span 6}.cat-grid-auto{grid-template-columns:repeat(auto-fill,minmax(min(var(--grid-min),100%),1fr));--grid-min:100%}.cat-radius-l{border-radius:0.5rem}.cat-radius-m{border-radius:0.25rem}.cat-radius-s{border-radius:0.125rem}.cat-radius-0{border-radius:none}.cat-radius-full{border-radius:100rem}.cat-m-auto{margin:auto !important}.cat-mv-auto{margin-top:auto !important;margin-bottom:auto !important}.cat-mh-auto{margin-left:auto !important;margin-right:auto !important}.cat-mt-auto{margin-top:auto !important}.cat-mb-auto{margin-bottom:auto !important}.cat-ml-auto{margin-left:auto !important}.cat-mr-auto{margin-right:auto !important}.cat-m-0{margin:0 !important}.cat-mv-0{margin-top:0 !important;margin-bottom:0 !important}.cat-mh-0{margin-left:0 !important;margin-right:0 !important}.cat-mt-0{margin-top:0 !important}.cat-mb-0{margin-bottom:0 !important}.cat-ml-0{margin-left:0 !important}.cat-mr-0{margin-right:0 !important}.cat-p-0{padding:0 !important}.cat-pv-0{padding-top:0 !important;padding-bottom:0 !important}.cat-ph-0{padding-left:0 !important;padding-right:0 !important}.cat-pt-0{padding-top:0 !important}.cat-pb-0{padding-bottom:0 !important}.cat-pl-0{padding-left:0 !important}.cat-pr-0{padding-right:0 !important}.cat-m-xl{margin:2rem !important}.cat-mv-xl{margin-top:2rem !important;margin-bottom:2rem !important}.cat-mh-xl{margin-left:2rem !important;margin-right:2rem !important}.cat-mt-xl{margin-top:2rem !important}.cat-mb-xl{margin-bottom:2rem !important}.cat-ml-xl{margin-left:2rem !important}.cat-mr-xl{margin-right:2rem !important}.cat-p-xl{padding:2rem !important}.cat-pv-xl{padding-top:2rem !important;padding-bottom:2rem !important}.cat-ph-xl{padding-left:2rem !important;padding-right:2rem !important}.cat-pt-xl{padding-top:2rem !important}.cat-pb-xl{padding-bottom:2rem !important}.cat-pl-xl{padding-left:2rem !important}.cat-pr-xl{padding-right:2rem !important}.cat-m-l{margin:1.5rem !important}.cat-mv-l{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.cat-mh-l{margin-left:1.5rem !important;margin-right:1.5rem !important}.cat-mt-l{margin-top:1.5rem !important}.cat-mb-l{margin-bottom:1.5rem !important}.cat-ml-l{margin-left:1.5rem !important}.cat-mr-l{margin-right:1.5rem !important}.cat-p-l{padding:1.5rem !important}.cat-pv-l{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.cat-ph-l{padding-left:1.5rem !important;padding-right:1.5rem !important}.cat-pt-l{padding-top:1.5rem !important}.cat-pb-l{padding-bottom:1.5rem !important}.cat-pl-l{padding-left:1.5rem !important}.cat-pr-l{padding-right:1.5rem !important}.cat-m-m{margin:1rem !important}.cat-mv-m{margin-top:1rem !important;margin-bottom:1rem !important}.cat-mh-m{margin-left:1rem !important;margin-right:1rem !important}.cat-mt-m{margin-top:1rem !important}.cat-mb-m{margin-bottom:1rem !important}.cat-ml-m{margin-left:1rem !important}.cat-mr-m{margin-right:1rem !important}.cat-p-m{padding:1rem !important}.cat-pv-m{padding-top:1rem !important;padding-bottom:1rem !important}.cat-ph-m{padding-left:1rem !important;padding-right:1rem !important}.cat-pt-m{padding-top:1rem !important}.cat-pb-m{padding-bottom:1rem !important}.cat-pl-m{padding-left:1rem !important}.cat-pr-m{padding-right:1rem !important}.cat-m-s{margin:0.5rem !important}.cat-mv-s{margin-top:0.5rem !important;margin-bottom:0.5rem !important}.cat-mh-s{margin-left:0.5rem !important;margin-right:0.5rem !important}.cat-mt-s{margin-top:0.5rem !important}.cat-mb-s{margin-bottom:0.5rem !important}.cat-ml-s{margin-left:0.5rem !important}.cat-mr-s{margin-right:0.5rem !important}.cat-p-s{padding:0.5rem !important}.cat-pv-s{padding-top:0.5rem !important;padding-bottom:0.5rem !important}.cat-ph-s{padding-left:0.5rem !important;padding-right:0.5rem !important}.cat-pt-s{padding-top:0.5rem !important}.cat-pb-s{padding-bottom:0.5rem !important}.cat-pl-s{padding-left:0.5rem !important}.cat-pr-s{padding-right:0.5rem !important}.cat-m-xs{margin:0.25rem !important}.cat-mv-xs{margin-top:0.25rem !important;margin-bottom:0.25rem !important}.cat-mh-xs{margin-left:0.25rem !important;margin-right:0.25rem !important}.cat-mt-xs{margin-top:0.25rem !important}.cat-mb-xs{margin-bottom:0.25rem !important}.cat-ml-xs{margin-left:0.25rem !important}.cat-mr-xs{margin-right:0.25rem !important}.cat-p-xs{padding:0.25rem !important}.cat-pv-xs{padding-top:0.25rem !important;padding-bottom:0.25rem !important}.cat-ph-xs{padding-left:0.25rem !important;padding-right:0.25rem !important}.cat-pt-xs{padding-top:0.25rem !important}.cat-pb-xs{padding-bottom:0.25rem !important}.cat-pl-xs{padding-left:0.25rem !important}.cat-pr-xs{padding-right:0.25rem !important}.cat-text-left{text-align:left !important}.cat-text-center{text-align:center !important}.cat-text-right{text-align:right !important}.cat-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}.cat-ellipsis-5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}.cat-select{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;}.cat-no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cat-break-word{word-wrap:break-word;word-break:break-word}.cat-visually-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}.cat-visually-hidden-focusable:not(:focus):not(:focus-within){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}*:not(:hover):not(:focus):not(:focus-within)>.cat-visually-hidden-hoverable{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}.cat-ratio{position:relative;aspect-ratio:var(--cat-aspect-ratio)}.cat-ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.cat-ratio-1x1{--cat-aspect-ratio:1}.cat-ratio-3x1{--cat-aspect-ratio:3}.cat-ratio-6x1{--cat-aspect-ratio:6}.cat-ratio-4x3{--cat-aspect-ratio:1.3333333333}.cat-ratio-16x9{--cat-aspect-ratio:1.7777777778}.cat-ratio-21x9{--cat-aspect-ratio:2.3333333333}
@@ -1,2 +1,2 @@
1
- import{p as e,b as a}from"./p-12b96af6.js";import{g as l}from"./p-12486027.js";import"./p-2ec5c87a.js";import"./p-7c06183a.js";const t=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};t().then((e=>{l();return a([["p-4c9cd203",[[1,"cat-textarea",{disabled:[4],hint:[1],label:[1],labelHidden:[4,"label-hidden"],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],value:[1032],hasSlottedLabel:[32],setFocus:[64]}]]],["p-9d2eab4f",[[1,"cat-input",{autoComplete:[1,"auto-complete"],clearable:[4],disabled:[4],hint:[1],icon:[1],iconRight:[4,"icon-right"],label:[1],labelHidden:[4,"label-hidden"],max:[2],maxLength:[2,"max-length"],min:[2],minLength:[2,"min-length"],name:[1],placeholder:[1],textPrefix:[1,"text-prefix"],textSuffix:[1,"text-suffix"],readonly:[4],required:[4],round:[4],type:[1],value:[1032],hasSlottedLabel:[32],setFocus:[64],clear:[64]}],[1,"cat-tabs",{activeTab:[1,"active-tab"],tabsAlign:[1,"tabs-align"],activeTabId:[32]},[[0,"keydown","onKeydown"]]],[0,"cat-toast-demo"],[1,"cat-avatar",{size:[1],round:[4],label:[1],initials:[1],src:[1],icon:[1],url:[1],urlTarget:[1,"url-target"],backgroundImage:[32]}],[1,"cat-alert",{color:[1]}],[1,"cat-badge",{variant:[1],color:[1],size:[1],round:[4],pulse:[4]}],[1,"cat-card"],[1,"cat-checkbox",{checked:[4],disabled:[4],indeterminate:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1025],hint:[1],hasSlottedLabel:[32],setFocus:[64]}],[1,"cat-menu",{placement:[1]},[[0,"catClick","clickHandler"]]],[1,"cat-radio",{checked:[4],disabled:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1025],hint:[1],hasSlottedLabel:[32],setFocus:[64]}],[1,"cat-scrollable",{noShadowX:[4,"no-shadow-x"],noShadowY:[4,"no-shadow-y"],noOverflowX:[4,"no-overflow-x"],noOverflowY:[4,"no-overflow-y"],noOverscroll:[4,"no-overscroll"],noScrolledInit:[4,"no-scrolled-init"],scrolledBuffer:[2,"scrolled-buffer"]}],[1,"cat-skeleton",{effect:[1],variant:[1],size:[1],lines:[2]}],[1,"cat-tab",{label:[1],icon:[1],iconOnly:[8,"icon-only"],iconRight:[4,"icon-right"],url:[1],urlTarget:[1,"url-target"],deactivated:[4]},[[0,"click","onClick"]]],[1,"cat-toggle",{checked:[4],disabled:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1025],hint:[1],hasSlottedLabel:[32],setFocus:[64]}],[1,"cat-tooltip",{content:[1],disabled:[4],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],longTouchDuration:[2,"long-touch-duration"]},[[0,"keydown","handleKeyDown"]]],[1,"cat-button",{variant:[1],color:[1],active:[4],size:[1],name:[1],value:[1],disabled:[4],loading:[4],submit:[4],noEllipsis:[4,"no-ellipsis"],round:[4],url:[1],urlTarget:[1,"url-target"],icon:[1],iconOnly:[8,"icon-only"],iconRight:[4,"icon-right"],buttonId:[1,"button-id"],a11yLabel:[1,"a11y-label"],_iconOnly:[32],setFocus:[64]},[[0,"click","haltDisabledEvents"]]],[1,"cat-spinner",{size:[1],a11yLabel:[1,"a11y-label"]}],[1,"cat-icon",{icon:[1],size:[1],a11yLabel:[1,"a11y-label"]}]]]],e)}));
1
+ import{p as e,b as a}from"./p-12b96af6.js";import{g as l}from"./p-12486027.js";import"./p-2ec5c87a.js";import"./p-7c06183a.js";const t=()=>{const a=import.meta.url;const l={};if(a!==""){l.resourcesUrl=new URL(".",a).href}return e(l)};t().then((e=>{l();return a([["p-4254363e",[[1,"cat-textarea",{disabled:[4],hint:[1],label:[1],labelHidden:[4,"label-hidden"],maxLength:[2,"max-length"],minLength:[2,"min-length"],name:[1],placeholder:[1],readonly:[4],required:[4],rows:[2],value:[1032],hasSlottedLabel:[32],setFocus:[64]}]]],["p-dda85567",[[1,"cat-input",{autoComplete:[1,"auto-complete"],clearable:[4],disabled:[4],hint:[1],icon:[1],iconRight:[4,"icon-right"],label:[1],labelHidden:[4,"label-hidden"],max:[2],maxLength:[2,"max-length"],min:[2],minLength:[2,"min-length"],name:[1],placeholder:[1],textPrefix:[1,"text-prefix"],textSuffix:[1,"text-suffix"],readonly:[4],required:[4],round:[4],type:[1],value:[1032],hasSlottedLabel:[32],setFocus:[64],clear:[64]}],[1,"cat-tabs",{activeTab:[1,"active-tab"],tabsAlign:[1,"tabs-align"],activeTabId:[32]},[[0,"keydown","onKeydown"]]],[0,"cat-toast-demo"],[1,"cat-avatar",{size:[1],round:[4],label:[1],initials:[1],src:[1],icon:[1],url:[1],urlTarget:[1,"url-target"],backgroundImage:[32]}],[1,"cat-alert",{color:[1]}],[1,"cat-badge",{variant:[1],color:[1],size:[1],round:[4],pulse:[4]}],[1,"cat-card"],[1,"cat-checkbox",{checked:[4],disabled:[4],indeterminate:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1025],hint:[1],hasSlottedLabel:[32],setFocus:[64]}],[1,"cat-menu",{placement:[1]},[[0,"catClick","clickHandler"]]],[1,"cat-radio",{checked:[4],disabled:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1025],hint:[1],hasSlottedLabel:[32],setFocus:[64]}],[1,"cat-scrollable",{noShadowX:[4,"no-shadow-x"],noShadowY:[4,"no-shadow-y"],noOverflowX:[4,"no-overflow-x"],noOverflowY:[4,"no-overflow-y"],noOverscroll:[4,"no-overscroll"],noScrolledInit:[4,"no-scrolled-init"],scrolledBuffer:[2,"scrolled-buffer"]}],[1,"cat-skeleton",{effect:[1],variant:[1],size:[1],lines:[2]}],[1,"cat-tab",{label:[1],icon:[1],iconOnly:[8,"icon-only"],iconRight:[4,"icon-right"],url:[1],urlTarget:[1,"url-target"],deactivated:[4]},[[0,"click","onClick"]]],[1,"cat-toggle",{checked:[4],disabled:[4],label:[1],labelHidden:[4,"label-hidden"],name:[1],required:[4],value:[1025],hint:[1],hasSlottedLabel:[32],setFocus:[64]}],[1,"cat-tooltip",{content:[1],disabled:[4],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],longTouchDuration:[2,"long-touch-duration"]},[[0,"keydown","handleKeyDown"]]],[1,"cat-button",{variant:[1],color:[1],active:[4],size:[1],name:[1],value:[1],disabled:[4],loading:[4],submit:[4],noEllipsis:[4,"no-ellipsis"],round:[4],url:[1],urlTarget:[1,"url-target"],icon:[1],iconOnly:[8,"icon-only"],iconRight:[4,"icon-right"],buttonId:[1,"button-id"],a11yLabel:[1,"a11y-label"],_iconOnly:[32],setFocus:[64]},[[0,"click","haltDisabledEvents"]]],[1,"cat-spinner",{size:[1],a11yLabel:[1,"a11y-label"]}],[1,"cat-icon",{icon:[1],size:[1],a11yLabel:[1,"a11y-label"]}]]]],e)}));
2
2
  //# sourceMappingURL=catalyst.esm.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as n,h as e,H as i,g as o}from"./p-12b96af6.js";import{l as r}from"./p-7c06183a.js";import{C as a}from"./p-5616e2cd.js";var s,l,h="function"==typeof Map?new Map:(s=[],l=[],{has:function(t){return s.indexOf(t)>-1},get:function(t){return l[s.indexOf(t)]},set:function(t,n){-1===s.indexOf(t)&&(s.push(t),l.push(n))},delete:function(t){var n=s.indexOf(t);n>-1&&(s.splice(n,1),l.splice(n,1))}}),u=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(s){u=function(t){var n=document.createEvent("Event");return n.initEvent(t,!0,!1),n}}function c(t){var n=h.get(t);n&&n.destroy()}function d(t){var n=h.get(t);n&&n.update()}var p=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((p=function(t){return t}).destroy=function(t){return t},p.update=function(t){return t}):((p=function(t,n){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!h.has(t)){var n,e=null,i=null,o=null,r=function(){t.clientWidth!==i&&c()},a=function(n){window.removeEventListener("resize",r,!1),t.removeEventListener("input",c,!1),t.removeEventListener("keyup",c,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",c,!1),Object.keys(n).forEach((function(e){t.style[e]=n[e]})),h.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",c,!1),window.addEventListener("resize",r,!1),t.addEventListener("input",c,!1),t.addEventListener("autosize:update",c,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",h.set(t,{destroy:a,update:c}),"vertical"===(n=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),e="content-box"===n.boxSizing?-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),isNaN(e)&&(e=0),c()}function s(n){var e=t.style.width;t.style.width="0px",t.style.width=e,t.style.overflowY=n}function l(){if(0!==t.scrollHeight){var n=function(t){for(var n=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&n.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return n}(t),o=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",i=t.clientWidth,n.forEach((function(t){t.node.scrollTop=t.scrollTop})),o&&(document.documentElement.scrollTop=o)}}function c(){l();var n=Math.round(parseFloat(t.style.height)),e=window.getComputedStyle(t,null),i="content-box"===e.boxSizing?Math.round(parseFloat(e.height)):t.offsetHeight;if(i<n?"hidden"===e.overflowY&&(s("scroll"),l(),i="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==e.overflowY&&(s("hidden"),l(),i="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),o!==i){o=i;var r=u("autosize:resized");try{t.dispatchEvent(r)}catch(t){}}}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],c),t},p.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],d),t});var f=p;const m=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;margin:0}:host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;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}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}textarea{margin:0;padding:0.625rem 0.75rem;min-height:2.5rem;font:inherit;background:white;border-radius:0.25rem;border:none;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}textarea:disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135));resize:none}textarea:hover:not(:disabled){box-shadow:0 0 0 2px #d7dbe0}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}";let b=0;const w=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-${b++}`;this.hasSlottedLabel=false;this.disabled=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.rows=3}componentWillRender(){if(!this.label&&!this.hostElement.querySelector('[slot="label"]')){r.error("[A11y] Missing ARIA label on textarea",this)}}componentDidLoad(){f(this.textarea)}async setFocus(t){this.textarea.focus(t)}render(){return e(i,null,(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label,!this.required&&e("span",{class:"input-optional","aria-hidden":"true"},"(Optional)"))),e("textarea",{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)}),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(a,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.textarea.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};w.style=m;export{w as cat_textarea};
2
- //# sourceMappingURL=p-4c9cd203.entry.js.map
1
+ import{r as t,c as n,h as e,H as i,g as o}from"./p-12b96af6.js";import{l as r}from"./p-7c06183a.js";import{C as a}from"./p-5616e2cd.js";var s,l,h="function"==typeof Map?new Map:(s=[],l=[],{has:function(t){return s.indexOf(t)>-1},get:function(t){return l[s.indexOf(t)]},set:function(t,n){-1===s.indexOf(t)&&(s.push(t),l.push(n))},delete:function(t){var n=s.indexOf(t);n>-1&&(s.splice(n,1),l.splice(n,1))}}),u=function(t){return new Event(t,{bubbles:!0})};try{new Event("test")}catch(s){u=function(t){var n=document.createEvent("Event");return n.initEvent(t,!0,!1),n}}function c(t){var n=h.get(t);n&&n.destroy()}function d(t){var n=h.get(t);n&&n.update()}var p=null;"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((p=function(t){return t}).destroy=function(t){return t},p.update=function(t){return t}):((p=function(t,n){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!h.has(t)){var n,e=null,i=null,o=null,r=function(){t.clientWidth!==i&&c()},a=function(n){window.removeEventListener("resize",r,!1),t.removeEventListener("input",c,!1),t.removeEventListener("keyup",c,!1),t.removeEventListener("autosize:destroy",a,!1),t.removeEventListener("autosize:update",c,!1),Object.keys(n).forEach((function(e){t.style[e]=n[e]})),h.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",a,!1),"onpropertychange"in t&&"oninput"in t&&t.addEventListener("keyup",c,!1),window.addEventListener("resize",r,!1),t.addEventListener("input",c,!1),t.addEventListener("autosize:update",c,!1),t.style.overflowX="hidden",t.style.wordWrap="break-word",h.set(t,{destroy:a,update:c}),"vertical"===(n=window.getComputedStyle(t,null)).resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),e="content-box"===n.boxSizing?-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),isNaN(e)&&(e=0),c()}function s(n){var e=t.style.width;t.style.width="0px",t.style.width=e,t.style.overflowY=n}function l(){if(0!==t.scrollHeight){var n=function(t){for(var n=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&n.push({node:t.parentNode,scrollTop:t.parentNode.scrollTop}),t=t.parentNode;return n}(t),o=document.documentElement&&document.documentElement.scrollTop;t.style.height="",t.style.height=t.scrollHeight+e+"px",i=t.clientWidth,n.forEach((function(t){t.node.scrollTop=t.scrollTop})),o&&(document.documentElement.scrollTop=o)}}function c(){l();var n=Math.round(parseFloat(t.style.height)),e=window.getComputedStyle(t,null),i="content-box"===e.boxSizing?Math.round(parseFloat(e.height)):t.offsetHeight;if(i<n?"hidden"===e.overflowY&&(s("scroll"),l(),i="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight):"hidden"!==e.overflowY&&(s("hidden"),l(),i="content-box"===e.boxSizing?Math.round(parseFloat(window.getComputedStyle(t,null).height)):t.offsetHeight),o!==i){o=i;var r=u("autosize:resized");try{t.dispatchEvent(r)}catch(t){}}}}(t)})),t}).destroy=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],c),t},p.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],d),t});var f=p;const m=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;margin:0}:host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;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}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}textarea{margin:0;padding:0.625rem 0.75rem;min-height:2.5rem;font:inherit;background:white;border-radius:0.25rem;border:none;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}textarea:disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135));resize:none}textarea:hover:not(:disabled){box-shadow:0 0 0 2px #d7dbe0}textarea:focus{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}textarea::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}";let b=0;const w=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-${b++}`;this.hasSlottedLabel=false;this.disabled=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.rows=3}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){r.error("[A11y] Missing ARIA label on textarea",this)}}componentDidLoad(){f(this.textarea)}async setFocus(t){this.textarea.focus(t)}render(){return e(i,null,(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label,!this.required&&e("span",{class:"input-optional","aria-hidden":"true"},"(Optional)"))),e("textarea",{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)}),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(a,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.textarea.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return o(this)}};w.style=m;export{w as cat_textarea};
2
+ //# sourceMappingURL=p-4254363e.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../node_modules/autosize/dist/autosize.esm.js","src/components/cat-textarea/cat-textarea.scss?tag=cat-textarea&encapsulation=shadow","src/components/cat-textarea/cat-textarea.tsx"],"names":["e","t","n","Map","has","indexOf","get","set","o","push","delete","splice","Event","bubbles","document","createEvent","initEvent","r","destroy","i","update","l","window","getComputedStyle","Array","prototype","forEach","call","length","nodeName","d","clientWidth","c","a","removeEventListener","Object","keys","style","bind","height","resize","overflowY","overflowX","wordWrap","addEventListener","boxSizing","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","isNaN","u","width","s","scrollHeight","parentNode","Element","scrollTop","node","documentElement","Math","round","offsetHeight","dispatchEvent","catTextareaCss","nextUniqueId","CatTextarea","[object Object]","hostRef","this","id","hasSlottedLabel","disabled","label","labelHidden","name","readonly","required","rows","hostElement","querySelector","log","error","autosize","textarea","options","focus","h","Host","htmlFor","class","hidden","part","aria-hidden","ref","el","maxlength","maxLength","minlength","minLength","placeholder","value","onInput","onFocus","onBlur","hintSection","hasSlottedHint","hint","CatFormHint","slottedHint","event","catChange","emit","catFocus","catBlur"],"mappings":"wIAAA,IAAIA,EAAEC,EAAEC,EAAE,mBAAmBC,IAAI,IAAIA,KAAKH,EAAE,GAAGC,EAAE,GAAG,CAACG,IAAI,SAASH,GAAG,OAAOD,EAAEK,QAAQJ,IAAI,GAAGK,IAAI,SAASJ,GAAG,OAAOD,EAAED,EAAEK,QAAQH,KAAKK,IAAI,SAASL,EAAEM,IAAI,IAAIR,EAAEK,QAAQH,KAAKF,EAAES,KAAKP,GAAGD,EAAEQ,KAAKD,KAAKE,OAAO,SAASR,GAAG,IAAIM,EAAER,EAAEK,QAAQH,GAAGM,GAAG,IAAIR,EAAEW,OAAOH,EAAE,GAAGP,EAAEU,OAAOH,EAAE,OAAOA,EAAE,SAASR,GAAG,OAAO,IAAIY,MAAMZ,EAAE,CAACa,SAAS,KAAK,IAAI,IAAID,MAAM,QAAQ,MAAMZ,GAAGQ,EAAE,SAASR,GAAG,IAAIC,EAAEa,SAASC,YAAY,SAAS,OAAOd,EAAEe,UAAUhB,GAAG,GAAG,GAAGC,GAAG,SAASgB,EAAEjB,GAAG,IAAIC,EAAEC,EAAEI,IAAIN,GAAGC,GAAGA,EAAEiB,UAAU,SAASC,EAAEnB,GAAG,IAAIC,EAAEC,EAAEI,IAAIN,GAAGC,GAAGA,EAAEmB,SAAS,IAAIC,EAAE,KAAK,oBAAoBC,QAAQ,mBAAmBA,OAAOC,mBAAmBF,EAAE,SAASrB,GAAG,OAAOA,IAAIkB,QAAQ,SAASlB,GAAG,OAAOA,GAAGqB,EAAED,OAAO,SAASpB,GAAG,OAAOA,MAAMqB,EAAE,SAASrB,EAAEC,GAAG,OAAOD,GAAGwB,MAAMC,UAAUC,QAAQC,KAAK3B,EAAE4B,OAAO5B,EAAE,CAACA,IAAG,SAASA,GAAG,OAAO,SAASA,GAAG,GAAGA,GAAGA,EAAE6B,UAAU,aAAa7B,EAAE6B,WAAW3B,EAAEE,IAAIJ,GAAG,CAAC,IAAIC,EAAEgB,EAAE,KAAKE,EAAE,KAAKE,EAAE,KAAKS,EAAE,WAAW9B,EAAE+B,cAAcZ,GAAGa,KAAKC,EAAE,SAAShC,GAAGqB,OAAOY,oBAAoB,SAASJ,GAAG,GAAG9B,EAAEkC,oBAAoB,QAAQF,GAAG,GAAGhC,EAAEkC,oBAAoB,QAAQF,GAAG,GAAGhC,EAAEkC,oBAAoB,mBAAmBD,GAAG,GAAGjC,EAAEkC,oBAAoB,kBAAkBF,GAAG,GAAGG,OAAOC,KAAKnC,GAAGyB,SAAQ,SAASxB,GAAGF,EAAEqC,MAAMnC,GAAGD,EAAEC,MAAKA,EAAEQ,OAAOV,IAAIsC,KAAKtC,EAAE,CAACuC,OAAOvC,EAAEqC,MAAME,OAAOC,OAAOxC,EAAEqC,MAAMG,OAAOC,UAAUzC,EAAEqC,MAAMI,UAAUC,UAAU1C,EAAEqC,MAAMK,UAAUC,SAAS3C,EAAEqC,MAAMM,WAAW3C,EAAE4C,iBAAiB,mBAAmBX,GAAG,GAAG,qBAAqBjC,GAAG,YAAYA,GAAGA,EAAE4C,iBAAiB,QAAQZ,GAAG,GAAGV,OAAOsB,iBAAiB,SAASd,GAAG,GAAG9B,EAAE4C,iBAAiB,QAAQZ,GAAG,GAAGhC,EAAE4C,iBAAiB,kBAAkBZ,GAAG,GAAGhC,EAAEqC,MAAMK,UAAU,SAAS1C,EAAEqC,MAAMM,SAAS,aAAazC,EAAEK,IAAIP,EAAE,CAACkB,QAAQe,EAAEb,OAAOY,IAAI,cAAc/B,EAAEqB,OAAOC,iBAAiBvB,EAAE,OAAOwC,OAAOxC,EAAEqC,MAAMG,OAAO,OAAO,SAASvC,EAAEuC,SAASxC,EAAEqC,MAAMG,OAAO,cAAcvB,EAAE,gBAAgBhB,EAAE4C,YAAYC,WAAW7C,EAAE8C,YAAYD,WAAW7C,EAAE+C,gBAAgBF,WAAW7C,EAAEgD,gBAAgBH,WAAW7C,EAAEiD,mBAAmBC,MAAMlC,KAAKA,EAAE,GAAGe,IAAI,SAASoB,EAAEnD,GAAG,IAAIC,EAAEF,EAAEqC,MAAMgB,MAAMrD,EAAEqC,MAAMgB,MAAM,MAAMrD,EAAEqC,MAAMgB,MAAMnD,EAAEF,EAAEqC,MAAMI,UAAUxC,EAAE,SAASqD,IAAI,GAAG,IAAItD,EAAEuD,aAAa,CAAC,IAAItD,EAAE,SAASD,GAAG,IAAI,IAAIC,EAAE,GAAGD,GAAGA,EAAEwD,YAAYxD,EAAEwD,sBAAsBC,SAASzD,EAAEwD,WAAWE,WAAWzD,EAAEQ,KAAK,CAACkD,KAAK3D,EAAEwD,WAAWE,UAAU1D,EAAEwD,WAAWE,YAAY1D,EAAEA,EAAEwD,WAAW,OAAOvD,EAAtL,CAAyLD,GAAGE,EAAEY,SAAS8C,iBAAiB9C,SAAS8C,gBAAgBF,UAAU1D,EAAEqC,MAAME,OAAO,GAAGvC,EAAEqC,MAAME,OAAOvC,EAAEuD,aAAatC,EAAE,KAAKE,EAAEnB,EAAE+B,YAAY9B,EAAEyB,SAAQ,SAAS1B,GAAGA,EAAE2D,KAAKD,UAAU1D,EAAE0D,aAAYxD,IAAIY,SAAS8C,gBAAgBF,UAAUxD,IAAI,SAAS8B,IAAIsB,IAAI,IAAIrD,EAAE4D,KAAKC,MAAMhB,WAAW9C,EAAEqC,MAAME,SAASrC,EAAEoB,OAAOC,iBAAiBvB,EAAE,MAAMiB,EAAE,gBAAgBf,EAAE2C,UAAUgB,KAAKC,MAAMhB,WAAW5C,EAAEqC,SAASvC,EAAE+D,aAAa,GAAG9C,EAAEhB,EAAE,WAAWC,EAAEuC,YAAYW,EAAE,UAAUE,IAAIrC,EAAE,gBAAgBf,EAAE2C,UAAUgB,KAAKC,MAAMhB,WAAWxB,OAAOC,iBAAiBvB,EAAE,MAAMuC,SAASvC,EAAE+D,cAAc,WAAW7D,EAAEuC,YAAYW,EAAE,UAAUE,IAAIrC,EAAE,gBAAgBf,EAAE2C,UAAUgB,KAAKC,MAAMhB,WAAWxB,OAAOC,iBAAiBvB,EAAE,MAAMuC,SAASvC,EAAE+D,cAAc1C,IAAIJ,EAAE,CAACI,EAAEJ,EAAE,IAAIE,EAAEX,EAAE,oBAAoB,IAAIR,EAAEgE,cAAc7C,GAAG,MAAMnB,OAAxtE,CAAguEA,MAAKA,IAAIkB,QAAQ,SAASlB,GAAG,OAAOA,GAAGwB,MAAMC,UAAUC,QAAQC,KAAK3B,EAAE4B,OAAO5B,EAAE,CAACA,GAAGiB,GAAGjB,GAAGqB,EAAED,OAAO,SAASpB,GAAG,OAAOA,GAAGwB,MAAMC,UAAUC,QAAQC,KAAK3B,EAAE4B,OAAO5B,EAAE,CAACA,GAAGmB,GAAGnB,IAAI,IAAI8B,EAAET,ECA5pG,MAAM4C,EAAiB,8sCCKvB,IAAIC,EAAe,QAgBNC,EAAW,MALxBC,YAAAC,sHAMmBC,KAAAC,GAAK,gBAAgBL,MAK7BI,KAAAE,gBAAkB,MAKnBF,KAAAG,SAAW,MAUXH,KAAAI,MAAQ,GAKRJ,KAAAK,YAAc,MAedL,KAAAM,KAAO,GAUPN,KAAAO,SAAW,MAKXP,KAAAQ,SAAW,MAKXR,KAAAS,KAAO,EAsBfX,sBACEE,KAAKE,kBAAoBF,KAAKU,YAAYC,cAAc,kBACxD,IAAKX,KAAKI,QAAUJ,KAAKE,gBAAiB,CACxCU,EAAIC,MAAM,wCAAyCb,OAIvDF,mBACEgB,EAASd,KAAKe,UAUhBjB,eAAekB,GACbhB,KAAKe,SAASE,MAAMD,GAGtBlB,SACE,OACEoB,EAACC,EAAI,MACDnB,KAAKE,iBAAmBF,KAAKI,QAC7Bc,EAAA,QAAA,CAAOE,QAASpB,KAAKC,GAAIoB,MAAO,CAAEC,OAAQtB,KAAKK,cAC7Ca,EAAA,OAAA,CAAMK,KAAK,SACPvB,KAAKE,iBAAmBgB,EAAA,OAAA,CAAMZ,KAAK,WAAoBN,KAAKI,OAC5DJ,KAAKQ,UACLU,EAAA,OAAA,CAAMG,MAAM,iBAAgBG,cAAa,QAAM,gBAOvDN,EAAA,WAAA,CACEO,IAAKC,GAAO1B,KAAKe,SAAWW,EAC5BzB,GAAID,KAAKC,GACTE,SAAUH,KAAKG,SACfwB,UAAW3B,KAAK4B,UAChBC,UAAW7B,KAAK8B,UAChBxB,KAAMN,KAAKM,KACXyB,YAAa/B,KAAK+B,YAClBxB,SAAUP,KAAKO,SACfC,SAAUR,KAAKQ,SACfC,KAAMT,KAAKS,KACXuB,MAAOhC,KAAKgC,MACZC,QAASjC,KAAKiC,QAAQjE,KAAKgC,MAC3BkC,QAASlC,KAAKkC,QAAQlE,KAAKgC,MAC3BmC,OAAQnC,KAAKmC,OAAOnE,KAAKgC,QAE1BA,KAAKoC,aAKZA,kBACE,MAAMC,IAAmBrC,KAAKU,YAAYC,cAAc,iBACxD,OACGX,KAAKsC,MAAQD,IACZnB,EAACqB,EAAW,CAACD,KAAMtC,KAAKsC,KAAME,YAAaH,GAAkBnB,EAAA,OAAA,CAAMZ,KAAK,WAKtER,QAAQ2C,GACdzC,KAAKgC,MAAQhC,KAAKe,SAASiB,MAC3BhC,KAAK0C,UAAUC,KAAKF,GAGd3C,QAAQ2C,GACdzC,KAAK4C,SAASD,KAAKF,GAGb3C,OAAO2C,GACbzC,KAAK6C,QAAQF,KAAKF","sourcesContent":["var e,t,n=\"function\"==typeof Map?new Map:(e=[],t=[],{has:function(t){return e.indexOf(t)>-1},get:function(n){return t[e.indexOf(n)]},set:function(n,o){-1===e.indexOf(n)&&(e.push(n),t.push(o))},delete:function(n){var o=e.indexOf(n);o>-1&&(e.splice(o,1),t.splice(o,1))}}),o=function(e){return new Event(e,{bubbles:!0})};try{new Event(\"test\")}catch(e){o=function(e){var t=document.createEvent(\"Event\");return t.initEvent(e,!0,!1),t}}function r(e){var t=n.get(e);t&&t.destroy()}function i(e){var t=n.get(e);t&&t.update()}var l=null;\"undefined\"==typeof window||\"function\"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return function(e){if(e&&e.nodeName&&\"TEXTAREA\"===e.nodeName&&!n.has(e)){var t,r=null,i=null,l=null,d=function(){e.clientWidth!==i&&c()},a=function(t){window.removeEventListener(\"resize\",d,!1),e.removeEventListener(\"input\",c,!1),e.removeEventListener(\"keyup\",c,!1),e.removeEventListener(\"autosize:destroy\",a,!1),e.removeEventListener(\"autosize:update\",c,!1),Object.keys(t).forEach(function(n){e.style[n]=t[n]}),n.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener(\"autosize:destroy\",a,!1),\"onpropertychange\"in e&&\"oninput\"in e&&e.addEventListener(\"keyup\",c,!1),window.addEventListener(\"resize\",d,!1),e.addEventListener(\"input\",c,!1),e.addEventListener(\"autosize:update\",c,!1),e.style.overflowX=\"hidden\",e.style.wordWrap=\"break-word\",n.set(e,{destroy:a,update:c}),\"vertical\"===(t=window.getComputedStyle(e,null)).resize?e.style.resize=\"none\":\"both\"===t.resize&&(e.style.resize=\"horizontal\"),r=\"content-box\"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(r)&&(r=0),c()}function u(t){var n=e.style.width;e.style.width=\"0px\",e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),n=document.documentElement&&document.documentElement.scrollTop;e.style.height=\"\",e.style.height=e.scrollHeight+r+\"px\",i=e.clientWidth,t.forEach(function(e){e.node.scrollTop=e.scrollTop}),n&&(document.documentElement.scrollTop=n)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r<t?\"hidden\"===n.overflowY&&(u(\"scroll\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight):\"hidden\"!==n.overflowY&&(u(\"hidden\"),s(),r=\"content-box\"===n.boxSizing?Math.round(parseFloat(window.getComputedStyle(e,null).height)):e.offsetHeight),l!==r){l=r;var i=o(\"autosize:resized\");try{e.dispatchEvent(i)}catch(e){}}}}(e)}),e}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],r),e},l.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],i),e});var d=l;export default d;\n","@use 'variables' as *;\n@use 'mixins' as *;\n@use 'src/components/cat-form-hint/cat-form-hint';\n\n:host {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n @include cat-body('m');\n margin-bottom: $cat-body-margin-bottom;\n}\n\n:host([hidden]) {\n display: none;\n}\n\nlabel {\n align-self: flex-start;\n\n &.hidden {\n @include cat-visually-hidden;\n }\n}\n\n.input-optional {\n margin-left: 0.25rem;\n @include cat-body('xs');\n color: cat-token('color.ui.font.muted');\n}\n\ntextarea {\n margin: 0;\n padding: 0.625rem 0.75rem;\n min-height: cat-size('m');\n font: inherit;\n background: cat-token('color.ui.background.input');\n border-radius: cat-border-radius('m');\n border: none;\n box-shadow: 0 0 0 1px cat-token('color.ui.border.input');\n transition: box-shadow cat-token('time.transition.s') linear;\n\n &:disabled {\n background: cat-token('color.ui.background.inputDisabled');\n cursor: not-allowed;\n color: cat-token('color.ui.font.muted');\n resize: none;\n }\n\n &:hover:not(:disabled) {\n box-shadow: 0 0 0 2px cat-token('color.ui.border.input');\n }\n\n &:focus {\n outline: 2px solid cat-token('color.ui.border.focus');\n }\n\n &::placeholder {\n color: cat-token('color.ui.font.muted');\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport autosize from 'autosize';\nimport log from 'loglevel';\nimport { CatFormHint } from '../cat-form-hint/cat-form-hint';\n\nlet nextUniqueId = 0;\n\n/**\n * Textarea specifies a control that allows user to write text over multiple\n * rows. Used when the expected user input is long. For shorter input, use the\n * input component.\n *\n * @slot hint - Optional hint element to be displayed with the textarea.\n * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.\n * @part label - The label content.\n */\n@Component({\n tag: 'cat-textarea',\n styleUrl: 'cat-textarea.scss',\n shadow: true\n})\nexport class CatTextarea {\n private readonly id = `cat-textarea-${nextUniqueId++}`;\n private textarea!: HTMLTextAreaElement;\n\n @Element() hostElement!: HTMLElement;\n\n @State() hasSlottedLabel = false;\n\n /**\n * Whether the textarea is disabled.\n */\n @Prop() disabled = false;\n\n /**\n * Optional hint text(s) to be displayed with the textarea.\n */\n @Prop() hint?: string | string[];\n\n /**\n * The label for the textarea.\n */\n @Prop() label = '';\n\n /**\n * Visually hide the label, but still show it to assistive technologies like screen readers.\n */\n @Prop() labelHidden = false;\n\n /**\n * A maximum length (number of characters) for textual values.\n */\n @Prop() maxLength?: number;\n\n /**\n * A minimum length (number of characters) for textual values.\n */\n @Prop() minLength?: number;\n\n /**\n * The name of the form control. Submitted with the form as part of a name/value pair.\n */\n @Prop() name = '';\n\n /**\n * The placeholder text to display within the input.\n */\n @Prop() placeholder?: string;\n\n /**\n * The value is not editable.\n */\n @Prop() readonly = false;\n\n /**\n * A value is required or must be check for the form to be submittable.\n */\n @Prop() required = false;\n\n /**\n * Specifies the initial number of lines in the textarea.\n */\n @Prop() rows = 3;\n\n /**\n * The initial value of the control.\n */\n @Prop({ mutable: true }) value?: string | number;\n\n /**\n * Emitted when the value is changed.\n */\n @Event() catChange!: EventEmitter;\n\n /**\n * Emitted when the textarea received focus.\n */\n @Event() catFocus!: EventEmitter<FocusEvent>;\n\n /**\n * Emitted when the textarea loses focus.\n */\n @Event() catBlur!: EventEmitter<FocusEvent>;\n\n componentWillRender(): void {\n this.hasSlottedLabel = !!this.hostElement.querySelector('[slot=\"label\"]');\n if (!this.label && !this.hasSlottedLabel) {\n log.error('[A11y] Missing ARIA label on textarea', this);\n }\n }\n\n componentDidLoad(): void {\n autosize(this.textarea);\n }\n\n /**\n * Sets focus on the textarea. Use this method instead of `textarea.focus()`.\n *\n * @param options An optional object providing options to control aspects of\n * the focusing process.\n */\n @Method()\n async setFocus(options?: FocusOptions): Promise<void> {\n this.textarea.focus(options);\n }\n\n render() {\n return (\n <Host>\n {(this.hasSlottedLabel || this.label) && (\n <label htmlFor={this.id} class={{ hidden: this.labelHidden }}>\n <span part=\"label\">\n {(this.hasSlottedLabel && <slot name=\"label\"></slot>) || this.label}\n {!this.required && (\n <span class=\"input-optional\" aria-hidden=\"true\">\n (Optional)\n </span>\n )}\n </span>\n </label>\n )}\n <textarea\n ref={el => (this.textarea = el as HTMLTextAreaElement)}\n id={this.id}\n disabled={this.disabled}\n maxlength={this.maxLength}\n minlength={this.minLength}\n name={this.name}\n placeholder={this.placeholder}\n readonly={this.readonly}\n required={this.required}\n rows={this.rows}\n value={this.value}\n onInput={this.onInput.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onBlur={this.onBlur.bind(this)}\n ></textarea>\n {this.hintSection}\n </Host>\n );\n }\n\n private get hintSection() {\n const hasSlottedHint = !!this.hostElement.querySelector('[slot=\"hint\"]');\n return (\n (this.hint || hasSlottedHint) && (\n <CatFormHint hint={this.hint} slottedHint={hasSlottedHint && <slot name=\"hint\"></slot>} />\n )\n );\n }\n\n private onInput(event: Event) {\n this.value = this.textarea.value;\n this.catChange.emit(event);\n }\n\n private onFocus(event: FocusEvent) {\n this.catFocus.emit(event);\n }\n\n private onBlur(event: FocusEvent) {\n this.catBlur.emit(event);\n }\n}\n"]}
@@ -0,0 +1,10 @@
1
+ import{r as t,h as e,H as i,c as n,g as r}from"./p-12b96af6.js";import{l as o}from"./p-7c06183a.js";import{C as s}from"./p-5616e2cd.js";import{C as a,a as l}from"./p-2ec5c87a.js";import{N as c}from"./p-c7f3b231.js";const h=":host{display:block;margin-bottom:1rem}:host(:focus-visible){outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}:host([hidden]){display:none}.alert{font:inherit;color:rgb(var(--text));background-color:rgba(var(--bg), 0.1);box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);border-radius:0.25rem;padding:0.75rem 1rem}::slotted(:last-child){margin-bottom:0 !important}.alert-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--text:var(--cat-primary-text, 32, 127, 138);--border:var(--cat-primary-text, 32, 127, 138)}.alert-secondary{--bg:105, 118, 135;--text:0, 0, 0;--border:105, 118, 135}.alert-success{--bg:0, 132, 88;--text:0, 132, 88;--border:0, 132, 88}.alert-warning{--bg:255, 206, 128;--text:159, 97, 0;--border:159, 97, 0}.alert-danger{--bg:217, 52, 13;--text:217, 52, 13;--border:217, 52, 13}";const u=class{constructor(e){t(this,e);this.color="primary"}render(){return e(i,{tabindex:"0",role:this.role},e("div",{part:"alert",class:{alert:true,[`alert-${this.color}`]:Boolean(this.color)}},e("slot",null)))}get role(){switch(this.color){case"danger":case"warning":return"alert";default:return"status"}}};u.style=h;const d=t=>new Promise(((e,i)=>{const n=new Image;n.addEventListener("load",e);n.addEventListener("error",i);n.src=t}));const f=":host{display:inline-block;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;}:host([hidden]){display:none}.avatar{display:flex;align-items:center;justify-content:center;border-radius: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}.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 b=class{constructor(e){t(this,e);this.size="m";this.round=false;this.label=""}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){o.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;return(t=this.initials)!==null&&t!==void 0?t:this.label.split(" ").map((t=>t[0])).join("")}static get watchers(){return{src:["onSrcChanged"]}}};b.style=f;const p=":host{display:inline-flex;max-width:100%;vertical-align:baseline}:host([hidden]){display:none}.badge{font:inherit;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:0.125rem;text-decoration:none;width:100%;box-sizing:border-box;line-height:1;white-space:nowrap}.badge slot{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.badge-round{border-radius:10rem}.badge-filled{background-color:rgb(var(--bg));color:rgb(var(--fill));font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:greyscale}.badge-outlined{background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--border), 0.2);color:rgb(var(--text))}.badge-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 32, 127, 138);--border:var(--cat-primary-text, 32, 127, 138)}.badge-secondary{--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0;--border:105, 118, 135}.badge-success{--bg:0, 132, 88;--fill:255, 255, 255;--text:0, 132, 88;--border:0, 132, 88}.badge-warning{--bg:255, 206, 128;--fill:0, 0, 0;--text:159, 97, 0;--border:159, 97, 0}.badge-danger{--bg:217, 52, 13;--fill:255, 255, 255;--text:217, 52, 13;--border:217, 52, 13}.badge-xs{height:0.75rem;min-width:0.75rem;font-size:0.75rem;padding:0rem 0.25rem}.badge-s{height:1rem;min-width:1rem;font-size:0.75rem;padding:0.25rem 0.5rem}.badge-m{height:1.25rem;min-width:1.25rem;font-size:0.75rem;padding:0.5rem 0.75rem}.badge-l{height:1.5rem;min-width:1.5rem;font-size:0.875rem;padding:0.75rem 1rem}.badge-xl{height:1.75rem;min-width:1.75rem;font-size:0.9375rem;padding:1rem 1.25rem}.badge-pulse.badge-filled{animation:1.5s ease 0s infinite normal none running pulse}.badge-pulse.badge-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 m=class{constructor(e){t(this,e);this.variant="filled";this.color="primary";this.size="m";this.round=false;this.pulse=false}render(){return e("span",{part:"badge",class:{badge:true,"badge-round":this.round,"badge-pulse":this.pulse,[`badge-${this.variant}`]:Boolean(this.variant),[`badge-${this.color}`]:Boolean(this.color),[`badge-${this.size}`]:Boolean(this.size)}},e("slot",null))}};m.style=p;const g=["xs","s","m","l","xl"];const v={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 w(t){return typeof t==="string"&&g.includes(t)}let x;try{x=typeof Intl!=="undefined"&&Intl.v8BreakIterator}catch(t){x=false}class y{constructor(){this.EDGE=/(edge)/i.test(navigator.userAgent);this.TRIDENT=/(msie|trident)/i.test(navigator.userAgent);this.BLINK=!!(window.chrome||x)&&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 k=new Set;let z;class S{constructor(){this._platform=new y;this._matchMedia=window.matchMedia.bind(window)}matchMedia(t){if(this._platform.WEBKIT||this._platform.BLINK){A(t)}return this._matchMedia(t)}}function A(t){if(k.has(t)){return}try{if(!z){z=document.createElement("style");z.setAttribute("type","text/css");document.head.appendChild(z)}if(z.sheet){z.sheet.insertRule(`@media ${t} {body{ }}`,0);k.add(t)}}catch(t){o.error(t)}}const E=':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: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-ellipsed .cat-button-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.cat-button-disabled{cursor:not-allowed;opacity:0.65;filter:grayscale(100%)}.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-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-outlined{background-color:white;box-shadow:inset 0 0 0 1px rgba(var(--base), 0.2);color:rgb(var(--text))}.cat-button-outlined:hover:not(.cat-button-disabled):not(.cat-button-loading){background-color:rgba(var(--base), 0.05)}.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:none}.cat-button-text:hover:not(.cat-button-disabled):not(.cat-button-loading){text-decoration:underline}.cat-button-primary{--bg:var(--cat-primary-bg, 32, 127, 138);--fill:var(--cat-primary-fill, 255, 255, 255);--text:var(--cat-primary-text, 32, 127, 138);--base:var(--cat-primary-text, 32, 127, 138)}.cat-button-primary:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-primary-bg-hover, 28, 112, 122);--fill:var(--cat-primary-fill-hover, 255, 255, 255);--text:var(--cat-primary-text-hover, 28, 112, 122)}.cat-button-primary:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:var(--cat-primary-bg-active, 25, 101, 110);--fill:var(--cat-primary-fill-active, 255, 255, 255);--text:var(--cat-primary-text-active, 25, 101, 110)}.cat-button-secondary{--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0;--base:105, 118, 135}.cat-button-secondary:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0}.cat-button-secondary:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:105, 118, 135;--fill:255, 255, 255;--text:0, 0, 0}.cat-button-success{--bg:0, 132, 88;--fill:255, 255, 255;--text:0, 132, 88;--base:0, 132, 88}.cat-button-success:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:0, 117, 78;--fill:255, 255, 255;--text:0, 117, 78}.cat-button-success:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:0, 105, 70;--fill:255, 255, 255;--text:0, 105, 70}.cat-button-warning{--bg:255, 206, 128;--fill:0, 0, 0;--text:159, 97, 0;--base:159, 97, 0}.cat-button-warning:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:255, 214, 148;--fill:0, 0, 0;--text:159, 97, 0}.cat-button-warning:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:255, 222, 168;--fill:0, 0, 0;--text:159, 97, 0}.cat-button-danger{--bg:217, 52, 13;--fill:255, 255, 255;--text:217, 52, 13;--base:217, 52, 13}.cat-button-danger:hover:not(.cat-button-disabled):not(.cat-button-loading){--bg:194, 46, 11;--fill:255, 255, 255;--text:194, 46, 11}.cat-button-danger:active:not(.cat-button-disabled):not(.cat-button-loading){--bg:174, 42, 10;--fill:255, 255, 255;--text:174, 42, 10}.cat-button-xs{min-width:1.5rem;padding:0.25rem 0.25rem;font-size:0.875rem;line-height:1rem}.cat-button-xs .cat-button-prefix{margin-right:0.25rem}.cat-button-xs .cat-button-suffix{margin-left:0.25rem}.cat-button-xs.cat-button-icon{width:1.5rem;padding-left:0;padding-right:0}:host-context(nav) .cat-button-xs{padding-left:1rem;padding-right:1rem}.cat-button-s{min-width:2rem;padding:0.375rem 0.5rem;font-size:0.9375rem;line-height:1.25rem}.cat-button-s .cat-button-prefix{margin-right:0.25rem}.cat-button-s .cat-button-suffix{margin-left: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-context(nav) .cat-button-s{padding-left:1rem;padding-right:1rem}.cat-button-m{min-width:2.5rem;padding:0.625rem 0.75rem;font-size:0.9375rem;line-height:1.25rem}.cat-button-m .cat-button-prefix{margin-right:0.25rem}.cat-button-m .cat-button-suffix{margin-left: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-context(nav) .cat-button-m{padding-left:1rem;padding-right:1rem}.cat-button-l{min-width:3rem;padding:0.875rem 1rem;font-size:0.9375rem;line-height:1.25rem}.cat-button-l .cat-button-prefix{margin-right:0.25rem}.cat-button-l .cat-button-suffix{margin-left: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-context(nav) .cat-button-l{padding-left:1rem;padding-right:1rem}.cat-button-xl{min-width:3.5rem;padding:1rem 1.25rem;font-size:1.125rem;line-height:1.5rem}.cat-button-xl .cat-button-prefix{margin-right:0.25rem}.cat-button-xl .cat-button-suffix{margin-left:0.25rem}.cat-button-xl.cat-button-icon{width:3.5rem;padding-left:0;padding-right:0}:host-context(nav) .cat-button-xl{padding-left:1rem;padding-right:1rem}.cat-button-active::before{content:"";display:block;position:absolute;top:0;left:0;width:0.25rem;height:100%;background:rgb(var(--base))}:host-context(nav){width:100%}:host-context(nav) .cat-button{box-shadow:none;border-radius:0;justify-content:left}:host-context(nav) .cat-button:focus-visible{outline-offset:-2px}:host(.cat-text-left) .cat-button{justify-content:left}:host(.cat-text-right) .cat-button{justify-content:right}';const C=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.disabled=false;this.loading=false;this.submit=false;this.noEllipsis=false;this.round=false;this.iconOnly=false;this.iconRight=false}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(w(t)){(i=this.mediaMatcher)!==null&&i!==void 0?i:this.mediaMatcher=new S;this.mediaQueryList=this.mediaMatcher.matchMedia(v[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){o.warn("[A11y] Missing ARIA label on icon button",this)}}haltDisabledEvents(t){if(this.disabled||this.loading){t.preventDefault();t.stopImmediatePropagation()}}async setFocus(t){this.button.focus(t)}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,id:this.buttonId,part:"button",class:{"cat-button":true,"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",{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,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)},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)&&this._iconOnly}get hasPrefixIcon(){return Boolean(this.icon)&&!this._iconOnly&&!this.iconRight}get hasSuffixIcon(){return Boolean(this.icon)&&!this._iconOnly&&this.iconRight}get content(){return[this.hasPrefixIcon?e("cat-icon",{icon:this.icon,size:this.iconSize,class:"cat-button-prefix",part:"prefix"}):null,this.isIconButton?e("cat-icon",{icon:this.icon,size:this.iconSize}):e("span",{class:"cat-button-content",part:"content"},e("slot",null)),this.hasSuffixIcon?e("cat-icon",{icon:this.icon,size:this.iconSize,class:"cat-button-suffix",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"]}}};C.style=E;const T=":host{display:block;margin-bottom:1rem;border-radius:0.5rem;background-color:white;padding:1.5rem}:host([hidden]){display:none}::slotted(nav){margin:-1rem -1.5rem !important}::slotted(:last-child){margin-bottom:0}";const F=class{constructor(e){t(this,e)}render(){return e(i,null,e("slot",null))}};F.style=T;const I=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;margin:0}: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;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}input{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}.box{flex:0 0 auto;display:flex;position:relative;height:1.25rem;width:1.25rem;background-color:white;border:1px solid #d7dbe0;border-radius:0.125rem;transition:background-color 0.13s ease, border-color 0.13s ease}.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:70%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.99)}:checked+.box{background-color:rgb(var(--cat-primary-bg, 32, 127, 138));border-color:rgb(var(--cat-primary-bg, 32, 127, 138));stroke:rgb(var(--cat-primary-fill, 255, 255, 255))}:checked+.box .check{stroke-dashoffset:0}:indeterminate+.box{background-color:rgb(var(--cat-primary-bg, 32, 127, 138));border-color:rgb(var(--cat-primary-bg, 32, 127, 138));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}.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, 105, 118, 135))}";let B=0;const O=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-${B++}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.indeterminate=false;this.label="";this.labelHidden=false;this.required=false}componentDidLoad(){if(this.input&&this.indeterminate){this.input.indeterminate=true}}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on checkbox",this)}}async setFocus(t){this.input.focus(t)}render(){return e(i,null,e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled}},e("input",{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,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.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};O.style=I;const R=":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 j=class{constructor(e){t(this,e);this.iconRegistry=a.getInstance();this.icon="";this.size="m"}render(){return e("span",{innerHTML:this.iconRegistry.getIcon(this.icon),"aria-label":this.a11yLabel,"aria-hidden":this.a11yLabel?null:"true",part:"icon",class:{icon:true,[`icon-${this.size}`]:this.size!=="inline"}})}};j.style=R;const _=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;margin:0}:host{display:flex;flex-direction:column;gap:0.5rem;font-size:0.9375rem;line-height:1.25rem;margin-bottom:1rem}:host([hidden]){display:none}.input-wrapper{display:flex;align-items:stretch;gap:0.75rem;padding:0 0.75rem;height:2.5rem;overflow:hidden;background:white;border-radius:0.25rem;box-shadow:0 0 0 1px #d7dbe0;transition:box-shadow 0.13s linear}.input-wrapper.input-round{border-radius:10rem}.input-wrapper.input-disabled{background:#f8f8fb;cursor:not-allowed;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.input-wrapper:not(.input-disabled):hover{box-shadow:0 0 0 2px #d7dbe0}.input-wrapper:not(.input-disabled):focus-within{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255))}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}.input-optional{margin-left:0.25rem;font-size:0.75rem;line-height:1rem;color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.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 #d7dbe0;padding-right:0.75rem}.text-suffix{border-left:1px solid #d7dbe0;padding-left:0.75rem}.icon-prefix,.icon-suffix{align-self:center}.input-inner-wrapper{display:flex;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, 105, 118, 135))}input.has-clearable{padding-right:1.5rem}input::placeholder{color:rgb(var(--cat-font-color-muted, 105, 118, 135))}.clearable{position:absolute;top:calc(50% - 1rem);right:-0.5rem}";let $=0;const D=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.i18n=l.getInstance();this.id=`cat-input-${$++}`;this.hasSlottedLabel=false;this.clearable=false;this.disabled=false;this.iconRight=false;this.label="";this.labelHidden=false;this.name="";this.readonly=false;this.required=false;this.round=false;this.type="text"}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on input",this)}}async setFocus(t){this.input.focus(t)}async clear(){this.value=""}render(){return e(i,null,(this.hasSlottedLabel||this.label)&&e("label",{htmlFor:this.id,class:{hidden:this.labelHidden}},e("span",{part:"label"},this.hasSlottedLabel&&e("slot",{name:"label"})||this.label,!this.required&&e("span",{class:"input-optional","aria-hidden":"true"},"(",this.i18n.getMessage("input.optional"),")"))),e("div",{class:{"input-wrapper":true,"input-round":this.round,"input-disabled":this.disabled},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",{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.max,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)}),this.clearable&&!this.disabled&&this.value&&e("cat-button",{class:"clearable",icon:"cross-circle-outlined","icon-only":"true",size:"s",variant:"text","a11y-label":this.i18n.getMessage("input.clear"),onClick:this.clear.bind(this)})),this.icon&&this.iconRight&&e("cat-icon",{icon:this.icon,class:"icon-suffix",size:"l"}),this.textSuffix&&e("span",{class:"text-suffix",part:"suffix"},this.textSuffix)),this.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};D.style=_;function L(t){return t.split("-")[0]}function P(t){return t.split("-")[1]}function N(t){return["top","bottom"].includes(L(t))?"x":"y"}function M(t){return t==="y"?"height":"width"}function V(t,e,i){let{reference:n,floating:r}=t;const o=n.x+n.width/2-r.width/2;const s=n.y+n.height/2-r.height/2;const a=N(e);const l=M(a);const c=n[l]/2-r[l]/2;const h=L(e);const u=a==="x";let d;switch(h){case"top":d={x:o,y:n.y-r.height};break;case"bottom":d={x:o,y:n.y+n.height};break;case"right":d={x:n.x+n.width,y:s};break;case"left":d={x:n.x-r.width,y:s};break;default:d={x:n.x,y:n.y}}switch(P(e)){case"start":d[a]-=c*(i&&u?-1:1);break;case"end":d[a]+=c*(i&&u?-1:1);break}return d}const U=async(t,e,i)=>{const{placement:n="bottom",strategy:r="absolute",middleware:o=[],platform:s}=i;const a=await(s.isRTL==null?void 0:s.isRTL(e));let l=await s.getElementRects({reference:t,floating:e,strategy:r});let{x:c,y:h}=V(l,n,a);let u=n;let d={};for(let i=0;i<o.length;i++){const{name:f,fn:b}=o[i];const{x:p,y:m,data:g,reset:v}=await b({x:c,y:h,initialPlacement:n,placement:u,strategy:r,middlewareData:d,rects:l,platform:s,elements:{reference:t,floating:e}});c=p!=null?p:c;h=m!=null?m:h;d={...d,[f]:{...d[f],...g}};if(v){if(typeof v==="object"){if(v.placement){u=v.placement}if(v.rects){l=v.rects===true?await s.getElementRects({reference:t,floating:e,strategy:r}):v.rects}({x:c,y:h}=V(l,u,a))}i=-1;continue}}return{x:c,y:h,placement:u,strategy:r,middlewareData:d}};function q(t){return{top:0,right:0,bottom:0,left:0,...t}}function W(t){return typeof t!=="number"?q(t):{top:t,right:t,bottom:t,left:t}}function H(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function Y(t,e){var i;if(e===void 0){e={}}const{x:n,y:r,platform:o,rects:s,elements:a,strategy:l}=t;const{boundary:c="clippingAncestors",rootBoundary:h="viewport",elementContext:u="floating",altBoundary:d=false,padding:f=0}=e;const b=W(f);const p=u==="floating"?"reference":"floating";const m=a[d?p:u];const g=H(await o.getClippingRect({element:((i=await(o.isElement==null?void 0:o.isElement(m)))!=null?i:true)?m:m.contextElement||await(o.getDocumentElement==null?void 0:o.getDocumentElement(a.floating)),boundary:c,rootBoundary:h,strategy:l}));const v=H(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({rect:u==="floating"?{...s.floating,x:n,y:r}:s.reference,offsetParent:await(o.getOffsetParent==null?void 0:o.getOffsetParent(a.floating)),strategy:l}):s[u]);return{top:g.top-v.top+b.top,bottom:v.bottom-g.bottom+b.bottom,left:g.left-v.left+b.left,right:v.right-g.right+b.right}}const X={left:"right",right:"left",bottom:"top",top:"bottom"};function G(t){return t.replace(/left|right|bottom|top/g,(t=>X[t]))}function K(t,e,i){if(i===void 0){i=false}const n=P(t);const r=N(t);const o=M(r);let s=r==="x"?n===(i?"end":"start")?"right":"left":n==="start"?"bottom":"top";if(e.reference[o]>e.floating[o]){s=G(s)}return{main:s,cross:G(s)}}const J={start:"end",end:"start"};function Q(t){return t.replace(/start|end/g,(t=>J[t]))}function Z(t){const e=G(t);return[Q(t),e,Q(e)]}const tt=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(e){var i;const{placement:n,middlewareData:r,rects:o,initialPlacement:s,platform:a,elements:l}=e;const{mainAxis:c=true,crossAxis:h=true,fallbackPlacements:u,fallbackStrategy:d="bestFit",flipAlignment:f=true,...b}=t;const p=L(n);const m=p===s;const g=u||(m||!f?[G(s)]:Z(s));const v=[s,...g];const w=await Y(e,b);const x=[];let y=((i=r.flip)==null?void 0:i.overflows)||[];if(c){x.push(w[p])}if(h){const{main:t,cross:e}=K(n,o,await(a.isRTL==null?void 0:a.isRTL(l.floating)));x.push(w[t],w[e])}y=[...y,{placement:n,overflows:x}];if(!x.every((t=>t<=0))){var k,z;const t=((k=(z=r.flip)==null?void 0:z.index)!=null?k:0)+1;const e=v[t];if(e){return{data:{index:t,overflows:y},reset:{placement:e}}}let i="bottom";switch(d){case"bestFit":{var S;const t=(S=y.map((t=>[t,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])==null?void 0:S[0].placement;if(t){i=t}break}case"initialPlacement":i=s;break}if(n!==i){return{reset:{placement:i}}}}return{}}}};function et(t,e,i,n){if(n===void 0){n=false}const r=L(t);const o=P(t);const s=N(t)==="x";const a=["left","top"].includes(r)?-1:1;const l=n&&s?-1:1;const c=typeof i==="function"?i({...e,placement:t}):i;let{mainAxis:h,crossAxis:u,alignmentAxis:d}=typeof c==="number"?{mainAxis:c,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...c};if(o&&typeof d==="number"){u=o==="end"?d*-1:d}return s?{x:u*l,y:h*a}:{x:h*a,y:u*l}}const it=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(e){const{x:i,y:n,placement:r,rects:o,platform:s,elements:a}=e;const l=et(r,o,t,await(s.isRTL==null?void 0:s.isRTL(a.floating)));return{x:i+l.x,y:n+l.y,data:l}}}};function nt(t){return(t==null?void 0:t.toString())==="[object Window]"}function rt(t){if(t==null){return window}if(!nt(t)){const e=t.ownerDocument;return e?e.defaultView||window:window}return t}function ot(t){return rt(t).getComputedStyle(t)}function st(t){return nt(t)?"":t?(t.nodeName||"").toLowerCase():""}function at(t){return t instanceof rt(t).HTMLElement}function lt(t){return t instanceof rt(t).Element}function ct(t){return t instanceof rt(t).Node}function ht(t){const e=rt(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function ut(t){const{overflow:e,overflowX:i,overflowY:n}=ot(t);return/auto|scroll|overlay|hidden/.test(e+n+i)}function dt(t){return["table","td","th"].includes(st(t))}function ft(t){const e=navigator.userAgent.toLowerCase().includes("firefox");const i=ot(t);return i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].includes(i.willChange)||e&&i.willChange==="filter"||e&&(i.filter?i.filter!=="none":false)}function bt(){return!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}const pt=Math.min;const mt=Math.max;const gt=Math.round;function vt(t,e,i){if(e===void 0){e=false}if(i===void 0){i=false}const n=t.getBoundingClientRect();let r=1;let o=1;if(e&&at(t)){r=t.offsetWidth>0?gt(n.width)/t.offsetWidth||1:1;o=t.offsetHeight>0?gt(n.height)/t.offsetHeight||1:1}const s=lt(t)?rt(t):window;const a=!bt()&&i;const l=(n.left+(a?s.visualViewport.offsetLeft:0))/r;const c=(n.top+(a?s.visualViewport.offsetTop:0))/o;const h=n.width/r;const u=n.height/o;return{width:h,height:u,top:c,right:l+h,bottom:c+u,left:l,x:l,y:c}}function wt(t){return((ct(t)?t.ownerDocument:t.document)||window.document).documentElement}function xt(t){if(nt(t)){return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function yt(t){return vt(wt(t)).left+xt(t).scrollLeft}function kt(t){const e=vt(t);return gt(e.width)!==t.offsetWidth||gt(e.height)!==t.offsetHeight}function zt(t,e,i){const n=at(e);const r=wt(e);const o=vt(t,n&&kt(e),i==="fixed");let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(n||!n&&i!=="fixed"){if(st(e)!=="body"||ut(r)){s=xt(e)}if(at(e)){const t=vt(e,true);a.x=t.x+e.clientLeft;a.y=t.y+e.clientTop}else if(r){a.x=yt(r)}}return{x:o.left+s.scrollLeft-a.x,y:o.top+s.scrollTop-a.y,width:o.width,height:o.height}}function St(t){if(st(t)==="html"){return t}return t.assignedSlot||t.parentNode||(ht(t)?t.host:null)||wt(t)}function At(t){if(!at(t)||getComputedStyle(t).position==="fixed"){return null}return t.offsetParent}function Et(t){let e=St(t);if(ht(e)){e=e.host}while(at(e)&&!["html","body"].includes(st(e))){if(ft(e)){return e}else{e=e.parentNode}}return null}function Ct(t){const e=rt(t);let i=At(t);while(i&&dt(i)&&getComputedStyle(i).position==="static"){i=At(i)}if(i&&(st(i)==="html"||st(i)==="body"&&getComputedStyle(i).position==="static"&&!ft(i))){return e}return i||Et(t)||e}function Tt(t){if(at(t)){return{width:t.offsetWidth,height:t.offsetHeight}}const e=vt(t);return{width:e.width,height:e.height}}function Ft(t){let{rect:e,offsetParent:i,strategy:n}=t;const r=at(i);const o=wt(i);if(i===o){return e}let s={scrollLeft:0,scrollTop:0};const a={x:0,y:0};if(r||!r&&n!=="fixed"){if(st(i)!=="body"||ut(o)){s=xt(i)}if(at(i)){const t=vt(i,true);a.x=t.x+i.clientLeft;a.y=t.y+i.clientTop}}return{...e,x:e.x-s.scrollLeft+a.x,y:e.y-s.scrollTop+a.y}}function It(t,e){const i=rt(t);const n=wt(t);const r=i.visualViewport;let o=n.clientWidth;let s=n.clientHeight;let a=0;let l=0;if(r){o=r.width;s=r.height;const t=bt();if(t||!t&&e==="fixed"){a=r.offsetLeft;l=r.offsetTop}}return{width:o,height:s,x:a,y:l}}function Bt(t){var e;const i=wt(t);const n=xt(t);const r=(e=t.ownerDocument)==null?void 0:e.body;const o=mt(i.scrollWidth,i.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0);const s=mt(i.scrollHeight,i.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let a=-n.scrollLeft+yt(t);const l=-n.scrollTop;if(ot(r||i).direction==="rtl"){a+=mt(i.clientWidth,r?r.clientWidth:0)-o}return{width:o,height:s,x:a,y:l}}function Ot(t){const e=St(t);if(["html","body","#document"].includes(st(e))){return t.ownerDocument.body}if(at(e)&&ut(e)){return e}return Ot(e)}function Rt(t,e){var i;if(e===void 0){e=[]}const n=Ot(t);const r=n===((i=t.ownerDocument)==null?void 0:i.body);const o=rt(n);const s=r?[o].concat(o.visualViewport||[],ut(n)?n:[]):n;const a=e.concat(s);return r?a:a.concat(Rt(St(s)))}function jt(t,e){const i=e.getRootNode==null?void 0:e.getRootNode();if(t.contains(e)){return true}else if(i&&ht(i)){let i=e;do{if(i&&t===i){return true}i=i.parentNode||i.host}while(i)}return false}function _t(t,e){const i=vt(t,false,e==="fixed");const n=i.top+t.clientTop;const r=i.left+t.clientLeft;return{top:n,left:r,x:r,y:n,right:r+t.clientWidth,bottom:n+t.clientHeight,width:t.clientWidth,height:t.clientHeight}}function $t(t,e,i){if(e==="viewport"){return H(It(t,i))}if(lt(e)){return _t(e,i)}return H(Bt(wt(t)))}function Dt(t){const e=Rt(t);const i=["absolute","fixed"].includes(ot(t).position);const n=i&&at(t)?Ct(t):t;if(!lt(n)){return[]}return e.filter((t=>lt(t)&&jt(t,n)&&st(t)!=="body"))}function Lt(t){let{element:e,boundary:i,rootBoundary:n,strategy:r}=t;const o=i==="clippingAncestors"?Dt(e):[].concat(i);const s=[...o,n];const a=s[0];const l=s.reduce(((t,i)=>{const n=$t(e,i,r);t.top=mt(n.top,t.top);t.right=pt(n.right,t.right);t.bottom=pt(n.bottom,t.bottom);t.left=mt(n.left,t.left);return t}),$t(e,a,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}const Pt={getClippingRect:Lt,convertOffsetParentRelativeRectToViewportRelativeRect:Ft,isElement:lt,getDimensions:Tt,getOffsetParent:Ct,getDocumentElement:wt,getElementRects:t=>{let{reference:e,floating:i,strategy:n}=t;return{reference:zt(e,Ct(i),n),floating:{...Tt(i),x:0,y:0}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>ot(t).direction==="rtl"};function Nt(t,e,i,n){if(n===void 0){n={}}const{ancestorScroll:r=true,ancestorResize:o=true,elementResize:s=true,animationFrame:a=false}=n;let l=false;const c=r&&!a;const h=o&&!a;const u=s&&!a;const d=c||h?[...lt(t)?Rt(t):[],...Rt(e)]:[];d.forEach((t=>{c&&t.addEventListener("scroll",i,{passive:true});h&&t.addEventListener("resize",i)}));let f=null;if(u){f=new ResizeObserver(i);lt(t)&&f.observe(t);f.observe(e)}let b;let p=a?vt(t):null;if(a){m()}function m(){if(l){return}const e=vt(t);if(p&&(e.x!==p.x||e.y!==p.y||e.width!==p.width||e.height!==p.height)){i()}p=e;b=requestAnimationFrame(m)}return()=>{var t;l=true;d.forEach((t=>{c&&t.removeEventListener("scroll",i);h&&t.removeEventListener("resize",i)}));(t=f)==null?void 0:t.disconnect();f=null;if(a){cancelAnimationFrame(b)}}}const Mt=(t,e,i)=>U(t,e,{platform:Pt,...i})
2
+ /*!
3
+ * tabbable 5.3.1
4
+ * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
5
+ */;var Vt=["input","select","textarea","a[href]","button","[tabindex]:not(slot)","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"];var Ut=Vt.join(",");var qt=typeof Element==="undefined";var Wt=qt?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;var Ht=!qt&&Element.prototype.getRootNode?function(t){return t.getRootNode()}:function(t){return t.ownerDocument};var Yt=function t(e,i,n){var r=Array.prototype.slice.apply(e.querySelectorAll(Ut));if(i&&Wt.call(e,Ut)){r.unshift(e)}r=r.filter(n);return r};var Xt=function t(e,i,n){var r=[];var o=Array.from(e);while(o.length){var s=o.shift();if(s.tagName==="SLOT"){var a=s.assignedElements();var l=a.length?a:s.children;var c=t(l,true,n);if(n.flatten){r.push.apply(r,c)}else{r.push({scope:s,candidates:c})}}else{var h=Wt.call(s,Ut);if(h&&n.filter(s)&&(i||!e.includes(s))){r.push(s)}var u=s.shadowRoot||typeof n.getShadowRoot==="function"&&n.getShadowRoot(s);if(u){var d=t(u===true?s.children:u.children,true,n);if(n.flatten){r.push.apply(r,d)}else{r.push({scope:s,candidates:d})}}else{o.unshift.apply(o,s.children)}}}return r};var Gt=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 Kt=function t(e,i){return e.tabIndex===i.tabIndex?e.documentOrder-i.documentOrder:e.tabIndex-i.tabIndex};var Jt=function t(e){return e.tagName==="INPUT"};var Qt=function t(e){return Jt(e)&&e.type==="hidden"};var Zt=function t(e){var i=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some((function(t){return t.tagName==="SUMMARY"}));return i};var te=function t(e,i){for(var n=0;n<e.length;n++){if(e[n].checked&&e[n].form===i){return e[n]}}};var ee=function t(e){if(!e.name){return true}var i=e.form||Ht(e);var n=function t(e){return i.querySelectorAll('input[type="radio"][name="'+e+'"]')};var r;if(typeof window!=="undefined"&&typeof window.CSS!=="undefined"&&typeof window.CSS.escape==="function"){r=n(window.CSS.escape(e.name))}else{try{r=n(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 o=te(r,e.form);return!o||o===e};var ie=function t(e){return Jt(e)&&e.type==="radio"};var ne=function t(e){return ie(e)&&!ee(e)};var re=function t(e){var i=e.getBoundingClientRect(),n=i.width,r=i.height;return n===0&&r===0};var oe=function t(e,i){var n=i.displayCheck,r=i.getShadowRoot;if(getComputedStyle(e).visibility==="hidden"){return true}var o=Wt.call(e,"details>summary:first-of-type");var s=o?e.parentElement:e;if(Wt.call(s,"details:not([open]) *")){return true}if(!n||n==="full"){if(typeof r==="function"){var a=e;while(e){var l=e.parentElement;var c=Ht(e);if(l&&!l.shadowRoot&&r(l)===true){return re(e)}else if(e.assignedSlot){e=e.assignedSlot}else if(!l&&c!==e.ownerDocument){e=c.host}else{e=l}}e=a}return!e.getClientRects().length}else if(n==="non-zero-area"){return re(e)}return false};var se=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 n=0;n<i.children.length;n++){var r=i.children.item(n);if(r.tagName==="LEGEND"){return Wt.call(i,"fieldset[disabled] *")?true:!r.contains(e)}}return true}i=i.parentElement}}return false};var ae=function t(e,i){if(i.disabled||Qt(i)||oe(i,e)||Zt(i)||se(i)){return false}return true};var le=function t(e,i){if(ne(i)||Gt(i)<0||!ae(e,i)){return false}return true};var ce=function t(e){var i=[];var n=[];e.forEach((function(e,r){var o=!!e.scope;var s=o?e.scope:e;var a=Gt(s,o);var l=o?t(e.candidates):s;if(a===0){o?i.push.apply(i,l):i.push(s)}else{n.push({documentOrder:r,tabIndex:a,item:e,isScope:o,content:l})}}));return n.sort(Kt).reduce((function(t,e){e.isScope?t.push.apply(t,e.content):t.push(e.content);return t}),[]).concat(i)};var he=function t(e,i){i=i||{};var n;if(i.getShadowRoot){n=Xt([e],i.includeContainer,{filter:le.bind(null,i),flatten:false,getShadowRoot:i.getShadowRoot})}else{n=Yt(e,i.includeContainer,le.bind(null,i))}return ce(n)};var ue=function t(e,i){i=i||{};var n;if(i.getShadowRoot){n=Xt([e],i.includeContainer,{filter:ae.bind(null,i),flatten:true,getShadowRoot:i.getShadowRoot})}else{n=Yt(e,i.includeContainer,ae.bind(null,i))}return n};var de=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(Wt.call(e,Ut)===false){return false}return le(i,e)};var fe=Vt.concat("iframe").join(",");var be=function t(e,i){i=i||{};if(!e){throw new Error("No node provided")}if(Wt.call(e,fe)===false){return false}return ae(i,e)};
6
+ /*!
7
+ * focus-trap 6.8.1
8
+ * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
9
+ */function pe(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,n)}return i}function me(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?pe(Object(i),!0).forEach((function(e){ge(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):pe(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function ge(t,e,i){if(e in t){Object.defineProperty(t,e,{value:i,enumerable:true,configurable:true,writable:true})}else{t[e]=i}return t}var ve=function(){var t=[];return{activateTrap:function e(i){if(t.length>0){var n=t[t.length-1];if(n!==i){n.pause()}}var r=t.indexOf(i);if(r===-1){t.push(i)}else{t.splice(r,1);t.push(i)}},deactivateTrap:function e(i){var n=t.indexOf(i);if(n!==-1){t.splice(n,1)}if(t.length>0){t[t.length-1].unpause()}}}}();var we=function t(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select==="function"};var xe=function t(e){return e.key==="Escape"||e.key==="Esc"||e.keyCode===27};var ye=function t(e){return e.key==="Tab"||e.keyCode===9};var ke=function t(e){return setTimeout(e,0)};var ze=function t(e,i){var n=-1;e.every((function(t,e){if(i(t)){n=e;return false}return true}));return n};var Se=function t(e){for(var i=arguments.length,n=new Array(i>1?i-1:0),r=1;r<i;r++){n[r-1]=arguments[r]}return typeof e==="function"?e.apply(void 0,n):e};var Ae=function t(e){return e.target.shadowRoot&&typeof e.composedPath==="function"?e.composedPath()[0]:e.target};var Ee=function t(e,i){var n=(i===null||i===void 0?void 0:i.document)||document;var r=me({returnFocusOnDeactivate:true,escapeDeactivates:true,delayInitialFocus:true},i);var o={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:false,paused:false,delayInitialFocusTimer:undefined};var s;var a=function t(e,i,n){return e&&e[i]!==undefined?e[i]:r[n||i]};var l=function t(e){return o.containerGroups.findIndex((function(t){var i=t.container,n=t.tabbableNodes;return i.contains(e)||n.find((function(t){return t===e}))}))};var c=function t(e){var i=r[e];if(typeof i==="function"){for(var o=arguments.length,s=new Array(o>1?o-1:0),a=1;a<o;a++){s[a-1]=arguments[a]}i=i.apply(void 0,s)}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=n.querySelector(i);if(!l){throw new Error("`".concat(e,"` as selector refers to no known node"))}}return l};var h=function t(){var e=c("initialFocus");if(e===false){return false}if(e===undefined){if(l(n.activeElement)>=0){e=n.activeElement}else{var i=o.tabbableGroups[0];var r=i&&i.firstTabbableNode;e=r||c("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=he(t,r.tabbableOptions);var i=ue(t,r.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 n=arguments.length>1&&arguments[1]!==undefined?arguments[1]:true;var o=i.findIndex((function(t){return t===e}));if(o<0){return undefined}if(n){return i.slice(o+1).find((function(t){return de(t,r.tabbableOptions)}))}return i.slice(0,o).reverse().find((function(t){return de(t,r.tabbableOptions)}))}}}));o.tabbableGroups=o.containerGroups.filter((function(t){return t.tabbableNodes.length>0}));if(o.tabbableGroups.length<=0&&!c("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 d=function t(e){if(e===false){return}if(e===n.activeElement){return}if(!e||!e.focus){t(h());return}e.focus({preventScroll:!!r.preventScroll});o.mostRecentlyFocusedNode=e;if(we(e)){e.select()}};var f=function t(e){var i=c("setReturnFocus",e);return i?i:i===false?false:e};var b=function t(e){var i=Ae(e);if(l(i)>=0){return}if(Se(r.clickOutsideDeactivates,e)){s.deactivate({returnFocus:r.returnFocusOnDeactivate&&!be(i,r.tabbableOptions)});return}if(Se(r.allowOutsideClick,e)){return}e.preventDefault()};var p=function t(e){var i=Ae(e);var n=l(i)>=0;if(n||i instanceof Document){if(n){o.mostRecentlyFocusedNode=i}}else{e.stopImmediatePropagation();d(o.mostRecentlyFocusedNode||h())}};var m=function t(e){var i=Ae(e);u();var n=null;if(o.tabbableGroups.length>0){var s=l(i);var a=s>=0?o.containerGroups[s]:undefined;if(s<0){if(e.shiftKey){n=o.tabbableGroups[o.tabbableGroups.length-1].lastTabbableNode}else{n=o.tabbableGroups[0].firstTabbableNode}}else if(e.shiftKey){var h=ze(o.tabbableGroups,(function(t){var e=t.firstTabbableNode;return i===e}));if(h<0&&(a.container===i||be(i,r.tabbableOptions)&&!de(i,r.tabbableOptions)&&!a.nextTabbableNode(i,false))){h=s}if(h>=0){var f=h===0?o.tabbableGroups.length-1:h-1;var b=o.tabbableGroups[f];n=b.lastTabbableNode}}else{var p=ze(o.tabbableGroups,(function(t){var e=t.lastTabbableNode;return i===e}));if(p<0&&(a.container===i||be(i,r.tabbableOptions)&&!de(i,r.tabbableOptions)&&!a.nextTabbableNode(i))){p=s}if(p>=0){var m=p===o.tabbableGroups.length-1?0:p+1;var g=o.tabbableGroups[m];n=g.firstTabbableNode}}}else{n=c("fallbackFocus")}if(n){e.preventDefault();d(n)}};var g=function t(e){if(xe(e)&&Se(r.escapeDeactivates,e)!==false){e.preventDefault();s.deactivate();return}if(ye(e)){m(e);return}};var v=function t(e){if(Se(r.clickOutsideDeactivates,e)){return}var i=Ae(e);if(l(i)>=0){return}if(Se(r.allowOutsideClick,e)){return}e.preventDefault();e.stopImmediatePropagation()};var w=function t(){if(!o.active){return}ve.activateTrap(s);o.delayInitialFocusTimer=r.delayInitialFocus?ke((function(){d(h())})):d(h());n.addEventListener("focusin",p,true);n.addEventListener("mousedown",b,{capture:true,passive:false});n.addEventListener("touchstart",b,{capture:true,passive:false});n.addEventListener("click",v,{capture:true,passive:false});n.addEventListener("keydown",g,{capture:true,passive:false});return s};var x=function t(){if(!o.active){return}n.removeEventListener("focusin",p,true);n.removeEventListener("mousedown",b,true);n.removeEventListener("touchstart",b,true);n.removeEventListener("click",v,true);n.removeEventListener("keydown",g,true);return s};s={activate:function t(e){if(o.active){return this}var i=a(e,"onActivate");var r=a(e,"onPostActivate");var s=a(e,"checkCanFocusTrap");if(!s){u()}o.active=true;o.paused=false;o.nodeFocusedBeforeActivation=n.activeElement;if(i){i()}var l=function t(){if(s){u()}w();if(r){r()}};if(s){s(o.containers.concat()).then(l,l);return this}l();return this},deactivate:function t(e){if(!o.active){return this}clearTimeout(o.delayInitialFocusTimer);o.delayInitialFocusTimer=undefined;x();o.active=false;o.paused=false;ve.deactivateTrap(s);var i=a(e,"onDeactivate");var n=a(e,"onPostDeactivate");var r=a(e,"checkCanReturnFocus");if(i){i()}var l=a(e,"returnFocus","returnFocusOnDeactivate");var c=function t(){ke((function(){if(l){d(f(o.nodeFocusedBeforeActivation))}if(n){n()}}))};if(l&&r){r(f(o.nodeFocusedBeforeActivation)).then(c,c);return this}c();return this},pause:function t(){if(o.paused||!o.active){return this}o.paused=true;x();return this},unpause:function t(){if(!o.paused||!o.active){return this}o.paused=false;u();w();return this},updateContainerElements:function t(e){var i=[].concat(e).filter(Boolean);o.containers=i.map((function(t){return typeof t==="string"?n.querySelector(t):t}));if(o.active){u()}return this}};s.updateContainerElements(e);return s};const Ce=t=>(t?he(t,{includeContainer:true,getShadowRoot:true}):[]).shift();const Te=":host{display:contents}:host([hidden]){display:none}.content{padding-top:0.5rem;padding-bottom:0.5rem;position:absolute;background:white;display:none;overflow:auto;-webkit-overflow-scrolling:touch;min-width:8rem;max-width:16rem;min-height:2rem;max-height:calc(100vh - 48px);box-shadow:0 1px 4px 0 rgba(16, 29, 48, 0.2);border-radius:0.25rem;z-index:100}";let Fe=0;const Ie=class{constructor(e){t(this,e);this.catOpen=n(this,"catOpen",7);this.catClose=n(this,"catClose",7);this.id=Fe++;this.placement="bottom-start"}clickHandler(t){var e;if(this.content&&t.composedPath().includes(this.content)){(e=this.trap)===null||e===void 0?void 0:e.deactivate();this.hide()}}componentDidLoad(){var t,e,i,n,r;this.trigger=Ce(this.triggerSlot);(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-haspopup","true");(e=this.trigger)===null||e===void 0?void 0:e.setAttribute("aria-expanded","false");(i=this.trigger)===null||i===void 0?void 0:i.setAttribute("aria-controls",this.contentId);(n=this.content)===null||n===void 0?void 0:n.setAttribute("id",this.contentId);if(this.trigger&&this.content){(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("click",(()=>this.show()));Nt(this.trigger,this.content,(()=>this.update()))}this.keyListener=t=>{if(this.content&&["ArrowDown","ArrowUp"].includes(t.key)){const e=he(this.content,{includeContainer:false,getShadowRoot:true});const i=Ce(document.activeElement);const n=i?e.indexOf(i):-1;const r=t.key==="ArrowDown"?1:-1;const o=n<0?0:(n+r+e.length)%e.length;e[o].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",{class:"content",ref:t=>this.content=t},e("slot",{name:"content"})))}get contentId(){return`cat-menu-${this.id}`}show(){var t;if(this.content){this.content.style.display="block";(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):Ee(this.content,{tabbableOptions:{getShadowRoot:true},allowOutsideClick:true,clickOutsideDeactivates:t=>!this.content||!t.composedPath().includes(this.content),onPostDeactivate:()=>this.hide()});this.trap.activate()}}hide(){var t;if(this.content){this.content.style.display="";(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("aria-expanded","false");this.catClose.emit()}}update(){if(this.trigger&&this.content){Mt(this.trigger,this.content,{placement:this.placement,middleware:[it(Ie.OFFSET),tt()]}).then((({x:t,y:e})=>{if(this.content){Object.assign(this.content.style,{left:`${t}px`,top:`${e}px`})}}))}}};Ie.OFFSET=4;Ie.style=Te;const Be=".hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;margin:0}: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;cursor:pointer}.radio{display:flex;position:relative}.circle{position:absolute;width:0.75rem;height:0.75rem;background-color:rgb(var(--cat-primary-bg, 32, 127, 138));border-radius:10rem;top:calc(50% - 0.375rem);left:calc(50% - 0.375rem);visibility:hidden}input{margin:0;width:1.25rem;height:1.25rem;appearance:none;background-color:white;border:1px solid #d7dbe0;border-radius:10rem;cursor:inherit}input:checked{border-color:rgb(var(--cat-primary-bg, 32, 127, 138))}input:checked+.circle{visibility:visible}input:focus-visible{outline:2px solid rgb(var(--cat-border-color-focus, 0, 113, 255));outline-offset:1px}.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, 105, 118, 135))}.is-disabled input{background-color:#f8f8fb}.is-disabled input:checked{border-color:#d7dbe0}.is-disabled .circle{background-color:#d7dbe0}";let Oe=0;const Re=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-${++Oe}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on radio",this)}}async setFocus(t){this.input.focus(t)}render(){return e(i,null,e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled}},e("span",{class:"radio"},e("input",{ref:t=>this.input=t,id: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.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onChange(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};Re.style=Be;function je(t){return typeof t==="function"}function _e(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 $e=_e((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 De(t,e){if(t){const i=t.indexOf(e);0<=i&&t.splice(i,1)}}class Le{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(je(i)){try{i()}catch(e){t=e instanceof $e?e.errors:[e]}}const{_finalizers:n}=this;if(n){this._finalizers=null;for(const e of n){try{Me(e)}catch(e){t=t!==null&&t!==void 0?t:[];if(e instanceof $e){t=[...t,...e.errors]}else{t.push(e)}}}}if(t){throw new $e(t)}}}add(t){var e;if(t&&t!==this){if(this.closed){Me(t)}else{if(t instanceof Le){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)){De(e,t)}}remove(t){const{_finalizers:e}=this;e&&De(e,t);if(t instanceof Le){t._removeParent(this)}}}Le.EMPTY=(()=>{const t=new Le;t.closed=true;return t})();const Pe=Le.EMPTY;function Ne(t){return t instanceof Le||t&&"closed"in t&&je(t.remove)&&je(t.add)&&je(t.unsubscribe)}function Me(t){if(je(t)){t()}else{t.unsubscribe()}}const Ve={onUnhandledError:null,onStoppedNotification:null,Promise:undefined,useDeprecatedSynchronousErrorHandling:false,useDeprecatedNextContext:false};const Ue={setTimeout(t,e,...i){const{delegate:n}=Ue;if(n===null||n===void 0?void 0:n.setTimeout){return n.setTimeout(t,e,...i)}return setTimeout(t,e,...i)},clearTimeout(t){const{delegate:e}=Ue;return((e===null||e===void 0?void 0:e.clearTimeout)||clearTimeout)(t)},delegate:undefined};function qe(t){Ue.setTimeout((()=>{const{onUnhandledError:e}=Ve;if(e){e(t)}else{throw t}}))}function We(){}const He=(()=>Ge("C",undefined,undefined))();function Ye(t){return Ge("E",undefined,t)}function Xe(t){return Ge("N",t,undefined)}function Ge(t,e,i){return{kind:t,value:e,error:i}}function Ke(t){{t()}}class Je extends Le{constructor(t){super();this.isStopped=false;if(t){this.destination=t;if(Ne(t)){t.add(this)}}else{this.destination=oi}}static create(t,e,i){return new ei(t,e,i)}next(t){if(this.isStopped){ri(Xe(t),this)}else{this._next(t)}}error(t){if(this.isStopped){ri(Ye(t),this)}else{this.isStopped=true;this._error(t)}}complete(){if(this.isStopped){ri(He,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 Qe=Function.prototype.bind;function Ze(t,e){return Qe.call(t,e)}class ti{constructor(t){this.partialObserver=t}next(t){const{partialObserver:e}=this;if(e.next){try{e.next(t)}catch(t){ii(t)}}}error(t){const{partialObserver:e}=this;if(e.error){try{e.error(t)}catch(t){ii(t)}}else{ii(t)}}complete(){const{partialObserver:t}=this;if(t.complete){try{t.complete()}catch(t){ii(t)}}}}class ei extends Je{constructor(t,e,i){super();let n;if(je(t)||!t){n={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&&Ve.useDeprecatedNextContext){e=Object.create(t);e.unsubscribe=()=>this.unsubscribe();n={next:t.next&&Ze(t.next,e),error:t.error&&Ze(t.error,e),complete:t.complete&&Ze(t.complete,e)}}else{n=t}}this.destination=new ti(n)}}function ii(t){{qe(t)}}function ni(t){throw t}function ri(t,e){const{onStoppedNotification:i}=Ve;i&&Ue.setTimeout((()=>i(t,e)))}const oi={closed:true,next:We,error:ni,complete:We};const si=(()=>typeof Symbol==="function"&&Symbol.observable||"@@observable")();function ai(t){return t}function li(t){if(t.length===0){return ai}if(t.length===1){return t[0]}return function e(i){return t.reduce(((t,e)=>e(t)),i)}}class ci{constructor(t){if(t){this._subscribe=t}}lift(t){const e=new ci;e.source=this;e.operator=t;return e}subscribe(t,e,i){const n=di(t)?t:new ei(t,e,i);Ke((()=>{const{operator:t,source:e}=this;n.add(t?t.call(n,e):e?this._subscribe(n):this._trySubscribe(n))}));return n}_trySubscribe(t){try{return this._subscribe(t)}catch(e){t.error(e)}}forEach(t,e){e=hi(e);return new e(((e,i)=>{const n=new ei({next:e=>{try{t(e)}catch(t){i(t);n.unsubscribe()}},error:i,complete:e});this.subscribe(n)}))}_subscribe(t){var e;return(e=this.source)===null||e===void 0?void 0:e.subscribe(t)}[si](){return this}pipe(...t){return li(t)(this)}toPromise(t){t=hi(t);return new t(((t,e)=>{let i;this.subscribe((t=>i=t),(t=>e(t)),(()=>t(i)))}))}}ci.create=t=>new ci(t);function hi(t){var e;return(e=t!==null&&t!==void 0?t:Ve.Promise)!==null&&e!==void 0?e:Promise}function ui(t){return t&&je(t.next)&&je(t.error)&&je(t.complete)}function di(t){return t&&t instanceof Je||ui(t)&&Ne(t)}function fi(t){return je(t===null||t===void 0?void 0:t.lift)}function bi(t){return e=>{if(fi(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 pi(t,e,i,n,r){return new mi(t,e,i,n,r)}class mi extends Je{constructor(t,e,i,n,r,o){super(t);this.onFinalize=r;this.shouldUnsubscribe=o;this._next=e?function(i){try{e(i)}catch(e){t.error(e)}}:super._next;this._error=n?function(e){try{n(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 gi=_e((t=>function e(){t(this);this.name="ObjectUnsubscribedError";this.message="object unsubscribed"}));class vi extends ci{constructor(){super();this.closed=false;this.currentObservers=null;this.observers=[];this.isStopped=false;this.hasError=false;this.thrownError=null}lift(t){const e=new wi(this,this);e.operator=t;return e}_throwIfClosed(){if(this.closed){throw new gi}}next(t){Ke((()=>{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){Ke((()=>{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(){Ke((()=>{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:n}=this;if(e||i){return Pe}this.currentObservers=null;n.push(t);return new Le((()=>{this.currentObservers=null;De(n,t)}))}_checkFinalizedStatuses(t){const{hasError:e,thrownError:i,isStopped:n}=this;if(e){t.error(i)}else if(n){t.complete()}}asObservable(){const t=new ci;t.source=this;return t}}vi.create=(t,e)=>new wi(t,e);class wi extends vi{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:Pe}}const xi=new ci((t=>t.complete()));function yi(t){return t&&je(t.schedule)}function ki(t){return t[t.length-1]}function zi(t){return yi(ki(t))?t.pop():undefined}function Si(t,e){return typeof ki(t)==="number"?t.pop():e}function Ai(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function s(t){try{l(n.next(t))}catch(t){o(t)}}function a(t){try{l(n["throw"](t))}catch(t){o(t)}}function l(t){t.done?i(t.value):r(t.value).then(s,a)}l((n=n.apply(t,e||[])).next())}))}function Ei(t){var e=typeof Symbol==="function"&&Symbol.iterator,i=e&&t[e],n=0;if(i)return i.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&n>=t.length)t=void 0;return{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function Ci(t){return this instanceof Ci?(this.v=t,this):new Ci(t)}function Ti(t,e,i){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=i.apply(t,e||[]),r,o=[];return r={},s("next"),s("throw"),s("return"),r[Symbol.asyncIterator]=function(){return this},r;function s(t){if(n[t])r[t]=function(e){return new Promise((function(i,n){o.push([t,e,i,n])>1||a(t,e)}))}}function a(t,e){try{l(n[t](e))}catch(t){u(o[0][3],t)}}function l(t){t.value instanceof Ci?Promise.resolve(t.value.v).then(c,h):u(o[0][2],t)}function c(t){a("next",t)}function h(t){a("throw",t)}function u(t,e){if(t(e),o.shift(),o.length)a(o[0][0],o[0][1])}}function Fi(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 Ei==="function"?Ei(t):t[Symbol.iterator](),i={},n("next"),n("throw"),n("return"),i[Symbol.asyncIterator]=function(){return this},i);function n(e){i[e]=t[e]&&function(i){return new Promise((function(n,o){i=t[e](i),r(n,o,i.done,i.value)}))}}function r(t,e,i,n){Promise.resolve(n).then((function(e){t({value:e,done:i})}),e)}}const Ii=t=>t&&typeof t.length==="number"&&typeof t!=="function";function Bi(t){return je(t===null||t===void 0?void 0:t.then)}function Oi(t){return je(t[si])}function Ri(t){return Symbol.asyncIterator&&je(t===null||t===void 0?void 0:t[Symbol.asyncIterator])}function ji(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 _i(){if(typeof Symbol!=="function"||!Symbol.iterator){return"@@iterator"}return Symbol.iterator}const $i=_i();function Di(t){return je(t===null||t===void 0?void 0:t[$i])}function Li(t){return Ti(this,arguments,(function*e(){const i=t.getReader();try{while(true){const{value:t,done:e}=yield Ci(i.read());if(e){return yield Ci(void 0)}yield yield Ci(t)}}finally{i.releaseLock()}}))}function Pi(t){return je(t===null||t===void 0?void 0:t.getReader)}function Ni(t){if(t instanceof ci){return t}if(t!=null){if(Oi(t)){return Mi(t)}if(Ii(t)){return Vi(t)}if(Bi(t)){return Ui(t)}if(Ri(t)){return Wi(t)}if(Di(t)){return qi(t)}if(Pi(t)){return Hi(t)}}throw ji(t)}function Mi(t){return new ci((e=>{const i=t[si]();if(je(i.subscribe)){return i.subscribe(e)}throw new TypeError("Provided object does not correctly implement Symbol.observable")}))}function Vi(t){return new ci((e=>{for(let i=0;i<t.length&&!e.closed;i++){e.next(t[i])}e.complete()}))}function Ui(t){return new ci((e=>{t.then((t=>{if(!e.closed){e.next(t);e.complete()}}),(t=>e.error(t))).then(null,qe)}))}function qi(t){return new ci((e=>{for(const i of t){e.next(i);if(e.closed){return}}e.complete()}))}function Wi(t){return new ci((e=>{Yi(t,e).catch((t=>e.error(t)))}))}function Hi(t){return Wi(Li(t))}function Yi(t,e){var i,n;var r,o;return Ai(this,void 0,void 0,(function*(){try{for(i=Fi(t);n=yield i.next(),!n.done;){const t=n.value;e.next(t);if(e.closed){return}}}catch(t){r={error:t}}finally{try{if(n&&!n.done&&(o=i.return))yield o.call(i)}finally{if(r)throw r.error}}e.complete()}))}function Xi(t,e,i,n=0,r=false){const o=e.schedule((function(){i();if(r){t.add(this.schedule(null,n))}else{this.unsubscribe()}}),n);t.add(o);if(!r){return o}}function Gi(t,e=0){return bi(((i,n)=>{i.subscribe(pi(n,(i=>Xi(n,t,(()=>n.next(i)),e)),(()=>Xi(n,t,(()=>n.complete()),e)),(i=>Xi(n,t,(()=>n.error(i)),e))))}))}function Ki(t,e=0){return bi(((i,n)=>{n.add(t.schedule((()=>i.subscribe(n)),e))}))}function Ji(t,e){return Ni(t).pipe(Ki(e),Gi(e))}function Qi(t,e){return Ni(t).pipe(Ki(e),Gi(e))}function Zi(t,e){return new ci((i=>{let n=0;return e.schedule((function(){if(n===t.length){i.complete()}else{i.next(t[n++]);if(!i.closed){this.schedule()}}}))}))}function tn(t,e){return new ci((i=>{let n;Xi(i,e,(()=>{n=t[$i]();Xi(i,e,(()=>{let t;let e;try{({value:t,done:e}=n.next())}catch(t){i.error(t);return}if(e){i.complete()}else{i.next(t)}}),0,true)}));return()=>je(n===null||n===void 0?void 0:n.return)&&n.return()}))}function en(t,e){if(!t){throw new Error("Iterable cannot be null")}return new ci((i=>{Xi(i,e,(()=>{const n=t[Symbol.asyncIterator]();Xi(i,e,(()=>{n.next().then((t=>{if(t.done){i.complete()}else{i.next(t.value)}}))}),0,true)}))}))}function nn(t,e){return en(Li(t),e)}function rn(t,e){if(t!=null){if(Oi(t)){return Ji(t,e)}if(Ii(t)){return Zi(t,e)}if(Bi(t)){return Qi(t,e)}if(Ri(t)){return en(t,e)}if(Di(t)){return tn(t,e)}if(Pi(t)){return nn(t,e)}}throw ji(t)}function on(t,e){return e?rn(t,e):Ni(t)}function sn(t,e){return bi(((i,n)=>{let r=0;i.subscribe(pi(n,(i=>{n.next(t.call(e,i,r++))})))}))}const{isArray:an}=Array;function ln(t,e){return an(e)?t(...e):t(e)}function cn(t){return sn((e=>ln(t,e)))}function hn(t,e,i,n,r,o,s,a){const l=[];let c=0;let h=0;let u=false;const d=()=>{if(u&&!l.length&&!c){e.complete()}};const f=t=>c<n?b(t):l.push(t);const b=t=>{o&&e.next(t);c++;let a=false;Ni(i(t,h++)).subscribe(pi(e,(t=>{r===null||r===void 0?void 0:r(t);if(o){f(t)}else{e.next(t)}}),(()=>{a=true}),undefined,(()=>{if(a){try{c--;while(l.length&&c<n){const t=l.shift();if(s){Xi(e,s,(()=>b(t)))}else{b(t)}}d()}catch(t){e.error(t)}}})))};t.subscribe(pi(e,f,(()=>{u=true;d()})));return()=>{a===null||a===void 0?void 0:a()}}function un(t,e,i=Infinity){if(je(e)){return un(((i,n)=>sn(((t,r)=>e(i,t,n,r)))(Ni(t(i,n)))),i)}else if(typeof e==="number"){i=e}return bi(((e,n)=>hn(e,n,t,i)))}function dn(t=Infinity){return un(ai,t)}const fn=["addListener","removeListener"];const bn=["addEventListener","removeEventListener"];const pn=["on","off"];function mn(t,e,i,n){if(je(i)){n=i;i=undefined}if(n){return mn(t,e,i).pipe(cn(n))}const[r,o]=xn(t)?bn.map((n=>r=>t[n](e,r,i))):vn(t)?fn.map(gn(t,e)):wn(t)?pn.map(gn(t,e)):[];if(!r){if(Ii(t)){return un((t=>mn(t,e,i)))(Ni(t))}}if(!r){throw new TypeError("Invalid event target")}return new ci((t=>{const e=(...e)=>t.next(1<e.length?e:e[0]);r(e);return()=>o(e)}))}function gn(t,e){return i=>n=>t[i](e,n)}function vn(t){return je(t.addListener)&&je(t.removeListener)}function wn(t){return je(t.on)&&je(t.off)}function xn(t){return je(t.addEventListener)&&je(t.removeEventListener)}function yn(...t){const e=zi(t);const i=Si(t,Infinity);const n=t;return!n.length?xi:n.length===1?Ni(n[0]):dn(i)(on(n,e))}function kn(t,e){return bi(((i,n)=>{let r=0;i.subscribe(pi(n,(i=>t.call(e,i,r++)&&n.next(i))))}))}function zn(t,e=ai){t=t!==null&&t!==void 0?t:Sn;return bi(((i,n)=>{let r;let o=true;i.subscribe(pi(n,(i=>{const s=e(i);if(o||!t(r,s)){o=false;r=s;n.next(i)}})))}))}function Sn(t,e){return t===e}function An(t){return bi(((e,i)=>{Ni(t).subscribe(pi(i,(()=>i.complete()),We));!i.closed&&e.subscribe(i)}))}const En=":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{overflow:hidden;white-space:nowrap}.scrollable-content.scroll-x{overflow-x:auto}.scrollable-content.scroll-y{overflow-y:auto}.scrollable-content.no-overscroll{overscroll-behavior:contain}";const Cn=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 vi;this.destroyed=new vi;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=mn(this.scrollElement,"scroll").pipe(An(this.destroyed))}this.attachEmitter("left",this.scrolledLeft,this.scrolledBuffer);this.attachEmitter("right",this.scrolledRight,this.scrolledBuffer);this.attachEmitter("bottom",this.scrolledBottom,this.scrolledBuffer);this.attachEmitter("top",this.scrolledTop,this.scrolledBuffer);yn(this.init,this.scrolled).pipe(sn((()=>({top:this.getScrollOffset("top")>0,left:this.getScrollOffset("left")>0,right:this.getScrollOffset("right")>0,bottom:this.getScrollOffset("bottom")>0}))),zn(),An(this.destroyed)).subscribe((({top:t,left:e,right:i,bottom:n})=>{this.toggleClass("cat-scrollable-top",t);this.toggleClass("cat-scrollable-left",e);this.toggleClass("cat-scrollable-right",i);this.toggleClass("cat-scrollable-bottom",n)}))}componentDidLoad(){if(!this.noScrolledInit){this.init.next()}}disconnectedCallback(){this.init.complete();this.destroyed.next();this.destroyed.complete()}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,i){yn(this.init,this.scrolled).pipe(sn((()=>this.getScrollOffset(t)))).pipe(sn((t=>t<=i))).pipe(zn()).pipe(kn((t=>t))).pipe(An(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,n;if(e){(i=this.scrollWrapperElement)===null||i===void 0?void 0:i.classList.add(t)}else{(n=this.scrollWrapperElement)===null||n===void 0?void 0:n.classList.remove(t)}}};Cn.style=En;const Tn=':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: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 Fn=class{constructor(e){t(this,e);this.effect="sheen";this.variant="rectangle";this.size="m"}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)}};Fn.style=Tn;const In=":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 Bn=class{constructor(e){t(this,e);this.size="m"}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"})))}};Bn.style=In;const On=":host{display:block}:host([hidden]){display:none}";let Rn=0;const jn=class{constructor(e){t(this,e);this.tabClick=n(this,"tabClick",7);this.label="";this.iconOnly=false;this.iconRight=false;this.deactivated=false}connectedCallback(){if(!this.hostElement.id){this.hostElement.id=`cat-tab-${Rn++}`}}onClick(t){this.tabClick.emit(t)}render(){return e(i,null)}get hostElement(){return r(this)}};jn.style=On;const _n=":host{display:flex;flex-direction:row;box-shadow:inset 0 -1px 0 0 #d7dbe0}: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}.tab{padding:0.5rem}.tab.tab-active{box-shadow:inset 0 -3px 0 0 #207f8a}";const $n=class{constructor(e){t(this,e);this.tabs=[];this.buttons=[];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.tabs=Array.from(this.hostElement.querySelectorAll("cat-tab"));if(this.tabs.length){this.activeTabId=this.activeTab}}onKeydown(t){var e;if(["ArrowDown","ArrowUp","ArrowRight","ArrowLeft"].includes(t.key)){const i=this.buttons.filter((t=>!t.disabled));const n=(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.activeElement;const r=n?i.indexOf(n):-1;const o=["ArrowDown","ArrowRight"].includes(t.key)?1:-1;const s=r<0?0:(r+o+i.length)%i.length;i[s].setFocus();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:{tab:true,"tab-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)}}get hostElement(){return r(this)}static get watchers(){return{activeTabId:["onActiveTabChanged"]}}};$n.style=_n;const Dn=":host{display:block}";const Ln=class{constructor(e){t(this,e)}render(){return e("cat-button",{onClick:this.onClick.bind(this)},"Show Notifications")}onClick(){const t={position:"top-left"};const e={position:"top-center",type:"error"};const i={position:"bottom-left",type:"error"};const n={position:"bottom-right",type:"success"};const r=document.createElement("template");r.innerHTML=`<div style="padding: 7px 30px 7px 10px">Custom HTML Node Content</div>`;const o={position:"bottom-right",type:"success",content:r.content.firstChild};c.error("Default Click");c.error("Long default title, long default title, long default title, long default title");c.info("Info Click","Info message",t);c.success(""," ",o);c.error("Error Title"," ",e);c.error("Error 2 Title","Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message, Very long message,Very long message, Very long message, Very long message, Very long message, Very long message, ",i);c.success("Success Title - very long title without message"," ",n)}};Ln.style=Dn;const Pn='.hint-section{display:flex;gap:0.5rem;flex-direction:column}.hint-section .input-hint,.hint-section ::slotted([slot=hint]){font-size:0.875rem;line-height:1rem;margin:0}: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;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}input{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}.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:#d7dbe0;transition:background-color 0.13s ease}:checked+.toggle{background-color:rgb(var(--cat-primary-bg, 32, 127, 138))}: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 4px 0 rgba(16, 29, 48, 0.2)}:checked+.toggle::after{transform:translateX(calc(-2px + 0.5rem))}.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, 105, 118, 135))}';let Nn=0;const Mn=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-${Nn++}`;this.hasSlottedLabel=false;this.checked=false;this.disabled=false;this.label="";this.labelHidden=false;this.required=false}componentWillRender(){this.hasSlottedLabel=!!this.hostElement.querySelector('[slot="label"]');if(!this.label&&!this.hasSlottedLabel){o.error("[A11y] Missing ARIA label on toggle",this)}}async setFocus(t){this.input.focus(t)}render(){return e(i,null,e("label",{htmlFor:this.id,class:{"is-hidden":this.labelHidden,"is-disabled":this.disabled}},e("input",{ref:t=>this.input=t,id:this.id,type:"checkbox",name:this.name,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.hintSection)}get hintSection(){const t=!!this.hostElement.querySelector('[slot="hint"]');return(this.hint||t)&&e(s,{hint:this.hint,slottedHint:t&&e("slot",{name:"hint"})})}onInput(t){this.value=this.input.value;this.catChange.emit(t)}onFocus(t){this.catFocus.emit(t)}onBlur(t){this.catBlur.emit(t)}get hostElement(){return r(this)}};Mn.style=Pn;const Vn="ontouchstart"in window||navigator.maxTouchPoints>0;const Un=":host{display:contents}:host([hidden]){display:none}.tooltip{position:absolute;font-size:0.875rem;line-height:1rem;font-weight:500;padding:0.75rem;background-color:white;border-radius:0.25rem;color:black;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;border:1px solid #ebecf0;z-index:200;max-width:16rem}.tooltip-show{opacity:1;visibility:visible}.tooltip-trigger{display:inline-block}.tooltip-trigger:focus{outline:none}";let qn=0;const Wn=class{constructor(e){t(this,e);this.id=`cat-tooltip-${qn++}`;this.content="";this.disabled=false;this.placement="top";this.showDelay=500;this.hideDelay=0;this.longTouchDuration=1e3}handleKeyDown({key:t}){t==="Escape"&&this.hideListener()}componentDidLoad(){var t,e,i,n,r,o,s;this.trigger=Ce(this.triggerElement)||this.triggerElement;if(!this.isTabbable){(t=this.trigger)===null||t===void 0?void 0:t.setAttribute("tabindex","0")}if(this.trigger&&this.tooltip){Nt(this.trigger,this.tooltip,(()=>this.update()))}if(Vn){window.addEventListener("touchstart",this.windowTouchStartListener.bind(this));(e=this.trigger)===null||e===void 0?void 0:e.addEventListener("touchstart",this.touchStartListener.bind(this));(i=this.trigger)===null||i===void 0?void 0:i.addEventListener("touchend",this.touchEndListener.bind(this))}else{(n=this.trigger)===null||n===void 0?void 0:n.addEventListener("focusin",this.showListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.addEventListener("focusout",this.hideListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.addEventListener("mouseenter",this.showListener.bind(this));(s=this.trigger)===null||s===void 0?void 0:s.addEventListener("mouseleave",this.hideListener.bind(this))}}disconnectedCallback(){var t,e,i,n,r,o;if(Vn){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));(n=this.trigger)===null||n===void 0?void 0:n.removeEventListener("mouseleave",this.hideListener.bind(this));(r=this.trigger)===null||r===void 0?void 0:r.removeEventListener("focusin",this.showListener.bind(this));(o=this.trigger)===null||o===void 0?void 0:o.removeEventListener("focusout",this.hideListener.bind(this))}}render(){return e(i,null,e("div",{ref:t=>this.triggerElement=t,"aria-describedby":this.id,class:"tooltip-trigger"},e("slot",null)),this.content&&!this.disabled&&e("div",{ref:t=>this.tooltip=t,id:this.id,class:"tooltip"},this.content))}get isTabbable(){return Ce(this.trigger)}update(){if(this.trigger&&this.tooltip){Mt(this.trigger,this.tooltip,{placement:this.placement,middleware:[it(Wn.OFFSET),tt()]}).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((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show")}),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.hideDelay)}touchStartListener(t){t.stopPropagation();this.touchTimeout=window.setTimeout((()=>{var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.add("tooltip-show")}),this.longTouchDuration)}touchEndListener(){if(this.touchTimeout){window.clearTimeout(this.touchTimeout)}}windowTouchStartListener(){var t;(t=this.tooltip)===null||t===void 0?void 0:t.classList.remove("tooltip-show")}};Wn.OFFSET=4;Wn.style=Un;export{u as cat_alert,b as cat_avatar,m as cat_badge,C as cat_button,F as cat_card,O as cat_checkbox,j as cat_icon,D as cat_input,Ie as cat_menu,Re as cat_radio,Cn as cat_scrollable,Fn as cat_skeleton,Bn as cat_spinner,jn as cat_tab,$n as cat_tabs,Ln as cat_toast_demo,Mn as cat_toggle,Wn as cat_tooltip};
10
+ //# sourceMappingURL=p-dda85567.entry.js.map