adp-web-components 0.1.91 → 0.1.93

package/dist/cjs/form-dialog_13.cjs.entry.js

@@ -12,12 +12,11 @@ var formInput = require('./form-input-cvIkC0L1.js');
 var formInputLabel = require('./form-input-label-meHUwu3m.js');
 var formErrorMessage = require('./form-error-message-Brt-y3mq.js');
 var loaderIcon = require('./loader-icon-j5dMQ4bN.js');
-var tickIcon = require('./tick-icon-5nsAUzj6.js');
+var whiteLoader = require('./white-loader-D6sR0fOI.js');
 var validation = require('./validation-jJwLyk27.js');
-var whiteLoader = require('./white-loader-Ca6EPcsj.js');
 var decodeTimeOffset = require('./decode-time-offset-CY6JVxX3.js');
 var getNestedValue = require('./get-nested-value-lW6t7V4I.js');
-var getLocalLanguage = require('./get-local-language-DNAZjtmK.js');
+var getLocalLanguage = require('./get-local-language-DnfiY7ux.js');
 var validateVin = require('./validate-vin-CJDIXpJO.js');
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
@@ -96,12 +95,12 @@ const FormInput = class {
     }
     render() {
         const [locale] = this.form.getFormLocale();
-        return (index.h(index.Host, { key: '249f2b216f52989df9044df0e95c8e856c028231', translate: "no" }, index.h("div", { key: 'b873bf5b4623acb57bc20c8b223e097b10c48c39', part: "form-dialog-modal", dir: locale.sharedFormLocales.direction, class: cn.cn('dialog-drop-container', {
+        return (index.h(index.Host, { key: '3bffe1406953303f8af70e149e9d72d1dbd1bbb4', translate: "no" }, index.h("div", { key: 'f1456a7f8a499b518b5dcce747a23081952524b4', part: "form-dialog-modal", dir: locale.sharedFormLocales.direction, class: cn.cn('dialog-drop-container', {
                 'opened-dialog-drop-container dialog-blur': this.isOpened,
                 'error': this.isError,
-            }) }, index.h("div", { key: '83462923d74edd9ec406f7b4b346c4509aff73ad', part: "dialog-wrapper", class: cn.cn('dialog-wrapper', {
+            }) }, index.h("div", { key: '9c2b3accdf438144895f4e03fc4a14f95fa3bed2', part: "dialog-wrapper", class: cn.cn('dialog-wrapper', {
                 'opened-dialog-wrapper': this.isOpened,
-            }) }, index.h("button", { key: 'b2c37880b510488d4b5129bd967bc72571e13d6c', "aria-label": "Close the dialog", part: "dialog-close-icon-button", onClick: this.closeDialog, type: "button", class: "dialog-close-icon-button" }, index.h(addIcon.AddIcon, { key: '390b417330a7654f6c32aa56d3deab8209fe6ee6' })), index.h("div", { key: '464b6dae8424bc0350534faf0dd8c961a354d032', part: "dialog-content", class: "dialog-content" }, this.isError && this.internalMessage, index.h("div", { key: '6aeb5cb96268ec82661f8428ebdfd8bac58d48e6', style: { display: this.isError ? 'none' : 'block' } }, index.h("slot", { key: 'fa4c161dab08862c32f86c0f95d0b18b35170e00' }))), index.h("button", { key: 'da44232bf13003c66af8f6f4dc2655d0dabcf2ce', part: "dialog-close-button", type: "button", onClick: this.closeDialog, class: "dialog-close-button" }, this.closeText)))));
+            }) }, index.h("button", { key: '304025b125c9859e1b266c99fefb581729301d4e', "aria-label": "Close the dialog", part: "dialog-close-icon-button", onClick: this.closeDialog, type: "button", class: "dialog-close-icon-button" }, index.h(addIcon.AddIcon, { key: '807cb04f427c8a81cfad6cbff090defbb9e7725b' })), index.h("div", { key: 'de10caeba8756a2f3b7328691e54860c09dccd4b', part: "dialog-content", class: "dialog-content" }, this.isError && this.internalMessage, index.h("div", { key: '0b8d3ecefcbe7845890f7f710f8303bd32c3eb31', style: { display: this.isError ? 'none' : 'block' } }, index.h("slot", { key: 'ccfee76d27c2f0c201ac09a7bc04cb3c6d697504' }))), index.h("button", { key: 'f88b74ef4329cd67c5c73705d402dd63935e2427', part: "dialog-close-button", type: "button", onClick: this.closeDialog, class: "dialog-close-button" }, this.closeText)))));
     }
     static get watchers() { return {
         "message": ["changeErrorMiddleware"]
@@ -364,7 +363,7 @@ const FormFile = class {
                 'form-input-error-style': isErrorState,
                 'form-file-trigger-loading': showSpinner,
                 'form-file-trigger-success': this.uploadState === 'success',
-            }) }, index.h("span", { key: 'ae9b12cf4edb37844f38d435933084652dedce19', part: `${this.name}-file-text form-file-text`, class: "form-file-text" }, showSpinner ? this.getLoadingText(locale, language) : displayText), index.h("span", { key: 'aac9cd0d8e571f3f6825ab6f5db5dcefc3306469', part: `${this.name}-file-icon form-file-icon`, class: "form-file-icon" }, showSpinner && index.h(loaderIcon.LoaderIcon, { key: 'c0723742fa154223d785995aa825d61919f0aa03', class: "form-file-spinner" }), !showSpinner && this.uploadState === 'success' && index.h(tickIcon.TickIcon, { key: '1c5e1f9324cc92426ca1dfcc19c63752498da941', class: "form-file-success-icon" })))), index.h(formErrorMessage.FormErrorMessage, { key: '203bb1efd839585cef4c425ea4e9702402482533', name: this.name, isError: isErrorState, errorMessage: this.failedText || errorTextMessage }))));
+            }) }, index.h("span", { key: 'ae9b12cf4edb37844f38d435933084652dedce19', part: `${this.name}-file-text form-file-text`, class: "form-file-text" }, showSpinner ? this.getLoadingText(locale, language) : displayText), index.h("span", { key: 'aac9cd0d8e571f3f6825ab6f5db5dcefc3306469', part: `${this.name}-file-icon form-file-icon`, class: "form-file-icon" }, showSpinner && index.h(loaderIcon.LoaderIcon, { key: 'c0723742fa154223d785995aa825d61919f0aa03', class: "form-file-spinner" }), !showSpinner && this.uploadState === 'success' && index.h(whiteLoader.TickIcon, { key: '1c5e1f9324cc92426ca1dfcc19c63752498da941', class: "form-file-success-icon" })))), index.h(formErrorMessage.FormErrorMessage, { key: '203bb1efd839585cef4c425ea4e9702402482533', name: this.name, isError: isErrorState, errorMessage: this.failedText || errorTextMessage }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -9339,9 +9338,9 @@ const FormPickerInput = class {
             'form-input-icon-interactive': !!this.iconAction,
         });
         const renderIcon = () => this.iconAction ? (index.h("button", { type: "button", disabled: isDisabled, onClick: this.iconAction, part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon)) : (index.h("span", { part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon));
-        return (index.h(index.Host, { key: '2383e410bf6430610ea017f1939a1b40443f83e9', translate: "no" }, index.h("label", { key: 'f2e6df4e9d182a97f58c028277368f346d659c4c', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: '948bd124f48bd7e092d422d9de20b9a5c444816f', isRequired: isRequired, label: label }), index.h("div", { key: 'b3491699cb39124b3b4a74c249c050cd8c85dd84', part: `${this.name}-container form-input-container relative`, class: "form-input-container" }, index.h(whiteLoader.FormInputPrefix, { key: '5d1042e5f368b068aa6622c007a575a97f313181', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), index.h("input", { key: '9b508893f0661597dc96c9622821defdd7c8e084', type: "text", readonly: true, tabIndex: -1, part: `form-input`, disabled: isDisabled, value: this.displayedValue, onClick: this.onInputClick, onKeyDown: e => e.preventDefault(), placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), { pointerEvents: 'none' }), class: cn.cn('form-input-style enabled:cursor-pointer', {
+        return (index.h(index.Host, { key: '41642c79e3344981ab8d44503933e8de5b1e266f', translate: "no" }, index.h("label", { key: '6575d57adabc4a4681624f9bb0d7a6bcab4b7a1d', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: '3c073e7a1a66dbf97045221af27512ebaa52439b', isRequired: isRequired, label: label }), index.h("div", { key: '1470af0d443481a1a13ac58ed3d20cd819f4c9a8', part: `${this.name}-container form-input-container relative`, class: "form-input-container" }, index.h(whiteLoader.FormInputPrefix, { key: '161ee44ff9af294493c13079db2138f4e78ced34', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), index.h("input", { key: 'dda51f4751fa1fdd57da443c5c283ed215f351d3', type: "text", readonly: true, tabIndex: -1, part: `form-input`, disabled: isDisabled, value: this.displayedValue, onClick: this.onInputClick, onKeyDown: e => e.preventDefault(), placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), { pointerEvents: 'none' }), class: cn.cn('form-input-style enabled:cursor-pointer', {
                 'form-input-error-style': isError,
-            }) }), index.h("input", Object.assign({ key: '27690e3234509a0be40f0212f463c06254de342d', type: this.type, name: this.name }, this.inputProps, { onBlur: this.onInputBlur, onClick: this.onInputClick, onInput: this.onInputChange, part: `${this.name}-input ${part}`, class: cn.cn('shadow-input size-full absolute top-0 left-0 opacity-0 cursor-pointer', part), min: Array.isArray(this.min) ? decodeTimeOffset.decodeTimeOffset({ offsets: this.min, type: this.type }) : this.min, max: Array.isArray(this.max) ? decodeTimeOffset.decodeTimeOffset({ offsets: this.max, type: this.type }) : this.max })), this.icon && renderIcon()), index.h(formErrorMessage.FormErrorMessage, { key: 'fff7a1dba07f3cc952df2cb22c06e536dbae29c7', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+            }) }), index.h("input", Object.assign({ key: 'cee456f43f6d7f52aeee287b8866b949efe2653e', type: this.type, name: this.name }, this.inputProps, { onBlur: this.onInputBlur, onClick: this.onInputClick, onInput: this.onInputChange, part: `${this.name}-input ${part}`, class: cn.cn('shadow-input size-full absolute top-0 left-0 opacity-0 cursor-pointer', part), min: Array.isArray(this.min) ? decodeTimeOffset.decodeTimeOffset({ offsets: this.min, type: this.type }) : this.min, max: Array.isArray(this.max) ? decodeTimeOffset.decodeTimeOffset({ offsets: this.max, type: this.type }) : this.max })), this.icon && renderIcon()), index.h(formErrorMessage.FormErrorMessage, { key: '977a6d3726902f9e92cdbcf96d0a38589528e941', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -9397,7 +9396,7 @@ const FormStepper = class {
         const [_, language] = this.form.getFormLocale();
         const steps = ((_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.form) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.structure) === null || _c === void 0 ? void 0 : _c.steps) || [];
         const currentStep = (_e = (_d = this.form) === null || _d === void 0 ? void 0 : _d.formStructure) === null || _e === void 0 ? void 0 : _e.currentStep;
-        return (index.h(index.Host, { key: 'b86698cc3501245dfeca1d3dfb28eb7473004886', translate: "no" }, index.h("div", { key: '39ecbf80b7180c1a525899654550a55e8f35ccf5', part: cn.cn(formStepperId, this === null || this === void 0 ? void 0 : this.name), class: "w-full", id: this.wrapperId }, index.h("div", { key: 'e2864e612a7f770c10b4323fda855d0470499a66', part: cn.cn(formStepperId + 'container', (this === null || this === void 0 ? void 0 : this.name) + 'container'), ref: el => (this.container = el), class: "relative flex items-center justify-between px-1 w-full" }, index.h("div", { key: '186cd2217ca96fb0d4145c19068a6a91dfc54fec', part: cn.cn(formStepperId + '-line'), ref: el => (this.line = el), class: "absolute w-full h-[1px] -translate-y-[50%] -translate-x-[50%] top-[16px] left-[50%]", style: { background: 'repeating-linear-gradient(to right,black 0px,black 12px,transparent 6px,transparent 24px)' } }), steps.map((step, i) => {
+        return (index.h(index.Host, { key: 'a14bb2c569f133b42f9acfcf4a5895ea4116c85f', translate: "no" }, index.h("div", { key: '7ba58c2d42a1a513629da85d76d0b812eec3ba19', part: cn.cn(formStepperId, this === null || this === void 0 ? void 0 : this.name), class: "w-full", id: this.wrapperId }, index.h("div", { key: '2e9bf3f2e93e70c45afada5dd97e531c5c537b35', part: cn.cn(formStepperId + 'container', (this === null || this === void 0 ? void 0 : this.name) + 'container'), ref: el => (this.container = el), class: "relative flex items-center justify-between px-1 w-full" }, index.h("div", { key: 'c4f8cb90209eb6d257316faa554807dc8a453740', part: cn.cn(formStepperId + '-line'), ref: el => (this.line = el), class: "absolute w-full h-[1px] -translate-y-[50%] -translate-x-[50%] top-[16px] left-[50%]", style: { background: 'repeating-linear-gradient(to right,black 0px,black 12px,transparent 6px,transparent 24px)' } }), steps.map((step, i) => {
             var _a, _b, _c;
             return (index.h("div", { key: i, class: "flex items-center" }, index.h("div", { part: cn.cn(formStepperId + '-step', formStepperId + '-step-' + (i + 1), {
                     [formStepperId + '-step-done']: i + 1 < currentStep,
@@ -9458,10 +9457,10 @@ const FormStepperControl = class {
         const direction = (_c = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _c === void 0 ? void 0 : _c.direction;
         let step = this.form.getStepLabels(language, currentStep);
         const text = (step === null || step === void 0 ? void 0 : step.back) || '';
-        return (index.h("button", { key: '34e6d70a2d8e3d7eb180bf45e84a971277d6122c', type: "button", formnovalidate: true, disabled: this.isLoading, onClick: () => this.form.updateStep(-1), part: cn.cn('stepper-control', `stepper-control-${direction}`, buttonSubscriberKey$1, `stepper-control-step-${currentStep}`), class: cn.cn('transition-all duration-700 text-[16px] flex gap-1 items-center stepper-control', {
+        return (index.h("button", { key: '1ac2e6d390239d6a02dd7070b858e9c6b9c9dbf9', type: "button", formnovalidate: true, disabled: this.isLoading, onClick: () => this.form.updateStep(-1), part: cn.cn('stepper-control', `stepper-control-${direction}`, buttonSubscriberKey$1, `stepper-control-step-${currentStep}`), class: cn.cn('transition-all duration-700 text-[16px] flex gap-1 items-center stepper-control', {
                 'loading': this.isLoading,
                 'pointer-events-none': currentStep === 10,
-            }) }, index.h("div", { key: 'c759db6c2fadbbcdd103caee94ad5ae734766be2', part: cn.cn('stepper-control-icon', `stepper-control-icon-${direction}`) }, direction === 'ltr' && index.h(ChevronLeftIcon, { key: '9cfbabe6f9ca29dc198ac1f6b446d719a9748d7e', class: "size-5" }), direction === 'rtl' && index.h(ChevronRightIcon, { key: '0a56bb491427cda14acdbbc82b1de3732bdc0e8b', class: "size-5" })), text));
+            }) }, index.h("div", { key: '776edcaf9a2b6303a8eec5c96b396a808ea760cd', part: cn.cn('stepper-control-icon', `stepper-control-icon-${direction}`) }, direction === 'ltr' && index.h(ChevronLeftIcon, { key: '0715917895f98c3a26e598b3190764ab9f4d0d7f', class: "size-5" }), direction === 'rtl' && index.h(ChevronRightIcon, { key: 'dad717c0407606ae3440b7a9c773a61da796ba33', class: "size-5" })), text));
     }
 };
 FormStepperControl.style = formInputsCss$5;
@@ -9487,9 +9486,9 @@ const FormStepperSubmit = class {
         const [locale, language] = this.form.getFormLocale();
         let step = this.form.getStepLabels(language, this.step);
         const submitText = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.label) || (step === null || step === void 0 ? void 0 : step.submitButton) || getNestedValue.getNestedValue(locale, this.submitTextKey) || getNestedValue.getNestedValue(locale, 'sharedFormLocales.submit') || 'Submit';
-        return (index.h("button", { key: '94bd759ffdc4ac47e9b4f06a576d981494d9db62', type: "submit", formnovalidate: true, disabled: this.isLoading, part: cn.cn('submit-button', buttonSubscriberKey), class: cn.cn('form-submit', {
+        return (index.h("button", { key: '90992d87be655d4fa899c6ceca6a7e839a0faaa7', type: "submit", formnovalidate: true, disabled: this.isLoading, part: cn.cn('submit-button', buttonSubscriberKey), class: cn.cn('form-submit', {
                 loading: this.isLoading,
-            }) }, index.h("div", { key: 'cc2c4b0c0fa0fae8c30caa09664b812bc5380a1d', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), index.h("div", { key: 'fa1e19707a96014229125bb32d53dbbdc756784e', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), index.h("div", { key: '920af0901c4c8640782f50a79d93c7b3c418b70b', part: "form-submit-loading-container", class: "form-submit-loading-container" }, index.h("img", { key: '335968a8cec3b07352f38db54ef43f298190e18c', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: whiteLoader.whiteLoaderSvg }))));
+            }) }, index.h("div", { key: '9c863fbbcaf9d3993b619e7f55f80e2d20010505', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), index.h("div", { key: '48a4ed30c98c316b358d262c654c7d5374f58401', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), index.h("div", { key: 'd37680a6cfc5b94a56c07142ac8f464a4c23f7b2', part: "form-submit-loading-container", class: "form-submit-loading-container" }, index.h("img", { key: 'd0a70dac0fa49643648a09ce2a5460245c2a46b6', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: whiteLoader.whiteLoaderSvg }))));
     }
 };
 FormStepperSubmit.style = formInputsCss$4;
@@ -9563,7 +9562,7 @@ const FormStructureError = class {
         this.sharedLocales = await getLocalLanguage.getSharedLocal(newLanguage);
     }
     render() {
-        return (index.h(index.Host, { key: '91b04a8676b3f86512862c916126446fe72f8b33', translate: "no" }, index.h("div", { key: '26236b75719ecef5ba84f33e5de2dea4675ea7bc', dir: this.sharedLocales.direction, part: "form-structure-error-container", class: "form-structure-error-container" }, index.h("div", { key: 'e9c970422ab338117bee7a51f510d0a9381bffe1', part: "form-structure-error-content", class: "form-structure-error-content" }, this.sharedLocales.errors.wrongFormStructure))));
+        return (index.h(index.Host, { key: '6e58c1191fcc60cf0018500840270769a5b7fa18', translate: "no" }, index.h("div", { key: 'b3999532d91c083eb5814f031e166fc40682741f', dir: this.sharedLocales.direction, part: "form-structure-error-container", class: "form-structure-error-container" }, index.h("div", { key: 'ca5f4bd1cd34642062729d85e7b8dfc9c2eaec39', part: "form-structure-error-content", class: "form-structure-error-content" }, this.sharedLocales.errors.wrongFormStructure))));
     }
     static get watchers() { return {
         "language": ["changeLanguage"]
@@ -9607,9 +9606,9 @@ const FormTextArea = class {
         const { disabled, isRequired, meta, isError, errorMessage } = this.form.getInputState(this.name);
         const { label, placeholder, errorTextMessage } = formInput.getInputLocalization(this, meta, errorMessage);
         const isDisabled = disabled || this.isLoading || !!this.staticValue || this.isDisabled;
-        return (index.h(index.Host, { key: 'b6671700d81023939448c953e0935a6cc91f656f', translate: "no" }, index.h("label", { key: '30973799360c83a9e6d836b4fdeaeb7e8a449e7a', part: `form-textarea ${this.name}`, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: '0ffc52354729e0c1c9ad2320782c5079518c8373', name: this.name, isRequired: isRequired, label: label }), index.h("div", { key: '2d33090dae6d788f69fc0909d57d2103c940bcc5', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h("textarea", { key: '298c0be7a134fb25f3d6ba2b42f4dcc196042523', name: this.name, disabled: isDisabled, placeholder: placeholder, part: `${this.name}-textarea form-input-textarea`, class: cn.cn('form-input-style form-input-textarea-style', partKeyPrefix$1 + this.name, {
+        return (index.h(index.Host, { key: 'bc62eed7119763aac1501028b736b2d847a365fc', translate: "no" }, index.h("label", { key: '2fd748bfee9e5eb76e1a89320ecdd00f9ceee4f6', part: `form-textarea ${this.name}`, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: '628d9ecc72704ba8bd6abeffc6d202e1311744cf', name: this.name, isRequired: isRequired, label: label }), index.h("div", { key: '79d9cc8cbe3678db7c2ce030bde38c412a6d41d9', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h("textarea", { key: '671f5139c759a3932a6440c9218483b34164f39d', name: this.name, disabled: isDisabled, placeholder: placeholder, part: `${this.name}-textarea form-input-textarea`, class: cn.cn('form-input-style form-input-textarea-style', partKeyPrefix$1 + this.name, {
                 'form-input-error-style': isError,
-            }) }, this.defaultValue)), index.h("div", { key: 'd3c4e582654628972631643f098ef13614fbb16a', class: "-mt-1" }, index.h(formErrorMessage.FormErrorMessage, { key: '540ef6f19d4a5728831e441e78b63fc6901b1386', name: this.name, isError: isError, errorMessage: errorTextMessage })))));
+            }) }, this.defaultValue)), index.h("div", { key: '6dd64696bf929479eb707d3380301251e1d83457', class: "-mt-1" }, index.h(formErrorMessage.FormErrorMessage, { key: '567ad33649ecd2b4666be21b2b3f34cda9d72404', name: this.name, isError: isError, errorMessage: errorTextMessage })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -9680,9 +9679,9 @@ const FormVinInput = class {
         const { label, placeholder, errorTextMessage } = formInput.getInputLocalization(this, meta, errorMessage);
         const isDisabled = disabled || this.isLoading || !!this.staticValue || this.isDisabled;
         const extractorTitle = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.scan) || ((_j = (_g = (_f = (_e = (_d = (_c = this.form) === null || _c === void 0 ? void 0 : _c.context) === null || _d === void 0 ? void 0 : _d.structure) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.localization) === null || _g === void 0 ? void 0 : _g[(_h = this.form.context) === null || _h === void 0 ? void 0 : _h.language]) === null || _j === void 0 ? void 0 : _j['vin-scan']) || 'Scan Your VIN';
-        return (index.h(index.Host, { key: '912e81ae01ecad41bf0affa616b04ab91b0fd453', translate: "no" }, index.h("label", { key: '608bd424a20397bd1ffcf63655118a229827aaaf', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: '7d98abe2aae81c229ff5f946844cd9a7f65f0060', isRequired: isRequired, label: label }), index.h("div", { key: '48d00f027d8b71bd9f959ec6306c713f8820fd89', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h(whiteLoader.FormInputPrefix, { key: 'b304c92d5ed438474e018e56327dd9f540ffca03', name: this.name, direction: (_k = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _k === void 0 ? void 0 : _k.direction, prefix: this.inputPrefix }), index.h("input", Object.assign({ key: '82d9438d2120ee3e34c68443e2a322a35e2558a7' }, this.inputProps, { name: this.name, disabled: isDisabled, defaultValue: this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign({}, (this.prefixWidth ? { [((_l = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _l === void 0 ? void 0 : _l.direction) === 'rtl' ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), class: cn.cn('form-input-style !uppercase', part, {
+        return (index.h(index.Host, { key: '664b2090565f7b02c0ac4c8e5e02a7d306fb5912', translate: "no" }, index.h("label", { key: 'cec36a5cd5d97de6dd5349b0f8e4787c0e78d417', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: 'ac5abc409e71813176f1619fae700e924aef9270', isRequired: isRequired, label: label }), index.h("div", { key: 'd79f5f046b1931d28bb771599b0a9c4ffc6e56e3', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h(whiteLoader.FormInputPrefix, { key: '4f841aa8360703887100f2da7e4fb12df2428fb0', name: this.name, direction: (_k = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _k === void 0 ? void 0 : _k.direction, prefix: this.inputPrefix }), index.h("input", Object.assign({ key: '6b96dfd514da16348efda219603e7b46503edce3' }, this.inputProps, { name: this.name, disabled: isDisabled, defaultValue: this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign({}, (this.prefixWidth ? { [((_l = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _l === void 0 ? void 0 : _l.direction) === 'rtl' ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), class: cn.cn('form-input-style !uppercase', part, {
                 'form-input-error-style': isError,
-            }) })), !!this.scannerIcon && (this.useOcr || this.readSticker) && (index.h("button", { key: '085a88c4b878422157ab89e6e5c5902f51f934ab', type: "button", disabled: isDisabled, part: cn.cn('vin-validator', part + '-vin'), onClick: () => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.el.getElementsByTagName('vin-extractor')[0]) === null || _a === void 0 ? void 0 : _a.open(); }, class: "absolute transition-all duration-500 disabled:!pointer-events-none disabled:!opacity-0 flex justify-center items-center end-3.5 !text-[#576675] enabled:hover:!text-black/85 aspect-square h-[70%] top-1/2 -translate-y-1/2" }, this.scannerIcon === 'qr-code' && index.h(QrCodeScanIcon, { key: 'ebaaa7e3e3f356bda29b7754209cb07eda64d06f', class: "size-[90%] text-inherit" }), this.scannerIcon === 'camera' && index.h(CameraIcon, { key: 'fce0f057764c783c05ac9b65ab4c226fcb4d2a7a', class: "size-[90%] text-inherit" })))), index.h(formErrorMessage.FormErrorMessage, { key: 'dc22482abe3ae63702026992d1f631a8d72e1c80', name: this.name, isError: isError, errorMessage: errorTextMessage })), (this.useOcr || this.readSticker) && (index.h("div", { key: '63eba24f4302624929e3b26b04e8b7affa4e0436', class: "absolute" }, index.h("vin-extractor", { key: 'f6f36be99e43e9ff46a48c66dc9f8330fcf74fae', verbose: true, manualCapture: true, useOcr: this.useOcr, title: extractorTitle, skipValidation: false, readSticker: this.readSticker, ocrEndpoint: this.ocrEndpoint, onExtract: newVin => {
+            }) })), !!this.scannerIcon && (this.useOcr || this.readSticker) && (index.h("button", { key: 'd5cebbf58749e7d6a95262ed5265e412719291de', type: "button", disabled: isDisabled, part: cn.cn('vin-validator', part + '-vin'), onClick: () => { var _a; return (_a = this === null || this === void 0 ? void 0 : this.el.getElementsByTagName('vin-extractor')[0]) === null || _a === void 0 ? void 0 : _a.open(); }, class: "absolute transition-all duration-500 disabled:!pointer-events-none disabled:!opacity-0 flex justify-center items-center end-3.5 !text-[#576675] enabled:hover:!text-black/85 aspect-square h-[70%] top-1/2 -translate-y-1/2" }, this.scannerIcon === 'qr-code' && index.h(QrCodeScanIcon, { key: 'b28d6734fdea8ce14809f653d9343631bf1969b2', class: "size-[90%] text-inherit" }), this.scannerIcon === 'camera' && index.h(CameraIcon, { key: 'dd7354ddc2f3bf17eea2436cc5abe8e2edc3450a', class: "size-[90%] text-inherit" })))), index.h(formErrorMessage.FormErrorMessage, { key: '86212aa0ed1a9873ffc04c81b41b06a2a6084b26', name: this.name, isError: isError, errorMessage: errorTextMessage })), (this.useOcr || this.readSticker) && (index.h("div", { key: '9aaf51c7573629c6ee303f5f300c9c1ad2ee802f', class: "absolute" }, index.h("vin-extractor", { key: '233ce31e4436fe5ca8db405db3a648d03b44d948', verbose: true, manualCapture: true, useOcr: this.useOcr, title: extractorTitle, skipValidation: false, readSticker: this.readSticker, ocrEndpoint: this.ocrEndpoint, onExtract: newVin => {
                 var _a, _b;
                 this.inputRef.value = newVin;
                 (_a = this.form) === null || _a === void 0 ? void 0 : _a.validateInput(this === null || this === void 0 ? void 0 : this.name);
@@ -10034,7 +10033,7 @@ const VinExtractor = class {
     }
     render() {
         const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
-        return (index.h(index.Host, { key: '571ed75d38f46d9ab299bc257673cfba9ed95b43', translate: "no" }, index.h("slot", { key: '5cabec94c600c1d559596b967b527f4aa6efbe1e' }), index.h("input", Object.assign({ key: '0ac0a7bb9688fa5f2ee82c781a9c224cfc4012ea', class: "vin-extractor-input", type: "file", accept: "image/*", "aria-label": "Upload VIN image" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), index.h("canvas", { key: 'b1b2f0bf0cde944d3b8ae6f52ceef4f750814e31', class: "video-canvas hidden", "aria-hidden": "true" }), !this.uploaderButtonId && (index.h("div", { key: '98ccaf8c8ae5f4aa12e1adfd29239b88484b85f4', onClick: () => (this.isOpen = false), role: "dialog", "aria-modal": ariaExpanded.toString(), "aria-label": this.title || 'VIN Scanner', "aria-hidden": (!ariaExpanded).toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, index.h("div", { key: '34478b901016fd6ac2a0285747b4337b7704a2c5', role: "document", onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn.cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, index.h("div", { key: '2b730c5c04eb493f64f731ff6a29a57f469ad6b2', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (index.h("button", { type: "button", "aria-label": "Switch camera", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, index.h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, index.h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), index.h("path", { d: "M21 3v5h-5" }), index.h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), index.h("path", { d: "M8 16H3v5" })))) : (index.h("div", { class: "size-8", "aria-hidden": "true" })), index.h("h1", { key: '05805dfedd197dad26785778a3be3ad88a84c572', class: "text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label", part: "form-input-label" }, this.title), index.h("button", { key: '2412e8d126655923e01729ecd6ba2204786c9b05', type: "button", "aria-label": "Close scanner", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, index.h("svg", { key: 'b9b74beb43e49d65abb5c2de94f5c07097a9eef1', fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'd5c36287aee9a7eb549887e0d81feade936e1978', d: "M18 6 6 18" }), index.h("path", { key: 'e630c52d52f8c20e4d2ad75ed4741fdda1934b25', d: "m6 6 12 12" })))), this.manualCapture && (index.h("button", { key: '2255cb6991a1c1ac7bcd0aa11e177b4a81f9f734', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), "aria-label": this.manualCaptureLoading ? 'Capturing...' : 'Capture VIN', class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (index.h("svg", { fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full animate-spin animate-spin-v" }, index.h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (index.h("svg", { fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), index.h("circle", { cx: "12", cy: "13", r: "3" }))))), index.h("video", { key: 'fae3bdb19c96cfb46441cd302ab3980432def357', autoPlay: true, id: "video", playsInline: true, "aria-label": "Camera preview", class: "video-player aspect-video bg-black min-w-full min-h-full object-cover object-center" }))))));
+        return (index.h(index.Host, { key: 'c4969f268a0fea485b6a7563c9eddd7168405289', translate: "no" }, index.h("slot", { key: '0253ef54a7e1fa3ab4579817a8939e5fa3e1b7c2' }), index.h("input", Object.assign({ key: 'f8421b96035ed573bd36bfcb5d3c572c08cfb65d', class: "vin-extractor-input", type: "file", accept: "image/*", "aria-label": "Upload VIN image" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), index.h("canvas", { key: 'fe23377d4a2dd7912c74a537b4059b706629582b', class: "video-canvas hidden", "aria-hidden": "true" }), !this.uploaderButtonId && (index.h("div", { key: '1570aa61168ecc64fab8c71f9ef089f93e042c54', onClick: () => (this.isOpen = false), role: "dialog", "aria-modal": ariaExpanded.toString(), "aria-label": this.title || 'VIN Scanner', "aria-hidden": (!ariaExpanded).toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, index.h("div", { key: '4bc0c68d0b8dd2cff2db4a54fa6e8ee4597ca221', role: "document", onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn.cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, index.h("div", { key: '6b51f5217fb0f61cec4ee3f174138b29af548011', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (index.h("button", { type: "button", "aria-label": "Switch camera", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, index.h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, index.h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), index.h("path", { d: "M21 3v5h-5" }), index.h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), index.h("path", { d: "M8 16H3v5" })))) : (index.h("div", { class: "size-8", "aria-hidden": "true" })), index.h("h1", { key: '81c5de5e5695aa1f76637161670ecd315411276b', class: "text-center text-[18px] md:text-[24px] md:text-black text-slate-100 form-input-label", part: "form-input-label" }, this.title), index.h("button", { key: '257198551980730a342f281fb217ab9591f20719', type: "button", "aria-label": "Close scanner", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, index.h("svg", { key: 'a877b946f5b29d9f1ccb07db2568ecb0cc589abb', fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f52169a3775490e77ceed3b6e9b204122c78af8f', d: "M18 6 6 18" }), index.h("path", { key: 'f8803f383c46b7d4c4bed76c7a98e456525748ac', d: "m6 6 12 12" })))), this.manualCapture && (index.h("button", { key: '2902ff87fc149cc32360b01f8eef804d9bdab351', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), "aria-label": this.manualCaptureLoading ? 'Capturing...' : 'Capture VIN', class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (index.h("svg", { fill: "none", "stroke-width": "2", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full animate-spin animate-spin-v" }, index.h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (index.h("svg", { fill: "none", "stroke-width": "2", class: "size-full", "aria-hidden": "true", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), index.h("circle", { cx: "12", cy: "13", r: "3" }))))), index.h("video", { key: '05fa40017c4c29821ed827e1c5f9b2146a2fba17', autoPlay: true, id: "video", playsInline: true, "aria-label": "Camera preview", class: "video-player aspect-video bg-black min-w-full min-h-full object-cover object-center" }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{form-input_6.cjs.entry.js → form-input_7.cjs.entry.js}

@@ -9,11 +9,12 @@ var cn = require('./cn-BHnqYtun.js');
 require('./types-DV_cOCRi.js');
 var formInput = require('./form-input-cvIkC0L1.js');
 var formInputLabel = require('./form-input-label-meHUwu3m.js');
-var whiteLoader = require('./white-loader-Ca6EPcsj.js');
+var whiteLoader = require('./white-loader-D6sR0fOI.js');
 var formErrorMessage = require('./form-error-message-Brt-y3mq.js');
 var getNestedValue = require('./get-nested-value-lW6t7V4I.js');
 var arrowUpIcon = require('./arrow-up-icon-BtMHdVU9.js');
 var addIcon = require('./add-icon-DSBO_equ.js');
+var loader = require('./loader-jtAYWeFG.js');
 require('./validation-jJwLyk27.js');
 require('./validate-vin-CJDIXpJO.js');
 
@@ -75,9 +76,9 @@ const FormInput$1 = class FormInput {
         });
         const renderIcon = () => this.iconAction ? (index.h("button", { type: "button", disabled: isDisabled, onClick: this.iconAction, part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon)) : (index.h("span", { part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon));
         const { label, placeholder, errorTextMessage } = formInput.getInputLocalization(this, meta, errorMessage);
-        return (index.h(index.Host, { key: '1f5c8177e05bee88bbe19f9d85f16855fefc60a2', translate: "no" }, index.h("label", { key: '2106714c4c42c3c8089a0dc4c12b0bd2137a054c', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: '41396eb25d25060141035cf05cafaf64efaa3318', isRequired: isRequired, label: label }), index.h("div", { key: '986fc013d4c41bd2dbe4c3771e1ba20b4f33a7e0', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h(whiteLoader.FormInputPrefix, { key: 'db520eb7aeeb93df99a68f74843e7e7185e252ef', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), index.h("input", Object.assign({ key: '04d0874e2e72dab813b67a3084afd38a9b1a28e8', name: this.name, type: this === null || this === void 0 ? void 0 : this.type, disabled: isDisabled, onInput: this.onInputChange, defaultValue: this.formatter ? this.formatter(this.defaultValue || '') : this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), class: cn.cn('form-input-style', part, {
+        return (index.h(index.Host, { key: '141525d80cc4581ea2ec8e6ee52fa70b7d6cca1d', translate: "no" }, index.h("label", { key: '2976b30509c698aa9926ae7641437fd2f1f4dbf8', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: 'f984c0504960e6a345cfa5fe75f17b59e6f74c50', isRequired: isRequired, label: label }), index.h("div", { key: '3c1c364099141af44be7811bb3f7034a00d46a87', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h(whiteLoader.FormInputPrefix, { key: 'bd3b21429000794a8377588c641326dd577f62fa', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), index.h("input", Object.assign({ key: 'bd3a448ea53bfc66128f9b86920642267ef49c69', name: this.name, type: this === null || this === void 0 ? void 0 : this.type, disabled: isDisabled, onInput: this.onInputChange, defaultValue: this.formatter ? this.formatter(this.defaultValue || '') : this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), class: cn.cn('form-input-style', part, {
                 'form-input-error-style': isError,
-            }) }, this.inputProps)), this.icon && renderIcon()), index.h(formErrorMessage.FormErrorMessage, { key: 'e37a69db7e9a14fa3c23beb9d12b32e9bbf4da91', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+            }) }, this.inputProps)), this.icon && renderIcon()), index.h(formErrorMessage.FormErrorMessage, { key: 'de5250e0b95d14c5a2206ae81413686547efebf2', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -220,7 +221,7 @@ const FormInput = class {
         this.form.validateForm(this.name, newValue);
     }
     render() {
-        return index.h("input", { key: 'b39a3897ef7518427a9840cfc3f6e108c4f5db86', class: "shadow-input", type: this.type, hidden: true, name: this.name, value: this.value });
+        return index.h("input", { key: 'daa82f6d81766159234bbda6b981e4de25558ce3', class: "shadow-input", type: this.type, hidden: true, name: this.name, value: this.value });
     }
     static get watchers() { return {
         "name": ["handleNameChange"],
@@ -249,14 +250,14 @@ const FormSubmit = class {
         var _a, _b;
         const [locale, language] = this.form.getFormLocale();
         const submitText = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.label) || getNestedValue.getNestedValue(locale, this.submitTextKey) || getNestedValue.getNestedValue(locale, 'sharedFormLocales.submit') || 'Submit';
-        return (index.h("button", { key: '26189d855df46c7ef7e82468aa2270641aecb8bd', type: "submit", formnovalidate: true, part: buttonSubscriberKey, disabled: this.isLoading, class: cn.cn('form-submit', {
+        return (index.h("button", { key: 'bbdfc65485628ab94c0ae792106ebf4483899e47', type: "submit", formnovalidate: true, part: buttonSubscriberKey, disabled: this.isLoading, class: cn.cn('form-submit', {
                 loading: this.isLoading,
-            }) }, index.h("div", { key: '785a685b9da53d8b931a865c26ca79d4cb900683', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), index.h("div", { key: 'bef56d7625158bfec49dadcc6801929930ba73de', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), index.h("div", { key: 'c14befa29bb10ea08d086f0436e15dcf394cd74f', part: "form-submit-loading-container", class: "form-submit-loading-container" }, index.h("img", { key: '0a2dc350457f402105ec10e775fc8348309053a6', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: whiteLoader.whiteLoaderSvg }))));
+            }) }, index.h("div", { key: 'a59080d20d0293a0e0524250806bc2db70bb862c', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), index.h("div", { key: '8c8ccd81db2745fbdcab183a96ce8104535272f5', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), index.h("div", { key: '12ff4d987e4277454f4daf912ef3aa601a1771cd', part: "form-submit-loading-container", class: "form-submit-loading-container" }, index.h("img", { key: 'fcb6bdc9b06f42312d7ada87d5e8071c28591bc4', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: whiteLoader.whiteLoaderSvg }))));
     }
 };
 FormSubmit.style = formInputsCss;
 
-const shiftPortalCss = "*,:after,:before{--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:rgba(59,130,246,.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;border:0 solid #e5e7eb;box-sizing:border-box}::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:rgba(59,130,246,.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;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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}}.cursor-pointer{cursor:pointer}.resize{resize:both}.block{display:block}.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)}.hidden{display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.mt-\\[32px\\]{margin-top:32px}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.overflow-x-auto{overflow-x:auto}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.font-bold{font-weight:700}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.min-w-0{min-width:0}.rotate-180{--tw-rotate:180deg;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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}";
+const shiftPortalCss = "*,:after,:before{--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:rgba(59,130,246,.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;border:0 solid #e5e7eb;box-sizing:border-box}::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:rgba(59,130,246,.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;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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}}.cursor-pointer{cursor:pointer}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.block{display:block}.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)}.hidden{display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.min-w-0{min-width:0}.rotate-180{--tw-rotate:180deg;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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}";
 
 const ShiftPortal = class {
     constructor(hostRef) {
@@ -339,7 +340,7 @@ function getCustomClassesForPortal(element) {
     return finaleClass === null || finaleClass === void 0 ? void 0 : finaleClass.replaceAll('  ', ' ');
 }
 
-const shiftSelectCss = "*,:after,:before{--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:rgba(59,130,246,.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;border:0 solid #e5e7eb;box-sizing:border-box}::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:rgba(59,130,246,.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;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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}}.cursor-pointer{cursor:pointer}.resize{resize:both}.block{display:block}.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)}.hidden{display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.mt-\\[32px\\]{margin-top:32px}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.overflow-x-auto{overflow-x:auto}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.font-bold{font-weight:700}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.min-w-0{min-width:0}.rotate-180{--tw-rotate:180deg;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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}";
+const shiftSelectCss = "*,:after,:before{--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:rgba(59,130,246,.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;border:0 solid #e5e7eb;box-sizing:border-box}::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:rgba(59,130,246,.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;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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}}.cursor-pointer{cursor:pointer}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.block{display:block}.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)}.hidden{display:none}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.flex{display:flex}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.flex-col{flex-direction:column}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.rounded-md{border-radius:.375rem}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.min-w-0{min-width:0}.rotate-180{--tw-rotate:180deg;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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}";
 
 const ShiftSelect = class {
     constructor(hostRef) {
@@ -468,15 +469,57 @@ const ShiftSelect = class {
         };
         return (index.h(index.Host, { key: '2b17badf9dc04a007506c13f3492f95fcde05a32', translate: "no" }, index.h("div", { key: '9781ef1f10ef59e6bbdb9d16c5a0979717775305', part: `${this.name}-container form-input-container`, class: cn.cn('form-input-container', { open: this.isOpen, disabled: this.disableInput, disableInput: this.disableInput }) }, index.h("slot", { key: '0b28b79cc3f84944ddddf6b74da85747581ec905' }), index.h("input", { key: '91410cca11198865fb3ad37c3b78d69a61577f76', type: "text", disabled: this.disableInput, part: `${this.name}-input-select form-input-select`, value: this.searchable ? this.searchValue : (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) || '', readOnly: !this.searchable, onInput: this.onSearchInput, onClick: this.toggleDropdown, placeholder: this.placeholder, class: cn.cn('form-input-style form-input-select', {
                 'form-input-error-style': this.isError,
-            }) }), index.h("div", { key: '144ba08cf7d2d6df14ccc646221487c6297a1c3e', part: `${this.name}-select-icon-container form-input-select-icon-container`, class: cn.cn('form-input-select-icon-container cursor-pointer', { 'pointer-events-none!': !((selectedItem || this.searchValue) && this.clearable) }) }, (selectedItem || this.searchValue) && this.clearable ? (index.h(addIcon.AddIcon, { part: `${this.name}-cross-icon`, onClick: this.clearInput, class: "form-input-select-icon cross" })) : (this.hasArrow && index.h(arrowUpIcon.ArrowUpIcon, { part: `${this.name}-arrow-icon select-arrow`, class: "cursor-pointer form-input-select-icon pointer-events-none! arrow" }))), index.h("shift-portal", { key: '6a780f671c8304bcb25ebc281a5eb7186a2356ba', tag: "shift-select-dropdown", inheritedClasses: this.dropdownAncestorClasses, componentProps: dropdownProps }))));
+            }) }), index.h("div", { key: '144ba08cf7d2d6df14ccc646221487c6297a1c3e', part: `${this.name}-select-icon-container form-input-select-icon-container`, class: cn.cn('form-input-select-icon-container cursor-pointer', { 'pointer-events-none!': !((selectedItem || this.searchValue) && this.clearable) }) }, (selectedItem || this.searchValue) && this.clearable ? (index.h(addIcon.AddIcon, { part: `${this.name}-cross-icon`, onClick: this.clearInput, class: "form-input-select-icon cross" })) : (this.hasArrow && index.h(arrowUpIcon.ArrowUpIcon, { part: `${this.name}-arrow-icon select-arrow`, class: "cursor-pointer form-input-select-icon pointer-events-none! arrow" }))), 
+        // @ts-ignore
+        false, index.h("shift-portal", { key: '17f63b5523df9e29481b2a68cfa4516bc4cd4413', tag: "shift-select-dropdown", inheritedClasses: this.dropdownAncestorClasses, componentProps: dropdownProps }))));
     }
     get el() { return index.getElement(this); }
 };
 ShiftSelect.style = shiftSelectCss;
 
+const shiftSelectDropdownCss = "*,:after,:before{--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:rgba(59,130,246,.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;border:0 solid #e5e7eb;box-sizing:border-box}::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:rgba(59,130,246,.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;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.z-\\[551\\]{z-index:551}.block{display:block}.flex{display:flex}.hidden{display:none}.\\!size-\\[22px\\]{height:22px!important;width:22px!important}.size-5{height:1.25rem;width:1.25rem}.h-\\[100px\\]{height:100px}.max-h-\\[250px\\]{max-height:250px}.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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-start{text-align:start}.capitalize{text-transform:capitalize}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.shift-select-container{--tw-bg-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;left:var(--shift-select-left,0);max-height:250px;opacity:0;overflow:auto;pointer-events:none;position:fixed;top:var(--shift-select-top,0);transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--shift-select-width,auto);z-index:551}.shift-select-container-open{opacity:1;pointer-events:auto}.shift-select-option{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem;text-align:start}.shift-select-option:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.shift-select-option-selected{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.shift-select-option-tick{height:1.25rem;opacity:0;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.25rem}.shift-select-option-tick-selected{opacity:1}.shift-select-empty-container{align-items:center;display:flex;height:100px;justify-content:center}.shift-select-empty-container-error{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}@keyframes spin-animation{to{transform:rotate(1turn)}}.shift-select-spinner{animation:spin-animation 2s linear infinite;height:22px!important;width:22px!important}.phone-country-selection-select-container{width:200px!important}.custom-shift-select-country-option{background:transparent;display:flex;flex-direction:row;gap:8px;overflow:hidden}.shift-select-country-code-label{display:block;min-width:30px;text-transform:capitalize}.static{position:static}.relative{position:relative}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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}}.cursor-pointer{cursor:pointer}.resize{resize:both}.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)}.absolute{position:absolute}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.justify-center{justify-content:center}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.overflow-hidden{overflow:hidden}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;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))}.animate-spin{animation:spin 1s linear infinite}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.h-\\[200px\\]{height:200px}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.gap-\\[16px\\]{gap:16px}.pb-\\[16px\\]{padding-bottom:16px}.mx-auto{margin-left:auto;margin-right:auto}.me-2{margin-inline-end:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[32px\\]{margin-top:32px}.inline-flex{display:inline-flex}.h-\\[50px\\]{height:50px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.items-stretch{align-items:stretch}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.p-\\[2px\\]{padding:2px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[16px\\]{font-size:16px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.me-1{margin-inline-end:.25rem}.mb-\\[12px\\]{margin-bottom:12px}.w-\\[500px\\]{width:500px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[96vw\\]{max-width:96vw}.gap-2{gap:.5rem}.gap-\\[32px\\]{gap:32px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.py-\\[12px\\]{padding-bottom:12px}.pt-\\[12px\\],.py-\\[12px\\]{padding-top:12px}.pt-\\[32px\\]{padding-top:32px}.pt-\\[8px\\]{padding-top:8px}.text-\\[20px\\]{font-size:20px}.text-xl{font-size:1.25rem;line-height:1.75rem}.even\\:bg-slate-100:nth-child(2n){--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.\\!pointer-events-none{pointer-events:none!important}.\\!w-full{width:100%!important}.translate-x-\\[-200\\%\\]{--tw-translate-x:-200%}.translate-x-\\[-200\\%\\],.translate-y-\\[200\\%\\]{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))}.translate-y-\\[200\\%\\]{--tw-translate-y:200%}.\\[\\&_\\*\\]\\:\\!pointer-events-none *{pointer-events:none!important}.my-auto{margin-bottom:auto;margin-top:auto}.grid{display:grid}.size-\\[28px\\]{height:28px;width:28px}.min-w-0{min-width:0}.rotate-180{--tw-rotate:180deg;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))}.place-items-center{place-items:center}.rounded{border-radius:.25rem}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.bg-slate-200\\/70{background-color:rgba(226,232,240,.7)}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[6px\\]{padding-left:6px;padding-right:6px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-\\[13px\\]{font-size:13px}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:cursor-pointer:hover{cursor:pointer}.hover\\:bg-sky-200:hover{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))}.hover\\:bg-slate-200\\/70:hover{background-color:rgba(226,232,240,.7)}";
+
+const ShiftSelectDropdown = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hasTick = true;
+        this.hasArrow = true;
+        this.name = '';
+        this.isOpen = false;
+        this.selectedValue = '';
+        this.options = [];
+        this.reverseOptions = false;
+        this.containerEl = null;
+    }
+    componentDidLoad() {
+        var _a;
+        (_a = this.setElementRef) === null || _a === void 0 ? void 0 : _a.call(this, this.containerEl);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.setElementRef) === null || _a === void 0 ? void 0 : _a.call(this, null);
+    }
+    render() {
+        const containerIdentifiers = cn.cn(`${this.name}-select-container shift-select-container`, {
+            'shift-select-container-open': this.isOpen,
+        });
+        const selectButtonIdentifiers = (option) => cn.cn(`${this.name}-select-option shift-select-option`, { 'shift-select-option-selected': this.selectedValue === option.value });
+        const tickIdentifiers = (option) => cn.cn(`${this.name}-tick-icon shift-select-option-tick`, {
+            'shift-select-option-tick-selected': this.selectedValue === option.value,
+        });
+        const emptyContainerIdentifier = cn.cn(`${this.name}-select-empty-container shift-select-empty-container`, { 'shift-select-empty-container-error': this.fetchingErrorText });
+        const spinnerIdentifiers = cn.cn(`${this.name}-select-spinner shift-select-spinner`);
+        const optionLabelIdentifier = cn.cn(`${this.name}-select-option-label shift-select-option-label`);
+        return (index.h(index.Host, { key: '2fe679acd490412150dfa2c7d77acf37cde5e5a4' }, index.h("div", { key: '291b72ea5945821740dc9c9fe40b2b5c65a1ac86', onWheel: e => e.stopPropagation(), onTouchMove: e => e.stopPropagation(), ref: el => (this.containerEl = el), part: containerIdentifiers, class: containerIdentifiers }, !!this.options.length &&
+            (this.reverseOptions ? [...this.options].reverse() : this.options).map(option => this.fullRenderOption ? (this.fullRenderOption(option, this.selectedValue === option.value, this.handleSelection)) : (index.h("button", { type: "button", part: selectButtonIdentifiers(option), class: selectButtonIdentifiers(option), onClick: () => this.handleSelection(option) }, this.renderOption ? (this.renderOption(option, this.selectedValue === option.value)) : (index.h("div", { part: optionLabelIdentifier, class: optionLabelIdentifier }, option.label)), this.hasTick && index.h(whiteLoader.TickIcon, { part: tickIdentifiers(option), class: tickIdentifiers(option) })))), !this.options.length && (index.h("div", { key: 'eba47101554f4834deac006521f2124c8f503c32', part: emptyContainerIdentifier, class: emptyContainerIdentifier }, this.fetchingErrorText, !this.fetchingErrorText && (this.isLoading ? index.h("img", { part: spinnerIdentifiers, class: spinnerIdentifiers, src: loader.loaderSvg }) : this.noSelectionText))))));
+    }
+};
+ShiftSelectDropdown.style = shiftSelectDropdownCss;
+
 exports.form_input = FormInput$1;
 exports.form_select = FormSelect;
 exports.form_shadow_input = FormInput;
 exports.form_submit = FormSubmit;
 exports.shift_portal = ShiftPortal;
 exports.shift_select = ShiftSelect;
+exports.shift_select_dropdown = ShiftSelectDropdown;

package/dist/cjs/form-switch.cjs.entry.js

@@ -38,7 +38,7 @@ const FormSwitch = class {
     render() {
         const { disabled, meta, errorMessage, isError } = this.form.getInputState(this.name);
         const { label, errorTextMessage } = formInput.getInputLocalization(this, meta, errorMessage);
-        return (index.h(index.Host, { key: '985473b832f06387ad4be6831a7201edb6ab1075', translate: "no" }, index.h("div", { key: '9eb2405c156c317e43bd05c86b5431d2645f10fd', part: `${this.name}`, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, disabled) }, index.h("div", { key: 'c208375a143cbb9ebd8ae45955af3a51de88a398', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h("shift-switch", { key: 'd20d9ed4478db7d4be4a2e93882fa4f4ba56e7c8', name: this.name, label: label, class: "form-switch" })), index.h(formErrorMessage.FormErrorMessage, { key: '86495012beedc426e775fd2a392f7adb042f7362', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+        return (index.h(index.Host, { key: '9356af2d6675e967f277b863eefd04f18009be24', translate: "no" }, index.h("div", { key: '7e79a32a824bc05cbe47315631a15979f2b876c3', part: `${this.name}`, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, disabled) }, index.h("div", { key: '278cfcb9320653ae215e40325caca75ff6c9e7ae', part: `${this.name}-container form-input-container`, class: "form-input-container" }, index.h("shift-switch", { key: '258161d4585234538df7218946d86eca0894688f', name: this.name, label: label, class: "form-switch" })), index.h(formErrorMessage.FormErrorMessage, { key: '5803ee03c0480f9e6b9d4c20be1952d82b20161c', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/form-time-picker.cjs.entry.js

@@ -139,22 +139,22 @@ const FormTimePicker = class {
         const step = this.minuteStep || 1;
         const hours = Array.from({ length: 24 }, (_, i) => i);
         const minutes = Array.from({ length: Math.ceil(60 / step) }, (_, i) => i * step);
-        return (index.h(index.Host, { key: '163124c733be5f16d46b39d34828e065d276ea93', translate: "no" }, index.h("label", { key: '5f7b68ce57d156bca185ee742f6238c5bb42720b', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: '4637dfe3129aa4770b96fa5e32f9941270bae71a', isRequired: isRequired, label: label }), index.h("form-shadow-input", { key: 'f28488bda61214b985958aaab93a1eac8ca41053', name: this.name, form: this.form, value: this.selectedValue }), index.h("div", { key: '53001465867182f20fc822661f7362070ec179da', part: `${this.name}-container form-input-container`, class: cn.cn('form-input-container', { open: this.isOpen }) }, index.h("input", { key: 'bb61173a8216234c3252e271fbd1d7d1ebd7f9fa', type: "text", readOnly: true, disabled: isDisabled, value: this.selectedValue, onClick: this.toggleDropdown, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), class: cn.cn('form-input-style form-input-select', {
+        return (index.h(index.Host, { key: '6b3a4ea826ea0c84e04eed20a704e5c0e813337e', translate: "no" }, index.h("label", { key: '67478c3f4a8850b2f158c0f770f053c50133709e', part: this.name, id: this.wrapperId, class: cn.cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, index.h(formInputLabel.FormInputLabel, { key: 'c2a3741a553e7118fe8e5fb9a30481548cc8045b', isRequired: isRequired, label: label }), index.h("form-shadow-input", { key: '5f1240804457073623742b5ae2893bfd536da938', name: this.name, form: this.form, value: this.selectedValue }), index.h("div", { key: '810e033f8d55d629d5db213a75768ebd2e4ba140', part: `${this.name}-container form-input-container`, class: cn.cn('form-input-container', { open: this.isOpen }) }, index.h("input", { key: 'b6bb8e7ddb91bbb18a28b32567e91efebd91f811', type: "text", readOnly: true, disabled: isDisabled, value: this.selectedValue, onClick: this.toggleDropdown, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), class: cn.cn('form-input-style form-input-select', {
                 'form-input-error-style': isError,
-            }) }), index.h("span", { key: '6693b254dca91fd9bcaec90c96cc97d5880f4460', part: `${this.name}-icon form-time-picker-icon`, class: "form-input-icon form-input-icon-end" }, index.h("svg", { key: '2fafc85a4c4924bb4cf88d5df123945a4014c58f', "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full" }, index.h("circle", { key: '3e67dde3d4423b094ddec563cbc7c1a64bf213aa', cx: "12", cy: "12", r: "10" }), index.h("polyline", { key: '1f37328e499e52a010b002b5bdaa0e0b84a27285', points: "12 6 12 12 16 14" }))), index.h("div", { key: '6a921f83a1803a21725ecee39cd444605d97a86f', part: `${this.name}-dropdown form-time-picker-dropdown`, class: cn.cn('form-picker-dropdown', {
+            }) }), index.h("span", { key: 'eda7df336d3c2b60bea46e8671c0fd14a437d68a', part: `${this.name}-icon form-time-picker-icon`, class: "form-input-icon form-input-icon-end" }, index.h("svg", { key: '873d52be7e89d0d2ef944eff7c210784fded869e', "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full" }, index.h("circle", { key: '68a33fbc9d8288752fb7b696c4d6ffb56e1153d3', cx: "12", cy: "12", r: "10" }), index.h("polyline", { key: 'f691539787b34df56c11f0b743fd30dcee957686', points: "12 6 12 12 16 14" }))), index.h("div", { key: 'f9f396e03a42d43b6f2548342108b2b8530f2518', part: `${this.name}-dropdown form-time-picker-dropdown`, class: cn.cn('form-picker-dropdown', {
                 upwards: this.openUpwards,
                 downwards: !this.openUpwards,
-            }) }, index.h("div", { key: 'd526ae3ab6a5eaeb91f6abc865f9fa0dddb77d88', class: "form-time-picker-columns" }, index.h("div", { key: '47c9b25624c2f11ffba4c3ea45bbb80c7c28c59f', class: "form-time-picker-column form-time-picker-hours" }, index.h("div", { key: '53c187fea24e062870733349fb91b026c4e2ff6a', class: "form-time-picker-column-header" }, "HH"), hours.map(hour => {
+            }) }, index.h("div", { key: '86ea6167273f4fed989bf5972831e21166728034', class: "form-time-picker-columns" }, index.h("div", { key: '7e14aa8e8c971986a11ed3013bff82e5d9523e35', class: "form-time-picker-column form-time-picker-hours" }, index.h("div", { key: '5d6e8fbb8f0a33f4a6b5b78c8deb9c3274d74886', class: "form-time-picker-column-header" }, "HH"), hours.map(hour => {
             const hourDisabled = this.isHourDisabled(hour);
             return (index.h("button", { type: "button", disabled: hourDisabled, onClick: () => this.selectHour(hour), part: cn.cn('form-time-picker-option', { 'form-time-picker-option-selected': hour === selectedHour }), class: cn.cn('form-time-picker-option', {
                     selected: hour === selectedHour,
                 }) }, String(hour).padStart(2, '0')));
-        })), index.h("div", { key: '5938cbff4b99560f89b18c7ea2a9d456706e148b', class: "form-time-picker-column form-time-picker-minutes" }, index.h("div", { key: '2287bb5e0c3f0fa143e3efcdb44d92edcd5acc2f', class: "form-time-picker-column-header" }, "MM"), minutes.map(minute => {
+        })), index.h("div", { key: 'f99b2fcad347ba0c9ecc160d9f0bbd92f4d55e2c', class: "form-time-picker-column form-time-picker-minutes" }, index.h("div", { key: '74f10fe998a94e1c78cb9a53eed1fdcff525acdf', class: "form-time-picker-column-header" }, "MM"), minutes.map(minute => {
             const minuteDisabled = selectedHour >= 0 ? this.isMinuteDisabled(selectedHour, minute) : false;
             return (index.h("button", { type: "button", disabled: minuteDisabled, onClick: () => this.selectMinute(minute), part: cn.cn('form-time-picker-option', { 'form-time-picker-option-selected': minute === selectedMinute }), class: cn.cn('form-time-picker-option', {
                     selected: minute === selectedMinute,
                 }) }, String(minute).padStart(2, '0')));
-        }))))), index.h(formErrorMessage.FormErrorMessage, { key: 'a46adb1da39b59e5f502a53895285e5deccd990e', name: this.name, isError: isError, errorMessage: locale[errorMessage] || errorMessage }))));
+        }))))), index.h(formErrorMessage.FormErrorMessage, { key: 'f0ef64a81ca5bae6f994dda778c2afbe6b3d19ea', name: this.name, isError: isError, errorMessage: locale[errorMessage] || errorMessage }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{functions-b8tFLJfq.js → functions-DjUxN5aW.js}

@@ -6,7 +6,7 @@
 
 var getLanguageFromUrl = require('./get-language-from-url-CQuyIE9M.js');
 require('./types-DV_cOCRi.js');
-var getLocalLanguage = require('./get-local-language-DNAZjtmK.js');
+var getLocalLanguage = require('./get-local-language-DnfiY7ux.js');
 var loaderIcon = require('./loader-icon-j5dMQ4bN.js');
 
 function parseLooseJson(loose) {