@xplor-education/core-stencil-components 2.0.0 → 3.0.0

package/dist/xplor-component-library/xplor-component-library.css

@@ -1 +1 @@
-*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}html[data-theme='office']{--color-primary:rgb(219, 59, 3);--color-secondary:rgb(0, 119, 107);--color-buttons:#89da59;--color-typography:#ff320e}html{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-buttons:#fbbc05;--color-typography:#ea4335}:root{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-tertiary:rgb(128, 104, 186);--color-white:white;--color-emphasis:rgb(8, 8, 9);--color-supergiant:rgb(213, 66, 99);--color-orange:rgb(250, 200, 127);--color-buttons:#fbbc05;--color-typography:#ea4335;--background:20 66% 99%;--foreground:20 51% 4%;--muted:20 25% 86%;--muted-foreground:20 7% 25%;--popover:20 66% 98%;--popover-foreground:20 51% 3%;--card:20 66% 98%;--card-foreground:20 51% 3%;--border:20 15% 94%;--input:20 15% 94%;--primary:20 48% 72%;--primary-foreground:20 48% 12%;--secondary:20 12% 92%;--secondary-foreground:20 12% 32%;--accent:20 12% 92%;--accent-foreground:20 12% 32%;--destructive:11 80% 22%;--destructive-foreground:11 80% 82%;--ring:20 48% 72%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:253 43% 3%;--foreground:253 31% 98%;--muted:253 7% 13%;--muted-foreground:253 13% 63%;--popover:253 43% 3%;--popover-foreground:253 31% 98%;--card:253 43% 4%;--card-foreground:253 31% 99%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--primary:253 91% 58%;--primary-foreground:253 91% 98%;--secondary:253 7% 9%;--secondary-foreground:253 7% 69%;--accent:253 13% 14%;--accent-foreground:253 13% 74%;--destructive:339.2 90.36% 51.18%;--destructive-foreground:0 0% 100%;--ring:253 91% 58%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{box-sizing:border-box;background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:0.25rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-16{width:1rem;height:1rem}.h-3{height:0.75rem}.h-4{height:0.25rem}.w-3{width:0.75rem}.w-4{width:0.25rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.gap-y-12{row-gap:0.75rem}.overflow-x-auto{overflow-x:auto}.text-pretty{text-wrap:pretty}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-6{padding:1.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base\/7{font-size:1rem;line-height:1.75rem}.text-lg\/8{font-size:1.125rem;line-height:2rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-sm\/6{font-size:0.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-0.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-primary{color:var(--color-primary)}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.theme-office{--color-black:#000000;--color-white:#ffffff;--color-primary:#db3b03;--color-secondary:#ec7702;--color-buttons:#89da59;--color-typography:#ff320e}.theme-pg{--color-primary:#00776b;--color-secondary:#01a39d;--color-buttons:#89da59;--color-typography:#ff320e}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-teal-800:hover{--tw-text-opacity:1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.focus\:border-teal-500:focus{--tw-border-opacity:1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166 / var(--tw-ring-opacity, 1))}.disabled\:opacity-50:disabled{opacity:0.5}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:gap-y-16{row-gap:1rem}.sm\:py-32{padding-top:2rem;padding-bottom:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}
+*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;}::before,::after{--tw-content:''}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;}body{margin:0;line-height:inherit;}hr{height:0;color:inherit;border-top-width:1px;}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse;}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0;}button,select{text-transform:none}button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']){-webkit-appearance:button;background-color:transparent;background-image:none;}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af;}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af;}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}html[data-theme='office']{--color-primary:rgb(219, 59, 3);--color-secondary:rgb(0, 119, 107);--color-buttons:#89da59;--color-typography:#ff320e}html{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-buttons:#fbbc05;--color-typography:#ea4335}:root{--color-primary:#db3b03;--color-secondary:rgb(0, 119, 107);--color-tertiary:rgb(128, 104, 186);--color-white:white;--color-emphasis:rgb(8, 8, 9);--color-supergiant:rgb(213, 66, 99);--color-orange:rgb(250, 200, 127);--color-buttons:#fbbc05;--color-typography:#ea4335;--background:20 66% 99%;--foreground:20 51% 4%;--muted:20 25% 86%;--muted-foreground:20 7% 25%;--popover:20 66% 98%;--popover-foreground:20 51% 3%;--card:20 66% 98%;--card-foreground:20 51% 3%;--border:20 15% 94%;--input:20 15% 94%;--primary:20 48% 72%;--primary-foreground:20 48% 12%;--secondary:20 12% 92%;--secondary-foreground:20 12% 32%;--accent:20 12% 92%;--accent-foreground:20 12% 32%;--destructive:11 80% 22%;--destructive-foreground:11 80% 82%;--ring:20 48% 72%;--radius:0.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:253 43% 3%;--foreground:253 31% 98%;--muted:253 7% 13%;--muted-foreground:253 13% 63%;--popover:253 43% 3%;--popover-foreground:253 31% 98%;--card:253 43% 4%;--card-foreground:253 31% 99%;--border:215 27.9% 16.9%;--input:215 27.9% 16.9%;--primary:253 91% 58%;--primary-foreground:253 91% 98%;--secondary:253 7% 9%;--secondary-foreground:253 7% 69%;--accent:253 13% 14%;--accent-foreground:253 13% 74%;--destructive:339.2 90.36% 51.18%;--destructive-foreground:0 0% 100%;--ring:253 91% 58%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{box-sizing:border-box;background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:0.25rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.size-16{width:1rem;height:1rem}.h-3{height:0.75rem}.h-4{height:0.25rem}.w-3{width:0.75rem}.w-4{width:0.25rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-xl{max-width:36rem}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-20{gap:1.25rem}.gap-4{gap:0.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:0.5rem;column-gap:0.5rem}.gap-y-12{row-gap:0.75rem}.overflow-x-auto{overflow-x:auto}.text-pretty{text-wrap:pretty}.rounded{border-radius:0.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-1\.5{padding:0.375rem}.p-2{padding:0.5rem}.p-6{padding:1.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}.py-24{padding-top:1.5rem;padding-bottom:1.5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Montserrat, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base\/7{font-size:1rem;line-height:1.75rem}.text-lg\/8{font-size:1.125rem;line-height:2rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-sm\/6{font-size:0.875rem;line-height:1.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-0.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-primary{color:var(--color-primary)}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.theme-office{--color-black:#000000;--color-white:#ffffff;--color-primary:#db3b03;--color-secondary:#ec7702;--color-buttons:#89da59;--color-typography:#ff320e}.theme-pg{--color-primary:#00776b;--color-secondary:#01a39d;--color-buttons:#89da59;--color-typography:#ff320e}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.hover\:bg-teal-700:hover{--tw-bg-opacity:1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-teal-800:hover{--tw-text-opacity:1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.focus\:border-teal-500:focus{--tw-border-opacity:1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166 / var(--tw-ring-opacity, 1))}.disabled\:opacity-50:disabled{opacity:0.5}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.sm\:gap-y-16{row-gap:1rem}.sm\:py-32{padding-top:2rem;padding-bottom:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.lg\:px-8{padding-left:0.5rem;padding-right:0.5rem}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}}

package/dist/xplor-component-library/xplor-component-library.esm.js

@@ -1,2 +1,2 @@
-import{p as e,g as l,b as t}from"./p-Zkk2NJif.js";export{s as setNonce}from"./p-Zkk2NJif.js";var o=()=>{const l=import.meta.url;const t={};if(l!==""){t.resourcesUrl=new URL(".",l).href}return e(t)};o().then((async e=>{await l();return t([["p-25fa8553",[[6,"xplor-btn-tooltip",{text:[1],tooltipText:[1,"tooltip-text"],tooltipPosition:[1,"tooltip-position"],type:[1],mode:[1],iconPosition:[1,"icon-position"],disabled:[4]}],[1,"xplor-chat-widget",{languageOptions:[16,"language-options"],textId:[1,"text-id"],apiKey:[1,"api-key"],selectedLanguage:[32],textValue:[32]}],[6,"xplor-avatar-and-name",{name:[1],src:[1],size:[1],color:[1],status:[1]}],[2,"xplor-date-picker",{value:[1025],label:[1],placeholder:[1],type:[1],monthType:[1,"month-type"],display:[1],dateFormat:[1,"date-format"],min:[1],max:[1],readonly:[4],disabled:[4],clearable:[4],closeOnSelect:[4,"close-on-select"],bgColor:[1,"bg-color"],color:[1],startWeekOnSunday:[4,"start-week-on-sunday"],error:[1],hideDetails:[8,"hide-details"],required:[4],isOpen:[32],inputText:[32],dropdownPosition:[32]},[[4,"click","handleDocumentClick"]]],[2,"xplor-drag-and-drop-input",{disabled:[4],accepts:[1],label:[1],browseLabel:[1,"browse-label"],dragover:[32],currentFile:[32],clearCurrentFile:[64]}],[2,"xplor-input-send",{placeholder:[1],disabled:[4],maxLength:[2,"max-length"],value:[1025],buttonText:[1,"button-text"],buttonType:[1,"button-type"],internalValue:[32]}],[4,"xplor-modal-persistent",{open:[4],width:[1],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],loading:[4]}],[6,"xplor-alert-dialog",{open:[1028],width:[1],persistent:[4]},null,{open:["handleOpenChange"]}],[6,"xplor-alert-message",{type:[1],alertTitle:[1,"alert-title"],dismissible:[4]}],[2,"xplor-assistant",{apiEndpoint:[1,"api-endpoint"],userId:[1,"user-id"],userEmail:[1,"user-email"],userName:[1,"user-name"],sessionId:[1,"session-id"],quickReplies:[16,"quick-replies"],placeholder:[1],enableVoiceInput:[4,"enable-voice-input"],enableTextToSpeech:[4,"enable-text-to-speech"],autoSpeak:[4,"auto-speak"],maxHeight:[1,"max-height"],disabled:[4],messages:[32],internalSessionId:[32],isLoading:[32],isListening:[32],isSpeaking:[32],error:[32],inputValue:[32],hasVoiceSupport:[32],hasTTSSupport:[32],sendMessage:[64],clearHistory:[64],speak:[64],stopSpeaking:[64]},null,{sessionId:["handleSessionIdChange"]}],[2,"xplor-autocomplete",{items:[16],value:[1032],placeholder:[1],label:[1],disabled:[4],readonly:[4],clearable:[4],multiple:[4],minSearchLength:[2,"min-search-length"],itemValue:[1,"item-value"],itemText:[1,"item-text"],menuMaxWidth:[1,"menu-max-width"],renderItem:[16,"render-item"],renderSelection:[16,"render-selection"],isOpen:[32],searchQuery:[32],filteredItems:[32],selectedItems:[32],highlightedIndex:[32]},[[4,"click","handleDocumentClick"]]],[6,"xplor-badge",{backgroundColor:[1,"background-color"],color:[1],threshold:[2],variant:[1],size:[1],datatable:[4],text:[1]}],[2,"xplor-badge-active"],[2,"xplor-badge-archived"],[2,"xplor-badge-deleted"],[2,"xplor-badge-expired"],[2,"xplor-badge-inactive"],[2,"xplor-badge-recalled"],[6,"xplor-badge-session-booking",{booking:[16],item:[16]}],[2,"xplor-badge-upcoming"],[2,"xplor-badge-waitlist"],[6,"xplor-btn-back",{color:[1],minWidth:[1,"min-width"],minHeight:[1,"min-height"],gap:[1],disabled:[4]}],[2,"xplor-btn-back-to-parent",{size:[1],inline:[4],bgColor:[1,"bg-color"],color:[1],variant:[1]}],[6,"xplor-btn-icon",{color:[1],size:[8],iconSize:[8,"icon-size"],variant:[1],disabled:[4]}],[6,"xplor-btn-menu",{label:[1],options:[16],hiddenKeys:[16,"hidden-keys"],disabledKeys:[16,"disabled-keys"],color:[1],density:[1],show:[32]}],[6,"xplor-btn-toggle",{active:[1028],color:[1],disabled:[4],inactiveOutlined:[4,"inactive-outlined"]}],[6,"xplor-btn-toggle-group",{multiple:[4],density:[1]}],[6,"xplor-btn-toggle-secondary",{active:[1028],disabled:[4],inactiveOutlined:[4,"inactive-outlined"]}],[1,"xplor-checkbox",{initialChecked:[4,"initial-checked"],initialIndeterminate:[4,"initial-indeterminate"],disabled:[4],error:[4],label:[1],checked:[32],indeterminate:[32],isHovered:[32],isFocused:[32],isPressed:[32]},null,{initialChecked:["watchCheckedProp"],initialIndeterminate:["watchIndeterminateProp"]}],[2,"xplor-combobox",{items:[16],value:[1032],placeholder:[1],label:[1],disabled:[4],readonly:[4],clearable:[4],multiple:[4],allowCustom:[4,"allow-custom"],createMessage:[1,"create-message"],isOpen:[32],searchQuery:[32],filteredItems:[32],selectedItems:[32],highlightedIndex:[32],customItems:[32]},[[4,"click","handleDocumentClick"]]],[1,"xplor-datatable",{headers:[16],items:[16],loading:[4],pagination:[16],selected:[16],canSelect:[4,"can-select"],horizontalLines:[4,"horizontal-lines"],striped:[4],height:[8],skeletonLoader:[4,"skeleton-loader"],hover:[4],perPageOptions:[16,"per-page-options"],sortBy:[32],sortDirection:[32],internalSelected:[32],allSelected:[32]},null,{selected:["watchSelected"],items:["watchItems"]}],[6,"xplor-expansion-panel",{disabled:[4],open:[1028],panelId:[32],contentHeight:[32]}],[6,"xplor-expansion-panels",{value:[1025],multiple:[4],accordion:[4],openPanels:[32]},[[0,"xplorPanelToggle","handlePanelToggle"]]],[2,"xplor-file-upload",{accepts:[1],maxSize:[2,"max-size"],multiple:[4],disabled:[4],showPreview:[4,"show-preview"],label:[1],files:[32],isDragging:[32],error:[32]}],[6,"xplor-inline-checkbox",{checked:[1028],value:[8],color:[1],disabled:[4],indeterminate:[4],label:[1]}],[6,"xplor-inline-switch",{checked:[1028],value:[8],color:[1],disabled:[4],label:[1]}],[2,"xplor-input-file",{label:[1],placeholder:[1],color:[1],disabled:[4],multiple:[4],accept:[1],maxChips:[2,"max-chips"],counter:[4],showSize:[2,"show-size"],prependInnerIcon:[1,"prepend-inner-icon"],selectedFiles:[32]}],[6,"xplor-input-search",{value:[1025],placeholder:[1],bgColor:[1,"bg-color"],color:[1],disabled:[4],density:[1],isFocused:[32]}],[2,"xplor-input-select",{value:[1032],label:[1],placeholder:[1],options:[16],multiple:[4],bgColor:[1,"bg-color"],color:[1],disabled:[4],readonly:[4],hideDetails:[8,"hide-details"],error:[1],helperText:[1,"helper-text"],required:[4],isOpen:[32],isFocused:[32]}],[6,"xplor-input-text",{value:[1025],label:[1],placeholder:[1],type:[1],bgColor:[1,"bg-color"],color:[1],disabled:[4],readonly:[4],hideDetails:[8,"hide-details"],error:[1],helperText:[1,"helper-text"],required:[4],isFocused:[32]}],[2,"xplor-input-text-area",{value:[1025],label:[1],placeholder:[1],bgColor:[1,"bg-color"],color:[1],disabled:[4],readonly:[4],clearable:[4],rows:[2],hideDetails:[8,"hide-details"],error:[1],helperText:[1,"helper-text"],required:[4],isFocused:[32]}],[6,"xplor-input-text-secondary",{value:[1025],label:[1],placeholder:[1],type:[1],bgColor:[1,"bg-color"],disabled:[4],readonly:[4],hideDetails:[8,"hide-details"],error:[1],helperText:[1,"helper-text"],required:[4],isDirty:[4,"is-dirty"],isFocused:[32]}],[2,"xplor-input-title",{value:[1025],placeholder:[1],disabled:[4],readonly:[4]}],[1,"xplor-links",{brand:[1]}],[6,"xplor-nav-tabs",{value:[1025],items:[16],color:[1],grow:[4]}],[6,"xplor-section-card",{outlined:[4],rounded:[4],padding:[1]}],[6,"xplor-section-heading",{size:[1],text:[1]}],[1,"xplor-table",{columns:[16],data:[16],freeze:[4],multiselect:[4],striped:[4],selectedValues:[16,"selected-values"],isSortable:[4,"is-sortable"],sortableColumns:[16,"sortable-columns"],areAllSelected:[32],rowData:[32],hasScrolled:[32],selected:[32],sortTypeArray:[32],selectedDateRange:[32],currentPage:[32],totalPages:[32]},null,{data:["watchData"]}],[6,"xplor-text-bubble",{color:[1]}],[6,"xplor-text-field",{value:[1025],label:[1],placeholder:[1],type:[1],color:[1],variant:[1],bgColor:[1,"bg-color"],errorMessages:[16,"error-messages"],hideDetails:[8,"hide-details"],disabled:[4],readonly:[4],required:[4],isDirty:[4,"is-dirty"],clearable:[4],customClass:[1,"custom-class"],maxlength:[2],min:[2],max:[2],isFocused:[32],hasValue:[32]},null,{value:["handleValueChange"]}],[2,"xplor-time-picker",{value:[1025],label:[1],placeholder:[1],clearable:[4],prefill:[4],bgColor:[1,"bg-color"],showSeconds:[4,"show-seconds"],disabled:[4],readonly:[4],error:[1],hideDetails:[8,"hide-details"],required:[4],isOpen:[32],inputText:[32],hours:[32],minutes:[32],seconds:[32],period:[32],lastGoodValue:[32]},[[4,"click","handleDocumentClick"]]],[1,"xplor-avatar",{color:[1],disabled:[4],href:[1],name:[1],size:[1],src:[1],status:[1],target:[1]}],[1,"xplor-dropdown",{options:[16],selected:[1],handleChange:[16,"handle-change"]}],[2,"xplor-inline-date-picker",{selectedDate:[1025,"selected-date"],min:[1],max:[1],readonly:[4],color:[1],startWeekOnSunday:[4,"start-week-on-sunday"],currentYear:[32],currentMonth:[32],viewDate:[32]}],[6,"xplor-modal",{open:[1028],width:[1],maxWidth:[1,"max-width"],maxHeight:[1,"max-height"],scrollable:[4],persistent:[4],loading:[4],showTitle:[4,"show-title"]},null,{open:["handleOpenChange"]}],[6,"xplor-tooltip",{position:[1],trigger:[1],arrow:[4],open:[1028],content:[1],disabled:[4],tooltipStyle:[32],arrowStyle:[32]},[[4,"click","handleDocumentClick"]]],[6,"xplor-button",{text:[1],type:[1],mode:[1],size:[1],styles:[1],clickAction:[16,"click-action"],iconPosition:[1,"icon-position"],icon:[1],iconSvg:[1,"icon-svg"]}]]]],e)}));
+import{p as e,g as l,b as a}from"./p-KRfMjDC2.js";export{s as setNonce}from"./p-KRfMjDC2.js";var i=()=>{const l=import.meta.url;const a={};if(l!==""){a.resourcesUrl=new URL(".",l).href}return e(a)};i().then((async e=>{await l();return a(JSON.parse('[["p-0df9ea5d",[[6,"xplor-btn-tooltip",{"text":[1],"tooltipText":[1,"tooltip-text"],"tooltipPosition":[1,"tooltip-position"],"type":[1],"mode":[1],"iconPosition":[1,"icon-position"],"disabled":[4]}],[1,"xplor-chat-widget",{"languageOptions":[16,"language-options"],"textId":[1,"text-id"],"apiKey":[1,"api-key"],"selectedLanguage":[32],"textValue":[32]}],[6,"xplor-avatar-and-name",{"name":[1],"src":[1],"size":[1],"color":[1],"status":[1]}],[2,"xplor-date-picker",{"value":[1025],"label":[1],"placeholder":[1],"type":[1],"monthType":[1,"month-type"],"display":[1],"dateFormat":[1,"date-format"],"min":[1],"max":[1],"readonly":[4],"disabled":[4],"clearable":[4],"closeOnSelect":[4,"close-on-select"],"bgColor":[1,"bg-color"],"color":[1],"startWeekOnSunday":[4,"start-week-on-sunday"],"error":[1],"hideDetails":[8,"hide-details"],"required":[4],"isOpen":[32],"inputText":[32],"dropdownPosition":[32]},[[4,"click","handleDocumentClick"]]],[2,"xplor-drag-and-drop-input",{"disabled":[4],"accepts":[1],"label":[1],"browseLabel":[1,"browse-label"],"ariaLabel":[1,"aria-label"],"progress":[2],"dragover":[32],"currentFile":[32],"clearCurrentFile":[64]}],[2,"xplor-input-send",{"placeholder":[1],"disabled":[4],"maxLength":[2,"max-length"],"value":[1025],"buttonText":[1,"button-text"],"buttonType":[1,"button-type"],"internalValue":[32]}],[4,"xplor-modal-persistent",{"open":[4],"width":[1],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"loading":[4]}],[6,"xplor-alert-dialog",{"open":[1028],"width":[1],"persistent":[4],"ariaLabel":[1,"aria-label"]},[[0,"keydown","handleKeyDown"]],{"open":["handleOpenChange"]}],[6,"xplor-alert-message",{"type":[1],"alertTitle":[1,"alert-title"],"dismissible":[4]}],[2,"xplor-assistant",{"apiEndpoint":[1,"api-endpoint"],"userId":[1,"user-id"],"userEmail":[1,"user-email"],"userName":[1,"user-name"],"sessionId":[1,"session-id"],"quickReplies":[16,"quick-replies"],"placeholder":[1],"enableVoiceInput":[4,"enable-voice-input"],"enableTextToSpeech":[4,"enable-text-to-speech"],"autoSpeak":[4,"auto-speak"],"maxHeight":[1,"max-height"],"disabled":[4],"messages":[32],"internalSessionId":[32],"isLoading":[32],"isListening":[32],"isSpeaking":[32],"error":[32],"inputValue":[32],"hasVoiceSupport":[32],"hasTTSSupport":[32],"sendMessage":[64],"clearHistory":[64],"speak":[64],"stopSpeaking":[64]},null,{"sessionId":["handleSessionIdChange"]}],[2,"xplor-autocomplete",{"items":[16],"value":[1032],"placeholder":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"clearable":[4],"multiple":[4],"minSearchLength":[2,"min-search-length"],"itemValue":[1,"item-value"],"itemText":[1,"item-text"],"menuMaxWidth":[1,"menu-max-width"],"renderItem":[16,"render-item"],"renderSelection":[16,"render-selection"],"isOpen":[32],"searchQuery":[32],"filteredItems":[32],"selectedItems":[32],"highlightedIndex":[32]},[[4,"click","handleDocumentClick"]]],[6,"xplor-badge",{"backgroundColor":[1,"background-color"],"color":[1],"threshold":[2],"variant":[1],"size":[1],"datatable":[4],"text":[1]}],[2,"xplor-badge-active"],[2,"xplor-badge-archived"],[2,"xplor-badge-deleted"],[2,"xplor-badge-expired"],[2,"xplor-badge-inactive"],[2,"xplor-badge-recalled"],[6,"xplor-badge-session-booking",{"booking":[16],"item":[16]}],[2,"xplor-badge-upcoming"],[2,"xplor-badge-waitlist"],[6,"xplor-btn-back",{"color":[1],"minWidth":[1,"min-width"],"minHeight":[1,"min-height"],"gap":[1],"disabled":[4]}],[2,"xplor-btn-back-to-parent",{"size":[1],"inline":[4],"bgColor":[1,"bg-color"],"color":[1],"variant":[1],"ariaLabel":[1,"aria-label"]}],[6,"xplor-btn-icon",{"color":[1],"size":[8],"iconSize":[8,"icon-size"],"variant":[1],"disabled":[4],"ariaLabel":[1,"aria-label"]}],[6,"xplor-btn-menu",{"ariaLabel":[1,"aria-label"],"label":[1],"options":[16],"hiddenKeys":[16,"hidden-keys"],"disabledKeys":[16,"disabled-keys"],"color":[1],"density":[1],"show":[32],"focusedIndex":[32]},[[0,"keydown","handleKeyDown"]]],[6,"xplor-btn-toggle",{"active":[1028],"color":[1],"disabled":[4],"inactiveOutlined":[4,"inactive-outlined"]}],[6,"xplor-btn-toggle-group",{"multiple":[4],"density":[1]}],[6,"xplor-btn-toggle-secondary",{"active":[1028],"disabled":[4],"inactiveOutlined":[4,"inactive-outlined"]}],[1,"xplor-checkbox",{"initialChecked":[4,"initial-checked"],"initialIndeterminate":[4,"initial-indeterminate"],"disabled":[4],"error":[4],"label":[1],"checked":[32],"indeterminate":[32],"isHovered":[32],"isFocused":[32],"isPressed":[32]},null,{"initialChecked":["watchCheckedProp"],"initialIndeterminate":["watchIndeterminateProp"]}],[2,"xplor-combobox",{"items":[16],"value":[1032],"placeholder":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"clearable":[4],"multiple":[4],"allowCustom":[4,"allow-custom"],"createMessage":[1,"create-message"],"isOpen":[32],"searchQuery":[32],"filteredItems":[32],"selectedItems":[32],"highlightedIndex":[32],"customItems":[32]},[[4,"click","handleDocumentClick"]]],[1,"xplor-datatable",{"headers":[16],"items":[16],"loading":[4],"pagination":[16],"selected":[16],"canSelect":[4,"can-select"],"horizontalLines":[4,"horizontal-lines"],"striped":[4],"height":[8],"skeletonLoader":[4,"skeleton-loader"],"hover":[4],"perPageOptions":[16,"per-page-options"],"sortBy":[32],"sortDirection":[32],"internalSelected":[32],"allSelected":[32]},null,{"selected":["watchSelected"],"items":["watchItems"]}],[6,"xplor-expansion-panel",{"disabled":[4],"open":[1028],"panelId":[32],"contentHeight":[32]}],[6,"xplor-expansion-panels",{"value":[1025],"multiple":[4],"accordion":[4],"openPanels":[32]},[[0,"xplorPanelToggle","handlePanelToggle"]]],[2,"xplor-file-upload",{"accepts":[1],"maxSize":[2,"max-size"],"multiple":[4],"disabled":[4],"showPreview":[4,"show-preview"],"label":[1],"files":[32],"isDragging":[32],"error":[32]}],[6,"xplor-inline-checkbox",{"checked":[1028],"value":[8],"color":[1],"disabled":[4],"indeterminate":[4],"label":[1]}],[6,"xplor-inline-switch",{"checked":[1028],"value":[8],"color":[1],"disabled":[4],"label":[1]}],[2,"xplor-input-file",{"label":[1],"placeholder":[1],"color":[1],"disabled":[4],"multiple":[4],"accept":[1],"maxChips":[2,"max-chips"],"counter":[4],"showSize":[2,"show-size"],"prependInnerIcon":[1,"prepend-inner-icon"],"selectedFiles":[32]}],[6,"xplor-input-search",{"value":[1025],"placeholder":[1],"bgColor":[1,"bg-color"],"color":[1],"disabled":[4],"density":[1],"isFocused":[32]}],[2,"xplor-input-select",{"ariaLabel":[1,"aria-label"],"value":[1032],"label":[1],"placeholder":[1],"options":[16],"multiple":[4],"bgColor":[1,"bg-color"],"color":[1],"disabled":[4],"readonly":[4],"hideDetails":[8,"hide-details"],"error":[1],"helperText":[1,"helper-text"],"required":[4],"isOpen":[32],"isFocused":[32],"menuPosition":[32],"highlightedIndex":[32]},[[0,"keydown","handleKeyDown"]]],[6,"xplor-input-text",{"value":[1025],"label":[1],"placeholder":[1],"type":[1],"bgColor":[1,"bg-color"],"color":[1],"disabled":[4],"readonly":[4],"hideDetails":[8,"hide-details"],"error":[1],"helperText":[1,"helper-text"],"required":[4],"isFocused":[32]}],[2,"xplor-input-text-area",{"value":[1025],"label":[1],"placeholder":[1],"bgColor":[1,"bg-color"],"color":[1],"disabled":[4],"readonly":[4],"clearable":[4],"rows":[2],"hideDetails":[8,"hide-details"],"error":[1],"helperText":[1,"helper-text"],"required":[4],"isFocused":[32]}],[6,"xplor-input-text-secondary",{"value":[1025],"label":[1],"placeholder":[1],"type":[1],"bgColor":[1,"bg-color"],"disabled":[4],"readonly":[4],"hideDetails":[8,"hide-details"],"error":[1],"helperText":[1,"helper-text"],"required":[4],"isDirty":[4,"is-dirty"],"isFocused":[32]}],[2,"xplor-input-title",{"value":[1025],"placeholder":[1],"disabled":[4],"readonly":[4],"ariaLabel":[1,"aria-label"]}],[1,"xplor-links",{"brand":[1],"imageAlt":[1,"image-alt"]}],[6,"xplor-nav-tabs",{"value":[1025],"items":[16],"color":[1],"grow":[4]},[[0,"keydown","handleKeyDown"]]],[1,"xplor-radio-btn",{"label":[1],"value":[1],"name":[1],"initialChecked":[4,"initial-checked"],"disabled":[4],"error":[4],"checked":[32],"isHovered":[32],"isFocused":[32],"isPressed":[32],"deselect":[64]},null,{"initialChecked":["watchCheckedProp"]}],[6,"xplor-section-card",{"outlined":[4],"rounded":[4],"padding":[1]}],[6,"xplor-section-heading",{"size":[1],"text":[1],"level":[2]}],[1,"xplor-table",{"columns":[16],"data":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectedValues":[16,"selected-values"],"isSortable":[4,"is-sortable"],"sortableColumns":[16,"sortable-columns"],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32],"sortTypeArray":[32],"selectedDateRange":[32],"currentPage":[32],"totalPages":[32]},null,{"data":["watchData"]}],[6,"xplor-text-bubble",{"color":[1]}],[6,"xplor-text-field",{"value":[1025],"label":[1],"placeholder":[1],"type":[1],"color":[1],"variant":[1],"bgColor":[1,"bg-color"],"errorMessages":[16,"error-messages"],"hideDetails":[8,"hide-details"],"disabled":[4],"readonly":[4],"required":[4],"isDirty":[4,"is-dirty"],"clearable":[4],"customClass":[1,"custom-class"],"maxlength":[2],"min":[2],"max":[2],"isFocused":[32],"hasValue":[32]},null,{"value":["handleValueChange"]}],[2,"xplor-time-picker",{"value":[1025],"label":[1],"placeholder":[1],"clearable":[4],"prefill":[4],"bgColor":[1,"bg-color"],"showSeconds":[4,"show-seconds"],"disabled":[4],"readonly":[4],"error":[1],"hideDetails":[8,"hide-details"],"required":[4],"isOpen":[32],"inputText":[32],"hours":[32],"minutes":[32],"seconds":[32],"period":[32],"lastGoodValue":[32]},[[4,"click","handleDocumentClick"]]],[1,"xplor-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[1,"xplor-dropdown",{"options":[16],"selected":[1],"handleChange":[16,"handle-change"]}],[2,"xplor-inline-date-picker",{"selectedDate":[1025,"selected-date"],"min":[1],"max":[1],"readonly":[4],"color":[1],"startWeekOnSunday":[4,"start-week-on-sunday"],"currentYear":[32],"currentMonth":[32],"viewDate":[32],"focusedDay":[32]},[[0,"keydown","handleKeyDown"]]],[6,"xplor-modal",{"open":[1028],"width":[1],"maxWidth":[1,"max-width"],"maxHeight":[1,"max-height"],"scrollable":[4],"persistent":[4],"loading":[4],"showTitle":[4,"show-title"],"ariaLabel":[1,"aria-label"]},[[0,"keydown","handleKeyDown"]],{"open":["handleOpenChange"]}],[6,"xplor-tooltip",{"position":[1],"trigger":[1],"arrow":[4],"open":[1028],"content":[1],"disabled":[4],"tooltipStyle":[32],"arrowStyle":[32]},[[4,"click","handleDocumentClick"]]],[6,"xplor-button",{"text":[1],"type":[1],"mode":[1],"size":[1],"styles":[1],"clickAction":[16,"click-action"],"ariaLabel":[1,"aria-label"],"disabled":[4],"iconPosition":[1,"icon-position"],"icon":[1],"iconSvg":[1,"icon-svg"]}]]]]'),e)}));
 //# sourceMappingURL=xplor-component-library.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplor-education/core-stencil-components",
-  "version": "2.0.0",
+  "version": "3.0.0",
   "private": false,
   "publishConfig": {
     "access": "public"

package/components/p-B1W2qj2l.js.map

@@ -1 +0,0 @@
-{"file":"p-B1W2qj2l.js","mappings":";;AAAA,MAAM,cAAc,GAAG,mnNAAmnN;;MCO7nN,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AALxB,IAAA,WAAA,GAAA;;;;;AASU,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAiDnC;IAhCC,MAAM,GAAA;QACJ,IAAI,SAAS,GAAG,YAAY;QAC5B,IAAI,IAAI,CAAC,IAAI;AAAE,YAAA,SAAS,IAAI,CAAgB,aAAA,EAAA,IAAI,CAAC,IAAI,EAAE;QACvD,IAAI,IAAI,CAAC,KAAK;AAAE,YAAA,SAAS,IAAI,CAAgB,aAAA,EAAA,IAAI,CAAC,KAAK,EAAE;AAEzD,QAAA,MAAM,KAAK,IACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,GAAG,IACP,CAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAA,CAAI,KAEtC,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,CACP,EACA,IAAI,CAAC,MAAM,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,MAAM,CAAA,CAAE,EAAQ,CAAA,CACjE,CACP;QAED,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACF,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,IAC1B,CAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EACtD,EAAA,KAAK,CACJ,IACF,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,IAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,SAAS,GAAG,uBAAuB,EAAG,EAAA,KAAK,CAAO,KAE9D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,SAAS,IAAG,KAAK,CAAO,CACrC,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-avatar/xplor-avatar.scss?tag=xplor-avatar&encapsulation=shadow","src/components/xplor-avatar/xplor-avatar.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-avatar',\n  styleUrl: 'xplor-avatar.scss',\n  shadow: true,\n})\nexport class XplorAvatar {\n  /** Background color when there is no image src */\n  @Prop() color?: 'green' | 'yellow' | 'pink' | 'primary' | 'secondary';\n  // eslint-disable-next-line @stencil/required-jsdoc\n  @Prop() disabled?: boolean = false;\n  /** The URL if the avatar should be hyperlinked */\n  @Prop() href?: string;\n  /** Alt text for the image if there is an image src */\n  @Prop() name?: string;\n  /** Size of the avatar */\n  @Prop() size?: 'md' | 'sm';\n  /** The image URL */\n  @Prop() src?: string;\n  /** Color styles for the dot indicator to indicate varied states */\n  @Prop() status?: 'active' | 'warning' | 'inactive';\n  /**\n   * Where to open the URL chosen for the `href` prop:\n   * `_self` (default), `_blank`, `_parent`, or `_top`\n   */\n  @Prop() target?: string;\n\n  render() {\n    let className = 'xpl-avatar';\n    if (this.size) className += ` xpl-avatar--${this.size}`;\n    if (this.color) className += ` xpl-avatar--${this.color}`;\n\n    const inner = (\n      <div>\n        {this.src ? (\n          <img alt={this.name} src={this.src} />\n        ) : (\n          <div class=\"xpl-avatar__placeholder\">\n            <slot></slot>\n          </div>\n        )}\n        {this.status && <div class={`xpl-avatar__dot--${this.status}`}></div>}\n      </div>\n    );\n\n    return (\n      <Host>\n        {this.href && !this.disabled ? (\n          <a href={this.href} class={className} target={this.target}>\n            {inner}\n          </a>\n        ) : this.href && this.disabled ? (\n          <div class={className + ' xpl-avatar--disabled'}>{inner}</div>\n        ) : (\n          <div class={className}>{inner}</div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/p-CBSi5kQB.js.map

@@ -1 +0,0 @@
-{"file":"p-CBSi5kQB.js","mappings":";;AAAA,MAAM,cAAc,GAAG,kywBAAkywB;;MCe5ywB,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AAbxB,IAAA,WAAA,GAAA;;;AAeU,QAAA,IAAI,CAAA,IAAA,GAAoF,WAAW;AACnG,QAAA,IAAA,CAAA,IAAI,GAA8B,IAAI,CAAC;AAU/C;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAW,GAAG;AA6C3B;IA1CS,UAAU,GAAA;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE;AACvC,YAAA,QACE,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,+BAA+B,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAA,CAAS;;AAGhF,QAAA,QACE,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EACtB,EAAA,IAAI,CAAC,IAAI,CACL;;IAIX,MAAM,GAAA;AACJ,QAAA,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI;AAC3D,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI;QAE1C,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EACH,MAAA,CAAA,MAAA,CAAA,EAAA,UAAU,EAAE,IAAI,EAChB,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,EACjB,QAAQ,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EACzD,qBAAqB,EAAE,UAAU,EACjC,qBAAqB,EAAE,OAAO,IAAI,CAAC,UAAU,EAC7C,sBAAsB,EAAE,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,CAAC,UAAU,EACpE,oBAAoB,EAAE,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,CAAC,UAAU,EAAA,GAC5D,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,EAEhD,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,EAAE,EAAA,EAEpD,OAAO,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,EAC7D,IAAI,CAAC,IAAI,IAAI,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAE,EAAA,IAAI,CAAC,IAAI,CAAQ,EACzD,OAAO,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,CACrD,CACJ,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-button/xplor-button.scss?tag=xplor-button&encapsulation=scoped","src/components/xplor-button/xplor-button.tsx"],"sourcesContent":["@use '../../styles/colours.scss' as colours-pg;\n@use '../../styles/spacing.scss' as spacing;\n\n:host {\n  display: block;\n}\n\n.x-button {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  -webkit-align-items: center;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border: 1px solid;\n  border-radius: 1rem;\n  cursor: pointer;\n  display: block;\n  -webkit-flex-direction: row;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  font-size: 1rem;\n  font-weight: 500;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  -webkit-letter-spacing: 0.75px;\n  -moz-letter-spacing: 0.75px;\n  -ms-letter-spacing: 0.75px;\n  padding: spacing.$spacing-12 spacing.$spacing-24;\n  letter-spacing: 0.75px;\n  overflow: hidden;\n  position: relative;\n  -webkit-transition:\n    background-color 0.2s,\n    border-color 0.2s,\n    color 0.2s;\n  transition:\n    background-color 0.2s,\n    border-color 0.2s,\n    color 0.2s;\n\n  // Icon Only Button (Circular)\n  &.x-button--icon-only {\n    width: 48px;\n    height: 48px;\n    padding: 0;\n    border-radius: 50%;\n    min-width: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .button-icon {\n      font-size: 20px;\n      font-weight: 300;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      &.button-icon--svg {\n        svg {\n          width: spacing.$spacing-16;\n          height: spacing.$spacing-16;\n          display: block;\n        }\n      }\n    }\n  }\n\n  // Regular Button with Icon\n  &.x-button--with-icon {\n    .button-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 18px;\n      line-height: 1;\n    }\n\n    // SVG icon styles\n    &.x-button--icon-start {\n      .button-icon--svg {\n        margin-right: spacing.$spacing-8 ;\n      }\n    }\n\n    &.x-button--icon-end {\n      .button-icon--svg {\n        margin-left: spacing.$spacing-8 ;\n      }\n    }\n\n    .button-icon--svg {\n\n\n      svg {\n        display: block;\n        width: 14px;\n        height: 14px;\n\n\n        path {\n          fill: currentColor;\n        }\n      }\n    }\n\n    .button-text {\n      line-height: 1;\n    }\n  }\n\n  // Icon positioning\n  &.x-button--icon-start {\n    flex-direction: row;\n  }\n\n  &.x-button--icon-end {\n    flex-direction: row;\n  }\n\n  &.shadow {\n    box-shadow:\n      0px 2.30969px 4.25707px rgba(20, 20, 21, 0.28),\n      0px 6.38599px 11.7703px rgba(20, 20, 21, 0.0521271),\n      0px 15.375px 28.3382px rgba(20, 20, 21, 0.04),\n      0px 32px 94px rgba(20, 20, 21, 0.0278729);\n  }\n\n  &.primary {\n    background-color: colours-pg.$primary;\n    border-color: colours-pg.$primary;\n    color: white;\n\n    &:hover {\n      background-color: colours-pg.$primary-50;\n      border-color: colours-pg.$primary-50;\n      color: white;\n    }\n  }\n\n  &.secondary {\n    background-color: colours-pg.$secondary;\n    border-color: colours-pg.$secondary;\n    color: white;\n\n    &:hover {\n      background-color: colours-pg.$secondary-50;\n      border-color: colours-pg.$secondary-50;\n      color: white;\n      ;\n    }\n  }\n\n  &.ghost {\n    background-color: #fff;\n    border-color: colours-pg.$secondary;\n    color: colours-pg.$secondary;\n\n    &:hover {\n      background-color: #DFF2F1;\n      border-color: colours-pg.$secondary;\n      color: colours-pg.$secondary;\n\n    }\n\n    &:active {\n      background-color: #BEE6E4;\n      border-color: colours-pg.$secondary;\n      color: colours-pg.$secondary;\n\n    }\n  }\n\n  &.minimal {\n    background-color: transparent;\n    border-color: transparent;\n    color: colours-pg.$primary;\n  }\n\n  &.success {\n    background-color: transparent;\n    border-color: colours-pg.$success;\n    color: colours-pg.$success;\n\n    &:hover {\n      background-color: colours-pg.$success-50;\n      border-color: colours-pg.$success;\n      color: colours-pg.$success;\n    }\n\n    &:active {\n      background-color: colours-pg.$success-100;\n    }\n  }\n\n  &.text {\n    background-color: transparent;\n    border-color: transparent;\n    color: colours-pg.$secondary;\n\n    &:hover {\n      background-color: colours-pg.$secondary-50;\n    }\n\n    &:active {\n      background-color: colours-pg.$secondary-100;\n    }\n  }\n\n  &.disabled {\n    background-color: #f6f6f6;\n    border-color: #a0a0a0;\n    color: #a0a0a0;\n  }\n}\n\n.icon {\n  background-color: #ffffff;\n  bottom: 0px;\n  left: 0px;\n  opacity: 0;\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  -webkit-transition: opacity 0.2s;\n  transition: opacity 0.2s;\n}\n\n// Size variations for icon-only buttons\n.x-button--icon-only {\n  &.small {\n    width: 36px;\n    height: 36px;\n    padding: spacing.$spacing-4;\n\n    .button-icon {\n      font-size: 16px;\n    }\n  }\n\n  &.button-icon--svg {\n    padding: spacing.$spacing-4;\n\n    svg {\n      width: 16px;\n      height: 16px;\n\n    }\n  }\n\n  &.large {\n    width: 56px;\n    height: 56px;\n\n    .button-icon {\n      font-size: 24px;\n    }\n  }\n}\n\n// Ensure disabled state works with icon buttons\n.x-button.disabled {\n\n  &.x-button--icon-only,\n  &.x-button--with-icon {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n}","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-button',\n  styleUrl: 'xplor-button.scss',\n  // we cant use multiple styleUrls because the mode property is not reactive only in stencilJS and once the component is rendered it wont change the css file\n  // so we are using only one styleUrl and changing the styles based on the mode property in the class\n  // styleUrls: {\n  //   default: 'xplor-button.scss',\n  //   dark: 'xplor-button-pg.scss',\n  //   pg: 'xplor-button-pg.scss',\n  //   office: 'xplor-button-office.scss',\n  // },\n  scoped: true,\n})\nexport class XplorButton {\n  @Prop() text: string;\n  @Prop() type: 'minimal' | 'primary' | 'secondary' | 'ghost' | 'disabled' | 'success' | 'text' = 'secondary';\n  @Prop() mode?: 'dark' | 'pg' | 'office' = 'pg'; // 'dark', 'pg', 'office' (default: 'dark')\n  @Prop() size?: string; // 'small', 'medium', 'large' (default:'medium')\n  @Prop() styles?: string;\n  @Prop() clickAction: () => void;\n\n  /**\n   * Icon position: 'start' | 'end' | null\n   */\n  @Prop() iconPosition: 'start' | 'end' | null;\n\n  /**\n   * Icon to display (defaults to plus sign)\n   */\n  @Prop() icon: string = '+';\n  @Prop() iconSvg?: string;\n\n  private renderIcon() {\n    if (this.icon === 'svg' && this.iconSvg) {\n      return (\n        <span class=\"button-icon button-icon--svg \" innerHTML={this.iconSvg}></span>\n      );\n    }\n    return (\n      <span class=\"button-icon\">\n        {this.icon}\n      </span>\n    );\n  }\n\n  render() {\n    const isIconOnly = !this.text && this.iconPosition !== null;\n    const hasIcon = this.iconPosition !== null;\n\n    return (\n      <Host>\n        <slot>\n          <button\n            role=\"button\"\n            class={{\n              'x-button': true,\n              [this.type]: true,\n              'shadow': this.type !== 'minimal' && this.type !== 'text',\n              'x-button--icon-only': isIconOnly,\n              'x-button--with-icon': hasIcon && !isIconOnly,\n              'x-button--icon-start': this.iconPosition === 'start' && !isIconOnly,\n              'x-button--icon-end': this.iconPosition === 'end' && !isIconOnly,\n              ...(this.styles ? { [this.styles]: true } : {}),\n            }}\n            onClick={() => this.clickAction && this.clickAction()}\n          >\n            {hasIcon && this.iconPosition === 'start' && this.renderIcon()}\n            {this.text && <span class=\"button-text\">{this.text}</span>}\n            {hasIcon && this.iconPosition === 'end' && this.renderIcon()}\n          </button>\n        </slot>\n      </Host>\n    );\n  }\n}"],"version":3}

package/components/p-CTD6SyTD.js.map

@@ -1 +0,0 @@
-{"file":"p-CTD6SyTD.js","mappings":";;AAAA,MAAM,eAAe,GAAG,83PAA83P;;MCUz4P,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;AAQY,QAAA,IAAQ,CAAA,QAAA,GAAoB,KAAK;AACjC,QAAA,IAAO,CAAA,OAAA,GAAmB,OAAO;AACjC,QAAA,IAAK,CAAA,KAAA,GAAY,IAAI;AACJ,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AAEtC,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAExB,QAAA,IAAY,CAAA,YAAA,GAAQ,EAAE;AACtB,QAAA,IAAU,CAAA,UAAA,GAAQ,EAAE;AAiCrB,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC5B,IAAI,IAAI,CAAC,QAAQ;gBAAE;AACnB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,gBAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;;YAElC,IAAI,CAAC,WAAW,EAAE;AACtB,SAAC;AAEO,QAAA,IAAgB,CAAA,gBAAA,GAAG,MAAK;YAC5B,IAAI,IAAI,CAAC,QAAQ;gBAAE;AACnB,YAAA,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,MAAK;gBAC/B,IAAI,CAAC,WAAW,EAAE;aACrB,EAAE,GAAG,CAAC;AACX,SAAC;AAEO,QAAA,IAAW,CAAA,WAAA,GAAG,MAAK;YACvB,IAAI,IAAI,CAAC,QAAQ;gBAAE;AACnB,YAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;AAC1B,gBAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AACtB,gBAAA,IAAI,IAAI,CAAC,IAAI,EAAE;oBACX,qBAAqB,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;;;AAG9D,SAAC;AAkIJ;IApLG,gBAAgB,GAAA;AACZ,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;YAC1B,IAAI,CAAC,mBAAmB,EAAE;;;IAIlC,oBAAoB,GAAA;QAChB,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AAClB,YAAA,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC;;;IAI9B,mBAAmB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;YACpE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;;;IAIpE,gBAAgB,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;YACvE,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC;;;AA8B/E,IAAA,mBAAmB,CAAC,KAAiB,EAAA;QACjC,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE;AACvC,YAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAc;YACnC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC3B,gBAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;;;IAKrB,WAAW,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI;QAChB,qBAAqB,CAAC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;;IAG9C,WAAW,GAAA;AACf,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;IAGb,cAAc,GAAA;QAClB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;QAExC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;QAC1D,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;AAC1D,QAAA,MAAM,GAAG,GAAG,CAAC,CAAC;AACd,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC;QAEpC,IAAI,GAAG,GAAG,CAAC;QACX,IAAI,IAAI,GAAG,CAAC;QACZ,IAAI,QAAQ,GAAG,EAAE;QACjB,IAAI,SAAS,GAAG,EAAE;QAClB,IAAI,cAAc,GAAG,EAAE;AAEvB,QAAA,QAAQ,IAAI,CAAC,QAAQ;AACjB,YAAA,KAAK,KAAK;AACN,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,GAAG,GAAG,SAAS;AAC5D,gBAAA,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC;gBACvE,QAAQ,GAAG,MAAM;gBACjB,SAAS,GAAG,KAAK;gBACjB,cAAc,GAAG,gCAAgC;gBACjD;AAEJ,YAAA,KAAK,QAAQ;gBACT,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,GAAG,GAAG,SAAS;AAC1C,gBAAA,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC;gBACvE,QAAQ,GAAG,MAAM;gBACjB,SAAS,GAAG,KAAK;gBACjB,cAAc,GAAG,gCAAgC;gBACjD;AAEJ,YAAA,KAAK,MAAM;AACP,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;AACvE,gBAAA,IAAI,GAAG,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,GAAG,GAAG,SAAS;gBAC7D,QAAQ,GAAG,KAAK;gBAChB,SAAS,GAAG,MAAM;gBAClB,cAAc,GAAG,gCAAgC;gBACjD;AAEJ,YAAA,KAAK,OAAO;AACR,gBAAA,GAAG,GAAG,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;gBACvE,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,GAAG,GAAG,SAAS;gBAC1C,QAAQ,GAAG,KAAK;gBAChB,SAAS,GAAG,MAAM;gBAClB,cAAc,GAAG,gCAAgC;gBACjD;;;QAIR,MAAM,eAAe,GAAG,CAAC;AACzB,QAAA,IAAI,IAAI,GAAG,eAAe,EAAE;YACxB,IAAI,GAAG,eAAe;;AACnB,aAAA,IAAI,IAAI,GAAG,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,eAAe,EAAE;YACvE,IAAI,GAAG,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,KAAK,GAAG,eAAe;;AAGlE,QAAA,IAAI,GAAG,GAAG,eAAe,EAAE;YACvB,GAAG,GAAG,eAAe;;AAClB,aAAA,IAAI,GAAG,GAAG,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,GAAG,eAAe,EAAE;YACxE,GAAG,GAAG,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,MAAM,GAAG,eAAe;;QAGnE,IAAI,CAAC,YAAY,GAAG;YAChB,GAAG,EAAE,CAAG,EAAA,GAAG,CAAI,EAAA,CAAA;YACf,IAAI,EAAE,CAAG,EAAA,IAAI,CAAI,EAAA,CAAA;SACpB;QAED,IAAI,CAAC,UAAU,GAAG;AACd,YAAA,GAAG,EAAE,QAAQ;AACb,YAAA,IAAI,EAAE,SAAS;AACf,YAAA,SAAS,EAAE,cAAc;SAC5B;;IAGL,MAAM,GAAA;AACF,QAAA,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CACI,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EACvB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAClC,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAEzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CACrB,EAEL,IAAI,CAAC,IAAI,KACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,SAAS,EAAE,IAAI;AACf,gBAAA,CAAC,YAAY,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AACtC,aAAA,EACD,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAClC,IAAI,EAAC,SAAS,EAAA,EAEd,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,IAAI,CAAC,OAAO,CAAQ,CACzB,EACL,IAAI,CAAC,KAAK,KACP,4DACI,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,IAAI,CAAC,UAAU,EACxB,CAAA,CACL,CACC,CACT,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-tooltip/xplor-tooltip.scss?tag=xplor-tooltip&encapsulation=scoped","src/components/xplor-tooltip/xplor-tooltip.tsx"],"sourcesContent":[":host {\n    display: inline-block;\n    position: relative;\n}\n\n.tooltip-trigger {\n    display: inline-flex;\n    cursor: pointer;\n}\n\n.tooltip {\n    position: fixed;\n    z-index: 9999;\n    background-color: #424242;\n    color: #fff;\n    border-radius: 4px;\n    padding: 0.5rem 0.75rem;\n    font-size: 0.875rem;\n    line-height: 1.4;\n    max-width: 300px;\n    word-wrap: break-word;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    pointer-events: none;\n    opacity: 0;\n    animation: tooltipFadeIn 0.2s ease forwards;\n}\n\n@keyframes tooltipFadeIn {\n    from {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n.tooltip__content {\n    position: relative;\n    z-index: 1;\n}\n\n.tooltip__arrow {\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background-color: #424242;\n    z-index: 0;\n}\n\n.tooltip--top .tooltip__arrow {\n    margin-top: -6px;\n    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--bottom .tooltip__arrow {\n    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--left .tooltip__arrow {\n    margin-left: -6px;\n    display: block;\n    box-shadow: 2px -2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.tooltip--right .tooltip__arrow {\n    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.1);\n}","import { Component, Host, h, Prop, State, Element, Listen } from '@stencil/core';\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type TooltipTrigger = 'hover' | 'click' | 'manual';\n\n@Component({\n    tag: 'xplor-tooltip',\n    styleUrl: 'xplor-tooltip.scss',\n    scoped: true,\n})\nexport class XplorTooltip {\n    @Element() el: HTMLElement;\n\n    @Prop() position: TooltipPosition = 'top';\n    @Prop() trigger: TooltipTrigger = 'hover';\n    @Prop() arrow: boolean = true;\n    @Prop({ mutable: true }) open: boolean = false;\n    @Prop() content: string;\n    @Prop() disabled: boolean = false;\n\n    @State() tooltipStyle: any = {};\n    @State() arrowStyle: any = {};\n\n    private triggerEl: HTMLDivElement;\n    private tooltipEl: HTMLDivElement;\n    private hideTimeout: any;\n\n    componentDidLoad() {\n        if (this.trigger === 'hover') {\n            this.setupHoverListeners();\n        }\n    }\n\n    disconnectedCallback() {\n        this.cleanupListeners();\n        if (this.hideTimeout) {\n            clearTimeout(this.hideTimeout);\n        }\n    }\n\n    private setupHoverListeners() {\n        if (this.triggerEl) {\n            this.triggerEl.addEventListener('mouseenter', this.handleMouseEnter);\n            this.triggerEl.addEventListener('mouseleave', this.handleMouseLeave);\n        }\n    }\n\n    private cleanupListeners() {\n        if (this.triggerEl) {\n            this.triggerEl.removeEventListener('mouseenter', this.handleMouseEnter);\n            this.triggerEl.removeEventListener('mouseleave', this.handleMouseLeave);\n        }\n    }\n\n    private handleMouseEnter = () => {\n        if (this.disabled) return;\n        if (this.hideTimeout) {\n            clearTimeout(this.hideTimeout);\n        }\n        this.showTooltip();\n    };\n\n    private handleMouseLeave = () => {\n        if (this.disabled) return;\n        this.hideTimeout = setTimeout(() => {\n            this.hideTooltip();\n        }, 100);\n    };\n\n    private handleClick = () => {\n        if (this.disabled) return;\n        if (this.trigger === 'click') {\n            this.open = !this.open;\n            if (this.open) {\n                requestAnimationFrame(() => this.updatePosition());\n            }\n        }\n    };\n\n    @Listen('click', { target: 'document' })\n    handleDocumentClick(event: MouseEvent) {\n        if (this.trigger === 'click' && this.open) {\n            const target = event.target as Node;\n            if (!this.el.contains(target)) {\n                this.open = false;\n            }\n        }\n    }\n\n    private showTooltip() {\n        this.open = true;\n        requestAnimationFrame(() => this.updatePosition());\n    }\n\n    private hideTooltip() {\n        this.open = false;\n    }\n\n    private updatePosition() {\n        if (!this.triggerEl || !this.tooltipEl) return;\n\n        const triggerRect = this.triggerEl.getBoundingClientRect();\n        const tooltipRect = this.tooltipEl.getBoundingClientRect();\n        const gap = 8; // Space between trigger and tooltip\n        const arrowSize = this.arrow ? 6 : 0;\n\n        let top = 0;\n        let left = 0;\n        let arrowTop = '';\n        let arrowLeft = '';\n        let arrowTransform = '';\n\n        switch (this.position) {\n            case 'top':\n                top = triggerRect.top - tooltipRect.height - gap - arrowSize;\n                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n                arrowTop = '100%';\n                arrowLeft = '50%';\n                arrowTransform = 'translateX(-50%) rotate(45deg)';\n                break;\n\n            case 'bottom':\n                top = triggerRect.bottom + gap + arrowSize;\n                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n                arrowTop = '-6px';\n                arrowLeft = '50%';\n                arrowTransform = 'translateX(-50%) rotate(45deg)';\n                break;\n\n            case 'left':\n                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n                left = triggerRect.left - tooltipRect.width - gap - arrowSize;\n                arrowTop = '50%';\n                arrowLeft = '100%';\n                arrowTransform = 'translateY(-50%) rotate(45deg)';\n                break;\n\n            case 'right':\n                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n                left = triggerRect.right + gap + arrowSize;\n                arrowTop = '50%';\n                arrowLeft = '-6px';\n                arrowTransform = 'translateY(-50%) rotate(45deg)';\n                break;\n        }\n\n        // Keep tooltip within viewport\n        const viewportPadding = 8;\n        if (left < viewportPadding) {\n            left = viewportPadding;\n        } else if (left + tooltipRect.width > window.innerWidth - viewportPadding) {\n            left = window.innerWidth - tooltipRect.width - viewportPadding;\n        }\n\n        if (top < viewportPadding) {\n            top = viewportPadding;\n        } else if (top + tooltipRect.height > window.innerHeight - viewportPadding) {\n            top = window.innerHeight - tooltipRect.height - viewportPadding;\n        }\n\n        this.tooltipStyle = {\n            top: `${top}px`,\n            left: `${left}px`,\n        };\n\n        this.arrowStyle = {\n            top: arrowTop,\n            left: arrowLeft,\n            transform: arrowTransform,\n        };\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class=\"tooltip-trigger\"\n                    ref={(el) => (this.triggerEl = el)}\n                    onClick={this.handleClick}\n                >\n                    <slot name=\"trigger\" />\n                </div>\n\n                {this.open && (\n                    <div\n                        class={{\n                            'tooltip': true,\n                            [`tooltip--${this.position}`]: true,\n                        }}\n                        style={this.tooltipStyle}\n                        ref={(el) => (this.tooltipEl = el)}\n                        role=\"tooltip\"\n                    >\n                        <div class=\"tooltip__content\">\n                            <slot>{this.content}</slot>\n                        </div>\n                        {this.arrow && (\n                            <div\n                                class=\"tooltip__arrow\"\n                                style={this.arrowStyle}\n                            />\n                        )}\n                    </div>\n                )}\n            </Host>\n        );\n    }\n}\n"],"version":3}

package/components/p-Ddr35stE.js.map

@@ -1 +0,0 @@
-{"file":"p-Ddr35stE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-modal/xplor-modal.scss?tag=xplor-modal&encapsulation=scoped","src/components/xplor-modal/xplor-modal.tsx"],"sourcesContent":[":host {\n  display: contents;\n}\n\n.xplor-modal {\n  &__backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 2000;\n    padding: 1rem;\n  }\n\n  &__card {\n    position: relative;\n    background-color: white;\n    border-radius: 1rem;\n    padding: 1rem;\n    max-width: 90vw;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),\n                0px 24px 38px 3px rgba(0, 0, 0, 0.14),\n                0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n    animation: xplor-modal-fade-in 0.2s ease-out;\n\n    &--scrollable {\n      overflow: hidden;\n    }\n  }\n\n  &__close-btn {\n    position: absolute;\n    top: 1rem;\n    right: 1rem;\n    width: 2.25rem;\n    height: 2.25rem;\n    border: none;\n    background-color: white;\n    color: #008480;\n    font-size: 1rem;\n    cursor: pointer;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background-color 0.2s ease;\n    z-index: 1;\n\n    &:hover {\n      background-color: #E6F7F7;\n    }\n\n    &:active {\n      background-color: #D0EBD2;\n    }\n  }\n\n  &__title {\n    padding-right: 3rem;\n    margin-bottom: 0.5rem;\n    font-size: 1.5rem;\n    font-weight: 500;\n    color: rgba(0, 0, 0, 0.87);\n    white-space: normal;\n    word-wrap: break-word;\n  }\n\n  &__subtitle {\n    margin: 0.5rem;\n    margin-bottom: 1rem;\n    font-size: 0.875rem;\n    color: rgba(0, 0, 0, 0.6);\n  }\n\n  &__body {\n    flex: 1;\n    overflow-y: auto;\n    margin-bottom: 1rem;\n\n    &--no-title {\n      margin-top: 3.5rem;\n    }\n  }\n\n  &__actions {\n    display: flex;\n    gap: 0.5rem;\n    justify-content: flex-end;\n    margin: 1rem 0;\n  }\n\n  &__loading {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 3rem;\n  }\n\n  &__spinner {\n    width: 3rem;\n    height: 3rem;\n    border: 4px solid rgba(0, 0, 0, 0.1);\n    border-top-color: #008480;\n    border-radius: 50%;\n    animation: xplor-spinner-rotate 0.8s linear infinite;\n  }\n}\n\n@keyframes xplor-modal-fade-in {\n  from {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes xplor-spinner-rotate {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-modal',\n  styleUrl: 'xplor-modal.scss',\n  scoped: true,\n})\nexport class XplorModal {\n  /**\n   * Whether the modal is open\n   */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /**\n   * Modal width\n   */\n  @Prop() width: string = '600px';\n\n  /**\n   * Maximum width\n   */\n  @Prop() maxWidth: string = '90%';\n\n  /**\n   * Maximum height\n   */\n  @Prop() maxHeight: string = '90%';\n\n  /**\n   * Whether the modal content is scrollable\n   */\n  @Prop() scrollable: boolean = true;\n\n  /**\n   * Persistent mode - prevents closing on backdrop click\n   */\n  @Prop() persistent: boolean = false;\n\n  /**\n   * Loading state\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Whether to show the title area (for spacing)\n   */\n  @Prop() showTitle: boolean = true;\n\n  /**\n   * Close event\n   */\n  @Event() xplorClose: EventEmitter<void>;\n\n  @Watch('open')\n  handleOpenChange(newValue: boolean) {\n    if (newValue) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n  }\n\n  disconnectedCallback() {\n    document.body.style.overflow = '';\n  }\n\n  private handleBackdropClick = () => {\n    if (!this.persistent) {\n      this.closeModal();\n    }\n  };\n\n  private handleCardClick = (event: Event) => {\n    event.stopPropagation();\n  };\n\n  private closeModal = () => {\n    this.open = false;\n    this.xplorClose.emit();\n  };\n\n  render() {\n    if (!this.open) {\n      return null;\n    }\n\n    const cardClasses = {\n      'xplor-modal__card': true,\n      'xplor-modal__card--scrollable': this.scrollable,\n    };\n\n    const bodyClasses = {\n      'xplor-modal__body': true,\n      'xplor-modal__body--no-title': !this.showTitle,\n    };\n\n    return (\n      <Host>\n        <div class=\"xplor-modal__backdrop\" onClick={this.handleBackdropClick}>\n          <div\n            class={cardClasses}\n            style={{\n              width: this.width,\n              maxWidth: this.maxWidth,\n              maxHeight: this.maxHeight,\n            }}\n            onClick={this.handleCardClick}\n          >\n            <button\n              type=\"button\"\n              class=\"xplor-modal__close-btn\"\n              onClick={this.closeModal}\n              aria-label=\"Close modal\"\n              data-testid=\"common-modal-close-button\"\n            >\n              ✕\n            </button>\n\n            <div class=\"xplor-modal__title\">\n              <slot name=\"title\" />\n            </div>\n\n            <div class=\"xplor-modal__subtitle\">\n              <slot name=\"subtitle\" />\n            </div>\n\n            <div class={bodyClasses}>\n              {this.loading ? (\n                <div class=\"xplor-modal__loading\">\n                  <div class=\"xplor-modal__spinner\"></div>\n                </div>\n              ) : (\n                <slot name=\"body\" />\n              )}\n            </div>\n\n            <div class=\"xplor-modal__actions\">\n              <slot name=\"actions\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/p-x30CgLRv.js.map

@@ -1 +0,0 @@
-{"file":"p-x30CgLRv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/xplor-inline-date-picker/xplor-inline-date-picker.scss?tag=xplor-inline-date-picker&encapsulation=scoped","src/components/xplor-inline-date-picker/xplor-inline-date-picker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n.xplor-inline-date-picker {\n  --picker-color: #008480;\n  display: flex;\n  border-radius: 1rem;\n  background-color: white;\n  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),\n              0 8px 10px 1px rgba(0, 0, 0, 0.14),\n              0 3px 14px 2px rgba(0, 0, 0, 0.12);\n  overflow: hidden;\n\n  &__sidebar {\n    background-color: var(--picker-color);\n    color: white;\n    padding: 1rem;\n    min-width: 180px;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  &__sidebar-year {\n    font-size: 0.875rem;\n    font-weight: 700;\n  }\n\n  &__sidebar-day {\n    font-size: 1.75rem;\n    font-weight: 700;\n  }\n\n  &__sidebar-date {\n    font-size: 1.75rem;\n    font-weight: 700;\n  }\n\n  &__calendar {\n    display: flex;\n    flex-direction: column;\n    width: 320px;\n    padding: 1rem;\n  }\n\n  &__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 1rem;\n    padding: 0.5rem 0;\n  }\n\n  &__title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: rgba(0, 0, 0, 0.87);\n  }\n\n  &__arrow {\n    width: 2rem;\n    height: 2rem;\n    border: none;\n    background: transparent;\n    font-size: 1.5rem;\n    color: rgba(0, 0, 0, 0.54);\n    cursor: pointer;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background-color 0.2s ease;\n\n    &:hover {\n      background-color: rgba(0, 0, 0, 0.04);\n    }\n\n    &:active {\n      background-color: rgba(0, 0, 0, 0.08);\n    }\n  }\n\n  &__weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 0.25rem;\n    margin-bottom: 0.5rem;\n  }\n\n  &__weekday {\n    text-align: center;\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: rgba(0, 0, 0, 0.6);\n    padding: 0.5rem 0;\n  }\n\n  &__days {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    gap: 0.25rem;\n  }\n\n  &__day {\n    aspect-ratio: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.875rem;\n    font-weight: 500;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    position: relative;\n\n    &:not(&--empty):not(&--disabled):hover {\n      background-color: rgba(0, 0, 0, 0.04);\n    }\n\n    &--empty {\n      cursor: default;\n    }\n\n    &--today {\n      color: var(--picker-color);\n      font-weight: 700;\n\n      &::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        border: 2px solid var(--picker-color);\n        border-radius: 50%;\n      }\n    }\n\n    &--selected {\n      background-color: var(--picker-color);\n      color: white;\n      font-weight: 700;\n\n      &:hover {\n        background-color: var(--picker-color);\n        opacity: 0.9;\n      }\n\n      &::before {\n        display: none;\n      }\n    }\n\n    &--disabled {\n      color: rgba(0, 0, 0, 0.38);\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n  }\n}\n\n// Compact variant (no sidebar)\n:host([compact]) {\n  .xplor-inline-date-picker {\n    &__sidebar {\n      display: none;\n    }\n\n    &__calendar {\n      width: 280px;\n    }\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-inline-date-picker',\n  styleUrl: 'xplor-inline-date-picker.scss',\n  scoped: true,\n})\nexport class XplorInlineDatePicker {\n  /**\n   * Selected date (YYYY-MM-DD format)\n   */\n  @Prop({ mutable: true }) selectedDate: string = '';\n\n  /**\n   * Minimum selectable date (YYYY-MM-DD format)\n   */\n  @Prop() min: string = '';\n\n  /**\n   * Maximum selectable date (YYYY-MM-DD format)\n   */\n  @Prop() max: string = '';\n\n  /**\n   * Whether the date picker is readonly\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Primary color\n   */\n  @Prop() color: string = '#008480';\n\n  /**\n   * Whether to start week on Sunday (default: true)\n   */\n  @Prop() startWeekOnSunday: boolean = true;\n\n  /**\n   * Date selection event\n   */\n  @Event() dateSelected: EventEmitter<string>;\n\n  /**\n   * Month change event\n   */\n  @Event() monthChanged: EventEmitter<{ year: number; month: number }>;\n\n  @State() currentYear: number;\n  @State() currentMonth: number;\n  @State() viewDate: Date;\n\n  private monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\n  private dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n  private dayNamesStartMonday = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];\n\n  componentWillLoad() {\n    const date = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    this.currentYear = date.getFullYear();\n    this.currentMonth = date.getMonth();\n    this.viewDate = new Date(this.currentYear, this.currentMonth, 1);\n  }\n\n  private previousMonth = () => {\n    if (this.currentMonth === 0) {\n      this.currentMonth = 11;\n      this.currentYear--;\n    } else {\n      this.currentMonth--;\n    }\n    this.viewDate = new Date(this.currentYear, this.currentMonth, 1);\n    this.monthChanged.emit({ year: this.currentYear, month: this.currentMonth });\n  };\n\n  private nextMonth = () => {\n    if (this.currentMonth === 11) {\n      this.currentMonth = 0;\n      this.currentYear++;\n    } else {\n      this.currentMonth++;\n    }\n    this.viewDate = new Date(this.currentYear, this.currentMonth, 1);\n    this.monthChanged.emit({ year: this.currentYear, month: this.currentMonth });\n  };\n\n  private selectDate = (day: number) => {\n    if (this.readonly) return;\n\n    const date = new Date(this.currentYear, this.currentMonth, day);\n    const dateString = this.formatDate(date);\n\n    if (this.isDateDisabled(date)) return;\n\n    this.selectedDate = dateString;\n    this.dateSelected.emit(dateString);\n  };\n\n  private formatDate = (date: Date): string => {\n    const year = date.getFullYear();\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const day = String(date.getDate()).padStart(2, '0');\n    return `${year}-${month}-${day}`;\n  };\n\n  private isDateDisabled = (date: Date): boolean => {\n    if (this.min) {\n      const minDate = new Date(this.min);\n      if (date < minDate) return true;\n    }\n    if (this.max) {\n      const maxDate = new Date(this.max);\n      if (date > maxDate) return true;\n    }\n    return false;\n  };\n\n  private isToday = (day: number): boolean => {\n    const today = new Date();\n    return (\n      day === today.getDate() &&\n      this.currentMonth === today.getMonth() &&\n      this.currentYear === today.getFullYear()\n    );\n  };\n\n  private isSelected = (day: number): boolean => {\n    if (!this.selectedDate) return false;\n    const selected = new Date(this.selectedDate);\n    return (\n      day === selected.getDate() &&\n      this.currentMonth === selected.getMonth() &&\n      this.currentYear === selected.getFullYear()\n    );\n  };\n\n  private getDaysInMonth = (): number => {\n    return new Date(this.currentYear, this.currentMonth + 1, 0).getDate();\n  };\n\n  private getFirstDayOfMonth = (): number => {\n    const firstDay = new Date(this.currentYear, this.currentMonth, 1).getDay();\n    return this.startWeekOnSunday ? firstDay : (firstDay === 0 ? 6 : firstDay - 1);\n  };\n\n  private renderCalendarDays = () => {\n    const daysInMonth = this.getDaysInMonth();\n    const firstDay = this.getFirstDayOfMonth();\n    const days = [];\n\n    // Empty cells for days before the first of the month\n    for (let i = 0; i < firstDay; i++) {\n      days.push(<div class=\"xplor-inline-date-picker__day xplor-inline-date-picker__day--empty\"></div>);\n    }\n\n    // Days of the month\n    for (let day = 1; day <= daysInMonth; day++) {\n      const date = new Date(this.currentYear, this.currentMonth, day);\n      const isDisabled = this.isDateDisabled(date);\n      const isToday = this.isToday(day);\n      const isSelected = this.isSelected(day);\n\n      days.push(\n        <div\n          class={{\n            'xplor-inline-date-picker__day': true,\n            'xplor-inline-date-picker__day--today': isToday,\n            'xplor-inline-date-picker__day--selected': isSelected,\n            'xplor-inline-date-picker__day--disabled': isDisabled,\n          }}\n          onClick={() => !isDisabled && this.selectDate(day)}\n        >\n          {day}\n        </div>\n      );\n    }\n\n    return days;\n  };\n\n  private getSidebarDate = () => {\n    const date = this.selectedDate ? new Date(this.selectedDate) : new Date();\n    const dayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n    const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n\n    return {\n      year: date.getFullYear(),\n      day: dayNames[date.getDay()],\n      date: `${monthNames[date.getMonth()]} ${date.getDate()}`,\n    };\n  };\n\n  render() {\n    const sidebarDate = this.getSidebarDate();\n    const dayHeaders = this.startWeekOnSunday ? this.dayNames : this.dayNamesStartMonday;\n\n    return (\n      <Host>\n        <div class=\"xplor-inline-date-picker\" style={{ '--picker-color': this.color }}>\n          <div class=\"xplor-inline-date-picker__sidebar\">\n            <div class=\"xplor-inline-date-picker__sidebar-year\">{sidebarDate.year}</div>\n            <div class=\"xplor-inline-date-picker__sidebar-day\">{sidebarDate.day},</div>\n            <div class=\"xplor-inline-date-picker__sidebar-date\">{sidebarDate.date}</div>\n          </div>\n\n          <div class=\"xplor-inline-date-picker__calendar\">\n            <div class=\"xplor-inline-date-picker__header\">\n              <button\n                type=\"button\"\n                class=\"xplor-inline-date-picker__arrow\"\n                onClick={this.previousMonth}\n                aria-label=\"Previous month\"\n              >\n                ‹\n              </button>\n              <div class=\"xplor-inline-date-picker__title\">\n                {this.monthNames[this.currentMonth]} {this.currentYear}\n              </div>\n              <button\n                type=\"button\"\n                class=\"xplor-inline-date-picker__arrow\"\n                onClick={this.nextMonth}\n                aria-label=\"Next month\"\n              >\n                ›\n              </button>\n            </div>\n\n            <div class=\"xplor-inline-date-picker__weekdays\">\n              {dayHeaders.map((day) => (\n                <div class=\"xplor-inline-date-picker__weekday\">{day}</div>\n              ))}\n            </div>\n\n            <div class=\"xplor-inline-date-picker__days\">{this.renderCalendarDays()}</div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}