@ironsource/shared-ui 2.1.6-test.3 → 2.1.6-test.5

package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_39c47ad1_lang.css

@@ -0,0 +1 @@
+.app-trigger-wrapper[data-v-39c47ad1]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-39c47ad1]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-39c47ad1]{flex:none}.app-trigger-key--content[data-v-39c47ad1]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-39c47ad1]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-39c47ad1]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-39c47ad1]:hover,.app-trigger.active[data-v-39c47ad1]{background:var(--action-selected)}.app-trigger.disabled[data-v-39c47ad1]{cursor:auto}.app-trigger--content[data-v-39c47ad1]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-39c47ad1]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-39c47ad1]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-39c47ad1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-39c47ad1]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-39c47ad1]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-39c47ad1]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-39c47ad1]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-39c47ad1]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-39c47ad1]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-39c47ad1]{padding-top:5px;color:var(--error-main)}

package/AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css

@@ -0,0 +1 @@
+.app-header[data-v-538ccdc6]{display:flex}.app-header .image-container[data-v-538ccdc6]{height:3rem;width:3rem;border-radius:.25rem}.app-header .image-container img[data-v-538ccdc6]{min-width:100%;max-width:100%;max-height:100%;object-fit:cover;border-radius:.25rem}.app-header .icon-container[data-v-538ccdc6]{color:var(--action-active);display:flex;align-items:center;padding:0 .5rem}.app-header .name-container .title[data-v-538ccdc6]{color:var(--text-primary)}.app-header .name-container .inline-copy[data-v-538ccdc6]{color:var(--text-secondary)}.app-header.size-small[data-v-538ccdc6]{align-items:center}.app-header.size-small .image-container[data-v-538ccdc6]{height:2rem;width:2rem;border-radius:.375rem}.app-header.size-small .image-container img[data-v-538ccdc6]{border-radius:.375rem}.app-header.size-small .icon-container[data-v-538ccdc6]{padding:0 .25rem}.app-header.size-small .name-container[data-v-538ccdc6]{display:flex;align-items:center}.ab-icon-wrapper[data-v-538ccdc6]{margin-left:var(--spacing-150);padding-left:var(--spacing-150);border-left:1px solid var(--common-divider);min-height:var(--spacing-400);display:flex;align-items:center}.size-small .ab-icon-wrapper[data-v-538ccdc6]{margin-left:var(--spacing-25);padding-left:var(--spacing-100)}

package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css

@@ -0,0 +1 @@
+div[data-v-a7bfd237]{display:block}.autocomplete-dropdown[data-v-a7bfd237]{position:relative}.footer[data-v-a7bfd237]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}

package/CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css

@@ -0,0 +1 @@
+.label[data-v-acd3440c]{color:#41454d}.days-wrapper[data-v-acd3440c]{color:#53575b}.days-wrapper .day[data-v-acd3440c]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-acd3440c]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#f1f3f4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-acd3440c]:after{content:"";background:#3083ff;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-acd3440c]:after,.days-wrapper .day.today.selected-day-between[data-v-acd3440c]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-acd3440c]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-acd3440c]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-acd3440c]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-acd3440c]:before{content:"";display:block;position:absolute;background:#3083ff;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-acd3440c]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-acd3440c]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-acd3440c]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-acd3440c]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-acd3440c]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-acd3440c]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-acd3440c]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-acd3440c]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-acd3440c]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-acd3440c]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-acd3440c]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-acd3440c],.calendar-month .previous[data-v-acd3440c]{transform:translateY(8px)}.calendar-month .previous[data-v-acd3440c]{left:4px;cursor:pointer;position:absolute;z-index:16}

package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_a80364bd_lang.css

@@ -0,0 +1 @@
+.label[data-v-a80364bd]{color:#41454d}.days-wrapper[data-v-a80364bd]{color:#53575b}.days-wrapper .date-wrapper[data-v-a80364bd]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .date-wrapper.start-day-wrapper[data-v-a80364bd]{background:var(--primary-light, #cee7fe);border-radius:100% 0% 0% 100%}.days-wrapper .date-wrapper.end-day-wrapper[data-v-a80364bd]{background:var(--primary-light, #cee7fe);border-radius:0% 100% 100% 0%}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-a80364bd]{background-color:transparent!important}.days-wrapper .date-wrapper.start-day-wrapper.end-day-wrapper[data-v-a80364bd]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day[data-v-a80364bd]{position:relative;width:32px;height:32px;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box;cursor:pointer}.days-wrapper .day[data-v-a80364bd]:not(.non-day):not(.disabled-day):not(.selected-day):hover:not(.selected-day-between):before{content:"";display:block;position:absolute;background:var(--primary-main50p, rgba(0, 145, 255, .5));width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-a80364bd]:after{content:"";background:#3083ff;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-a80364bd]:after,.days-wrapper .day.today.selected-day-between[data-v-a80364bd]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-a80364bd]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-a80364bd]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-a80364bd]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-a80364bd]:before{content:"";display:block;position:absolute;background:var(--primary-main, #0091ff);width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-a80364bd]{color:#53575b;background:var(--primary-light, #cee7fe)}.days-wrapper .day.selected-day-between[data-v-a80364bd]:hover{background-color:var(--primary-main50p, rgba(0, 145, 255, .5));color:#696a6b}.days-wrapper .day.selected-day[data-v-a80364bd]{background:var(--primary-main, #0091ff)!important;border-radius:100%;color:#fff}.days-wrapper .day.selected-day[data-v-a80364bd]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-a80364bd]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-a80364bd]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-a80364bd]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-a80364bd]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-a80364bd]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-a80364bd]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-a80364bd]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-a80364bd],.calendar-month .previous[data-v-a80364bd]{transform:translateY(8px)}.calendar-month .previous[data-v-a80364bd]{left:4px;cursor:pointer;position:absolute;z-index:16}

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css

@@ -0,0 +1 @@
+.chip-trigger[data-v-a8fdae89]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-a8fdae89]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-a8fdae89]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active .chip-trigger--content[data-v-a8fdae89]{color:var(--primary-contrast-text)}.chip-trigger.active[data-v-a8fdae89]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-a8fdae89]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-a8fdae89]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-a8fdae89]{cursor:auto}.chip-trigger--content[data-v-a8fdae89]{color:var(--text-primary);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-a8fdae89]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-a8fdae89]:hover{color:var(--primary-darker)}.chip-trigger--icon[data-v-a8fdae89]{color:var(--action-active)}

package/DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css

@@ -0,0 +1 @@
+.sticky[data-v-6df3b70f]{position:sticky}.table-container[data-v-6df3b70f]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-6df3b70f]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-6df3b70f]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-6df3b70f]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-6df3b70f]{width:13.75rem}.table-header.isStickyHeader[data-v-6df3b70f]{z-index:calc(var(--6eac79e5) + 3);top:0}.table-head-container[data-v-6df3b70f]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-6df3b70f]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-6df3b70f]{display:inline-table}.table-header-actions[data-v-6df3b70f]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-6df3b70f]{position:relative}.table-row.loading[data-v-6df3b70f]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-6df3b70f]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-6df3b70f]{border-bottom:none}.expanded-row[data-v-6df3b70f]{grid-column:var(--69b66c99);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-6df3b70f]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md)}table.hasFooter[data-v-6df3b70f]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-6df3b70f],table th[data-v-6df3b70f]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-6df3b70f]:first-of-type,table th[data-v-6df3b70f]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-6df3b70f]:last-of-type,table th[data-v-6df3b70f]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-6df3b70f],table th.expand-toggle-cell[data-v-6df3b70f]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-6df3b70f]{border-bottom:none;z-index:calc(var(--6eac79e5) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-6df3b70f]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--c4cc855c)}table>thead>tr>th[data-v-6df3b70f]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-6df3b70f]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-6df3b70f]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-6df3b70f]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-6df3b70f]{cursor:pointer}table>thead.sticky[data-v-6df3b70f]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-6df3b70f]{z-index:calc(var(--6eac79e5) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-6df3b70f]{display:block}table>tbody>*>tr[data-v-6df3b70f]{background-color:var(--background-default);min-height:var(--6efaf45a);height:auto;display:grid;align-items:center;grid-template-columns:var(--c4cc855c)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-6df3b70f]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-6df3b70f],table>tbody>*>tr.activeMenu>td[data-v-6df3b70f]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-6df3b70f]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--6efaf45a);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-6df3b70f]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-6df3b70f]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-6df3b70f]{justify-content:flex-end;text-align:right}.section-container[data-v-6df3b70f]{left:0}.sections[data-v-6df3b70f]{display:flex}.section[data-v-6df3b70f]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-6df3b70f]{width:100%}.empty-state[data-v-6df3b70f]{min-height:250px}

package/DatePicker.vue_vue_type_style_index_0_scoped_67b44cbe_lang.css

@@ -0,0 +1 @@
+.label[data-v-67b44cbe]{color:#41454d}.date-picker[data-v-67b44cbe]{position:relative}.date-picker .input[data-v-67b44cbe]{max-width:100%}.date-picker-popup[data-v-67b44cbe]{width:252px;padding:16px;position:absolute;top:38px;left:0;z-index:1000!important;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000004d}.date-picker-popup.align-right[data-v-67b44cbe]{left:inherit;right:0}

package/DatePickerMonth.vue_vue_type_style_index_0_scoped_929d3028_lang.css

@@ -0,0 +1 @@
+.label[data-v-929d3028]{color:#41454d}

package/DatePickerMonthV4.vue_vue_type_style_index_0_scoped_11288104_lang.css

@@ -0,0 +1 @@
+.label[data-v-11288104]{color:#41454d}

package/DatePickerV4.vue_vue_type_style_index_0_scoped_a5757773_lang.css

@@ -0,0 +1 @@
+.label[data-v-a5757773]{color:#41454d}.date-picker[data-v-a5757773]{position:relative}.date-picker .input[data-v-a5757773]{max-width:100%}.date-picker-popup[data-v-a5757773]{width:252px;padding:16px;position:absolute;top:38px;left:0;z-index:1000!important;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000004d}.date-picker-popup.align-right[data-v-a5757773]{left:inherit;right:0}

package/DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css

@@ -0,0 +1 @@
+.label[data-v-70e316e9]{color:#41454d}.pop-up[data-v-70e316e9]{width:652px;position:absolute;z-index:1000;top:32px;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;background-color:#fff;border-radius:8px;left:1px;overflow:hidden}.pop-up.open-on-top[data-v-70e316e9]{top:0}.pop-up.hide-presets[data-v-70e316e9],.pop-up.hide-presets .calendar-wrap[data-v-70e316e9]{width:494px}.pop-up.hide-presets .date-picker-calendar[data-v-70e316e9]{padding:15px 16px}.pop-up .date-picker-menu[data-v-70e316e9]{width:164px;background:#ffffff;vertical-align:top}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]{padding-left:8px;height:32px;border-radius:8px;color:#53575b;line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-70e316e9]:hover{background:#f1f3f4}.pop-up .date-picker-menu .selected-preset[data-v-70e316e9]{background:#e2eeff!important;color:#3083ff}.pop-up .date-picker-menu li[data-v-70e316e9]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-70e316e9]{left:-1px}.pop-up .date-picker-calendar[data-v-70e316e9]{box-sizing:border-box;height:100%;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px}.pop-up .calendars-wrapper[data-v-70e316e9]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-70e316e9]{list-style:none;margin:0;padding:12px 16px 12px 12px;line-height:32px}.pop-up .buttons-cover[data-v-70e316e9]{height:48px;padding:0 16px 0 0;position:absolute;bottom:0;width:calc(100% + 10px);right:-10px;box-sizing:border-box;border-top:1px solid #dddfe1;display:grid;grid-template-columns:auto 250px;align-items:center}.pop-up button[data-v-70e316e9]{float:right;margin-left:4px}.pop-up .error[data-v-70e316e9]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-70e316e9]{display:inline-block}.pop-up.right[data-v-70e316e9]{left:initial;right:1px}.calendar-wrap[data-v-70e316e9]{width:478px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-70e316e9]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-70e316e9]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-70e316e9]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-70e316e9]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-70e316e9]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-70e316e9]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-70e316e9]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-70e316e9]{padding-left:12px}.date-range-field.no-button-limit[data-v-70e316e9]{overflow:visible}.date-range-field.no-button-limit span[data-v-70e316e9]{width:100%;line-height:22px}.date-range-field span[data-v-70e316e9]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-70e316e9]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-70e316e9]:after{border-top-color:#8e959d}.pop-up-content[data-v-70e316e9]{margin-top:1px}.type-message[data-v-70e316e9]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-70e316e9]{position:relative}.space-right[data-v-70e316e9]{margin-right:13px}.space-left[data-v-70e316e9]{margin-left:9px}.top-date[data-v-70e316e9]{line-height:13px}.flex[data-v-70e316e9]{display:flex}

package/DateRangeV4.vue_vue_type_style_index_0_scoped_590bb1db_lang.css

@@ -0,0 +1 @@
+.label[data-v-590bb1db]{color:#41454d}.pop-up[data-v-590bb1db]{width:652px;position:absolute;z-index:1000;top:32px;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;background-color:#fff;border-radius:8px;left:1px;overflow:hidden}.pop-up.open-on-top[data-v-590bb1db]{top:0}.pop-up.hide-presets[data-v-590bb1db],.pop-up.hide-presets .calendar-wrap[data-v-590bb1db]{width:494px}.pop-up.hide-presets .date-picker-calendar[data-v-590bb1db]{padding:15px 16px}.pop-up .date-picker-menu[data-v-590bb1db]{width:164px;background:#ffffff;vertical-align:top;border-right:1px solid var(--common-divider-elevation-0, #e4e4e4);background:var(--background-paper, #fcfcfc)}.pop-up .date-picker-menu .preset-element[data-v-590bb1db]{padding-left:8px;height:32px;border-radius:8px;color:#53575b;line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-590bb1db]:hover{background:var(--action-hover, rgba(0, 0, 0, .05))}.pop-up .date-picker-menu .selected-preset[data-v-590bb1db]{border-radius:8px;background:var(--action-selected, #ebebeb)}.pop-up .date-picker-menu li[data-v-590bb1db]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-590bb1db]{left:-1px}.pop-up .date-picker-calendar[data-v-590bb1db]{box-sizing:border-box;height:100%;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px}.pop-up .calendars-wrapper[data-v-590bb1db]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-590bb1db]{list-style:none;margin:0;padding:8px;line-height:32px}.pop-up .buttons-cover[data-v-590bb1db]{height:48px;position:absolute;bottom:0;width:calc(100% + 10px);right:-10px;box-sizing:border-box;border-top:1px solid #dddfe1;align-items:center;display:flex;justify-content:space-between;padding:12px 24px}.pop-up .buttons-cover .text-container[data-v-590bb1db]{flex:1;color:var(--text-secondary, #646464)}.pop-up button[data-v-590bb1db]{float:right;margin-left:4px}.pop-up .error[data-v-590bb1db]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-590bb1db]{display:inline-block}.pop-up.right[data-v-590bb1db]{left:initial;right:1px}.calendar-wrap[data-v-590bb1db]{width:478px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-590bb1db]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-590bb1db]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-590bb1db]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-590bb1db]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-590bb1db]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-590bb1db]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-590bb1db]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-590bb1db]{padding-left:12px}.date-range-field.no-button-limit[data-v-590bb1db]{overflow:visible}.date-range-field.no-button-limit span[data-v-590bb1db]{width:100%;line-height:22px}.date-range-field span[data-v-590bb1db]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-590bb1db]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-590bb1db]:after{border-top-color:#8e959d}.pop-up-content[data-v-590bb1db]{margin-top:1px}.type-message[data-v-590bb1db]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-590bb1db]{position:relative}.space-right[data-v-590bb1db]{margin-right:13px}.space-left[data-v-590bb1db]{margin-left:9px}.top-date[data-v-590bb1db]{line-height:13px}.flex[data-v-590bb1db]{display:flex}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css

@@ -0,0 +1 @@
+.default-dropdown-wrapper[data-v-ad524750]{position:relative}.dropdown-trigger[data-v-ad524750]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-ad524750]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-ad524750]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-ad524750]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-ad524750]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-ad524750],.dropdown-trigger.disabled .caret-down[data-v-ad524750]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-ad524750]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-ad524750]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-ad524750]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-ad524750],.dropdown-trigger.state-success[data-v-ad524750],.dropdown-trigger.state-warning[data-v-ad524750]{padding:4px 6px}.dropdown-trigger.state-error.small[data-v-ad524750],.dropdown-trigger.state-success.small[data-v-ad524750],.dropdown-trigger.state-warning.small[data-v-ad524750]{padding:.1875rem .4375rem}.dropdown-trigger.state-error.large[data-v-ad524750],.dropdown-trigger.state-success.large[data-v-ad524750],.dropdown-trigger.state-warning.large[data-v-ad524750]{padding:.5625rem .4375rem}.dropdown-trigger.state-error[data-v-ad524750]{border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-ad524750]{border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-ad524750]{border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-ad524750]{color:var(--action-active)}.content[data-v-ad524750]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-ad524750]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-ad524750]{width:20px;height:20px;flex:none}.content .image img[data-v-ad524750]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-ad524750]{display:flex;color:var(--action-active)}.content .status-dot[data-v-ad524750]{padding-right:.25rem}.content .status-dot>div[data-v-ad524750]{position:relative;top:-1px}.dropdown-field-label[data-v-ad524750]{color:var(--text-primary)}.dropdown-field-help-text[data-v-ad524750]{margin-top:4px;position:absolute}

package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css

@@ -0,0 +1 @@
+.container[data-v-09c488cf]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-09c488cf]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-09c488cf]{width:56.25rem}.dialog--small[data-v-09c488cf]{width:37.5rem}.dialog--extraSmall[data-v-09c488cf]{width:27.75rem}.header[data-v-09c488cf]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-09c488cf]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-09c488cf]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-09c488cf]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-09c488cf]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-09c488cf]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-09c488cf]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-09c488cf] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-09c488cf]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-09c488cf],.v-leave-active[data-v-09c488cf]{transition:opacity .25s ease}.v-enter-from[data-v-09c488cf],.v-leave-to[data-v-09c488cf]{opacity:0}

package/Dropdown.vue_vue_type_style_index_0_scoped_aaa8c4bb_lang.css

@@ -0,0 +1 @@
+.label[data-v-aaa8c4bb]{color:#41454d}.v-enter-active[data-v-aaa8c4bb],.v-leave-active[data-v-aaa8c4bb]{transition:opacity .25s ease}ol[data-v-aaa8c4bb],ul[data-v-aaa8c4bb],menu[data-v-aaa8c4bb]{list-style:none;margin:0;padding:0}.dropdown[data-v-aaa8c4bb]{display:flex;flex-direction:column}.dropdown--disabled[data-v-aaa8c4bb]{opacity:.7}.list-container[data-v-aaa8c4bb]{padding:.5rem}.list-container--multi[data-v-aaa8c4bb]{margin-bottom:0}.v-popper__arrow-container[data-v-aaa8c4bb]{display:none}.helper-text[data-v-aaa8c4bb]{padding-top:.25rem;color:#696a6b}.helper-text--error[data-v-aaa8c4bb]{color:#da564f}.no-result-container[data-v-aaa8c4bb]{height:100%;display:flex;align-items:center}.no-result[data-v-aaa8c4bb]{color:#8e959d;padding-left:.5rem}.list[data-v-aaa8c4bb]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem;border-radius:.5rem}.list--multi[data-v-aaa8c4bb]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.button__container[data-v-aaa8c4bb]{display:flex;justify-content:center;flex-direction:column;position:relative}.button__container[data-v-aaa8c4bb]:not(.button__container--disabled){cursor:pointer}.loader[data-v-aaa8c4bb]{color:#8e959d;display:flex;height:100%;margin-left:.375rem;justify-self:center;align-items:center}.loader-icon[data-v-aaa8c4bb]{margin-right:.25rem;display:flex}.button[data-v-aaa8c4bb]{font-size:.875rem;line-height:1.25rem;min-width:15rem;color:#53575b;height:2rem;text-align:start;padding:.25rem .75rem;background:#f1f3f4;border-radius:.5rem;display:flex;border:none;align-items:center}.button--lg[data-v-aaa8c4bb]{height:2.5rem}.button[data-v-aaa8c4bb]:hover:not(.button--open):not(.button--disabled){color:#53575b;background:#edeff0}.button--open[data-v-aaa8c4bb],.button[data-v-aaa8c4bb]:focus-visible{background:linear-gradient(0deg,#3083ff 0,#3083ff 2px,#f1f3f4 0)}.image-slot[data-v-aaa8c4bb]{margin-right:.5rem}.angle-down[data-v-aaa8c4bb]{margin-left:auto;display:flex;color:#7b838c}.actions[data-v-aaa8c4bb]{display:flex;width:100%;margin-left:auto;padding:.75rem 1rem;border-top:1px solid #dddfe1;justify-content:flex-end}.actions[data-v-aaa8c4bb]:first-child{padding-right:.25rem}.apply-button[data-v-aaa8c4bb]{margin-left:.25rem}.dropdown-title__text[data-v-aaa8c4bb]{color:#41454d;border-bottom:1px solid #dddfe1;padding:1rem}.dropdown-title__search[data-v-aaa8c4bb]{padding:3px 0;width:100%;border-bottom:1px solid #dddfe1}

package/DropdownV4.vue_vue_type_style_index_0_scoped_0363db63_lang.css

@@ -0,0 +1 @@
+.v-enter-active[data-v-0363db63],.v-leave-active[data-v-0363db63]{transition:opacity .25s ease}ol[data-v-0363db63],ul[data-v-0363db63],menu[data-v-0363db63]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0363db63],.dropdown.full-width .button__container[data-v-0363db63]{width:100%}.dropdown-list-wrapper[data-v-0363db63]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.dropdown-list-wrapper--multi[data-v-0363db63]{padding:.5rem}.list-container--multi[data-v-0363db63]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0363db63]{padding-bottom:.25rem}.inline-search .list-container[data-v-0363db63]{padding-top:0}.no-result-container[data-v-0363db63]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0363db63]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0363db63]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0363db63]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-0363db63]{margin-right:.5rem}.actions-wrapper[data-v-0363db63]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-0363db63]{margin-left:.5rem}

package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css

@@ -0,0 +1 @@
+.field-label[data-v-96ee1c98]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-96ee1c98]{margin-bottom:2px}.description[data-v-96ee1c98]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-96ee1c98]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-96ee1c98]{color:var(--text-disabled)}.mandatory[data-v-96ee1c98]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-96ee1c98]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-96ee1c98]:hover{color:var(--action-primary)}

package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css}

@@ -1 +1 @@
-.form-card[data-v-ef8b4e81]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-ef8b4e81]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-ef8b4e81]{width:220px;height:20px}.card-content[data-v-ef8b4e81]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-ef8b4e81]{padding:0}.form-actions[data-v-ef8b4e81]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-ef8b4e81]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-ef8b4e81]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-ef8b4e81]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-ef8b4e81]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
+.form-card[data-v-52ade67c]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-52ade67c]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-52ade67c]{width:220px;height:20px}.card-content[data-v-52ade67c]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-52ade67c]{padding:0}.form-actions[data-v-52ade67c]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-52ade67c]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-52ade67c]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:436px;height:16px}

package/InlineCopy.vue_vue_type_style_index_0_scoped_6a7b3795_lang.css

@@ -0,0 +1 @@
+.inline-copy[data-v-6a7b3795]{display:inline-flex;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-6a7b3795]{padding:0 4px;cursor:pointer;color:var(--action-active)}.inline-copy .icon-copy[data-v-6a7b3795]:hover{color:var(--action-primary)}

package/MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css

@@ -0,0 +1 @@
+.multi-bar[data-v-71617643]{bottom:var(--spacing-500);width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-71617643]{justify-content:flex-start}.multi-bar--small[data-v-71617643]{height:var(--spacing-600)}.multi-bar--medium[data-v-71617643]{height:var(--spacing-700)}.multi-bar--fixed[data-v-71617643]{position:fixed}.multi-bar--absolute[data-v-71617643]{left:0;right:0;position:absolute}.multi-bar-enter-from[data-v-71617643],.multi-bar-leave-to[data-v-71617643]{opacity:0;transform:translateY(var(--spacing-500))}.multi-bar-panel[data-v-71617643]{pointer-events:auto;display:flex;align-items:center;min-width:17.25rem;box-shadow:var(--elevation-md);border-radius:var(--border-radius-md);border:1px solid var(--common-divider-elevation-0);background:var(--background-model-elevation);padding:0 var(--spacing-200);height:100%}.close-icon[data-v-71617643]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-71617643]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-71617643]{margin-right:4px}.action-button--last[data-v-71617643]{margin-right:0}

package/OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css

@@ -0,0 +1 @@
+.label[data-v-e0c24b6a]{color:#41454d}.item-container[data-v-e0c24b6a]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-e0c24b6a]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-e0c24b6a]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-e0c24b6a],.item-container[data-v-e0c24b6a]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-e0c24b6a]{background-color:var(--action-selected)}.subtitle[data-v-e0c24b6a]{color:#7b838c;line-height:1rem}.clear-button[data-v-e0c24b6a]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-e0c24b6a]:hover{color:#3083ff}.item[data-v-e0c24b6a]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-e0c24b6a],.item--multi[data-v-e0c24b6a]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-e0c24b6a]{width:20px;height:20px;flex:none}.item .image img[data-v-e0c24b6a]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-e0c24b6a],.item .end-icon[data-v-e0c24b6a]{display:flex;color:var(--action-active)}.item .option-text[data-v-e0c24b6a]{line-height:1.1875rem}.text-container[data-v-e0c24b6a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-e0c24b6a]{display:block}.tooltip-option[data-v-e0c24b6a] .container{width:100%}

package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-8199b662],.font-chart-2[data-v-8199b662],.font-chart-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-8199b662],.font-table-label[data-v-8199b662],.font-button[data-v-8199b662],.font-heading-6[data-v-8199b662],.font-heading-5[data-v-8199b662],.font-heading-4[data-v-8199b662],.font-heading-3[data-v-8199b662],.font-heading-2[data-v-8199b662],.font-heading-1[data-v-8199b662],.font-title[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-8199b662],.font-input-label[data-v-8199b662],.font-overline[data-v-8199b662],.font-subtitle-2[data-v-8199b662],.font-subtitle-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-8199b662],.font-body-2[data-v-8199b662],.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-8199b662]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-8199b662]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-8199b662]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-8199b662]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-8199b662]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-8199b662]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-8199b662]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-8199b662],.font-body-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-8199b662]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-8199b662]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-8199b662]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-8199b662]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-8199b662]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-8199b662]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-8199b662]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-8199b662],.font-tab-label2[data-v-8199b662]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-8199b662]{font-size:.75rem;line-height:1rem}h1[data-v-8199b662],h2[data-v-8199b662],h3[data-v-8199b662],h4[data-v-8199b662],h5[data-v-8199b662],h6[data-v-8199b662]{margin:0}.textarea-field[data-v-8199b662]{display:flex;flex-direction:column}.textarea[data-v-8199b662]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border)}.textarea[data-v-8199b662]:hover{outline:1px solid var(--action-active)}.textarea[data-v-8199b662]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-8199b662]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-8199b662]{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-8199b662]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-8199b662],.textarea--variant-success[data-v-8199b662]:hover,.textarea--variant-success[data-v-8199b662]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-8199b662],.textarea--variant-error[data-v-8199b662]:hover,.textarea--variant-error[data-v-8199b662]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-8199b662],.textarea--variant-warning[data-v-8199b662]:hover,.textarea--variant-warning[data-v-8199b662]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-8199b662]{flex-grow:initial}.footer[data-v-8199b662]{display:flex;justify-content:flex-end;align-items:center;margin-top:var(--spacing-50)}

package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-a6457440],.font-chart-2[data-v-a6457440],.font-chart-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a6457440],.font-table-label[data-v-a6457440],.font-button[data-v-a6457440],.font-heading-6[data-v-a6457440],.font-heading-5[data-v-a6457440],.font-heading-4[data-v-a6457440],.font-heading-3[data-v-a6457440],.font-heading-2[data-v-a6457440],.font-heading-1[data-v-a6457440],.font-title[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a6457440],.font-input-label[data-v-a6457440],.font-overline[data-v-a6457440],.font-subtitle-2[data-v-a6457440],.font-subtitle-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a6457440],.font-body-2[data-v-a6457440],.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a6457440]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a6457440]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a6457440]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a6457440]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a6457440]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a6457440]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a6457440]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a6457440]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a6457440]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a6457440]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a6457440]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a6457440]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a6457440],.font-tab-label2[data-v-a6457440]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a6457440]{font-size:.75rem;line-height:1rem}h1[data-v-a6457440],h2[data-v-a6457440],h3[data-v-a6457440],h4[data-v-a6457440],h5[data-v-a6457440],h6[data-v-a6457440]{margin:0}.disabled .input[data-v-a6457440]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-a6457440]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-a6457440]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-a6457440]{height:28px}.input-size-medium[data-v-a6457440]{height:32px}.input-size-large[data-v-a6457440]{height:40px}.input-with-label-container[data-v-a6457440]{display:flex;flex-direction:column}.input-container[data-v-a6457440]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-a6457440]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-a6457440]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-a6457440]:focus{outline:none}.input-container .input[data-v-a6457440]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-a6457440]{color:var(--text-disabled)}.input-container .input[type=number][data-v-a6457440]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-a6457440]{letter-spacing:4px}.input-container[data-v-a6457440] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-a6457440]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-a6457440]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-a6457440]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-a6457440]{padding-left:var(--spacing-100)}.prefix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-a6457440],.focused[data-v-a6457440]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-a6457440],.error-icon.error-icon[data-v-a6457440]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-a6457440]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-a6457440]:hover{color:var(--primary-main)}.label-direction-left[data-v-a6457440]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-a6457440]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-a6457440]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-a6457440]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-a6457440]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-a6457440]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-a6457440],.variant-success .input-container[data-v-a6457440]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-a6457440],.variant-error .input-container[data-v-a6457440]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-a6457440],.variant-warning .input-container[data-v-a6457440]:hover{outline:2px solid var(--warning-dark)}

package/TooltipV4.vue_vue_type_style_index_0_scoped_fcdb9d02_lang.css

@@ -0,0 +1 @@
+div[data-v-fcdb9d02]{display:block}

package/components/appHeader/AppHeader.vue.d.ts

@@ -14,7 +14,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type: string;
     showAbIcon: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copyToClipboard: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     image: string;
     name: string;
     platform: 'android' | 'ios';
@@ -30,7 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     type: string;
     showAbIcon: boolean;
-}>>>, {
+}>>> & {
+    onCopyToClipboard?: () => any;
+}, {
     name: string;
     type: 'small' | 'normal';
     image: string;

package/components/appHeader/AppHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./AppHeader.vue2.js";
 /* empty css                */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-c148fc7a"]]);
+// import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-538ccdc6"]]);
 export {
   s as default
 };

package/components/appHeader/AppHeader.vue2.js

@@ -1,10 +1,10 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_c148fc7a_lang.css"; import { defineComponent as h, computed as o, openBlock as d, createElementBlock as m, normalizeClass as x, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as I, createTextVNode as z, toDisplayString as v, createCommentVNode as A } from "vue";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
 import c from "../icon/v4/IconV4.vue.js";
-import C from "../typography/v4/Typography.vue.js";
-import b from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as g } from "../../utils/testIds.js";
+import T from "../typography/v4/Typography.vue.js";
+import g from "../inlineCopy/InlineCopy.vue.js";
+import { useTestIdAttrs as N } from "../../utils/testIds.js";
 import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
-const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"], k = { class: "name-container" }, M = /* @__PURE__ */ h({
+const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, $ = /* @__PURE__ */ h({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -15,24 +15,25 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
     type: { default: "normal" },
     showAbIcon: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const a = t, p = o(
+  emits: ["copyToClipboard"],
+  setup(t, { emit: f }) {
+    const a = t, y = o(
       () => a.platform ? a.platform.toLowerCase() : ""
-    ), f = o(
-      () => a.type === "normal" ? "24px" : "20px"
     ), u = o(
+      () => a.type === "normal" ? "24px" : "20px"
+    ), x = o(
       () => a.type === "small" ? "18px" : null
-    ), y = o(
+    ), I = o(
       () => a.type === "normal" ? "h2" : "subtitle1"
-    ), s = g(a.testId, l);
-    return (B, P) => (d(), m("div", {
-      class: x(["app-header", `size-${t.type}`])
+    ), s = N(a.testId, l);
+    return (S, d) => (m(), p("div", {
+      class: C(["app-header", `size-${t.type}`])
     }, [
-      n("div", T, [
+      n("div", w, [
         n("img", {
           src: t.image,
           alt: t.name
-        }, null, 8, N)
+        }, null, 8, k)
       ]),
       n("div", r({
         class: "icon-container",
@@ -40,32 +41,33 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
       }, e(s)[e(l).APP_PLATFORM]), [
         i(e(c), {
           type: "branded",
-          name: e(p),
-          size: e(f)
+          name: e(y),
+          size: e(u)
         }, null, 8, ["name", "size"])
-      ], 16, w),
-      n("div", k, [
-        i(e(C), r({
-          variant: e(y),
+      ], 16, B),
+      n("div", P, [
+        i(e(T), r({
+          variant: e(I),
           class: "title"
         }, e(s)[e(l).TITLE]), {
-          default: I(() => [
-            z(v(t.name), 1)
+          default: b(() => [
+            v(z(t.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
-        i(e(b), {
+        i(e(g), {
           text: t.appKey,
           size: "medium",
           class: "inline-copy",
           "hide-text-value": t.type === "small",
           "test-id": t.testId,
-          "icon-size": e(u),
+          "icon-size": e(x),
           "tooltip-header": "Copy app key",
-          "tooltip-text": t.appKey
+          "tooltip-text": t.appKey,
+          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
-      t.showAbIcon ? (d(), m("div", r({
+      t.showAbIcon ? (m(), p("div", r({
         key: 0,
         class: "ab-icon-wrapper"
       }, e(s)[e(l).AB_ICON]), [
@@ -79,5 +81,5 @@ const T = { class: "image-container" }, N = ["src", "alt"], w = ["data-platform"
   }
 });
 export {
-  M as default
+  $ as default
 };

package/components/appHeader/index.d.ts

@@ -33,7 +33,9 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    copyToClipboard: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: {
         type: import("vue").PropType<string>;
         required: true;
@@ -67,7 +69,9 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onCopyToClipboard?: () => any;
+}, {
     name: string;
     type: "small" | "normal";
     image: string;

package/components/autocomplete/Autocomplete.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    maxLength?: number;
     options: unknown[] | {
         id: string;
         text: string;
@@ -37,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    maxLength: any;
     onSearch: any;
     optionNameKey: string;
     optionsListWidth: any;
@@ -58,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     showFeedbackTextIcon?: boolean;
     inlineError?: boolean;
     inlineErrorText?: string;
+    maxLength?: number;
     options: unknown[] | {
         id: string;
         text: string;
@@ -82,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     feedbackText: string;
     feedbackVariant: any;
     showFeedbackTextIcon: boolean;
+    maxLength: any;
     onSearch: any;
     optionNameKey: string;
     optionsListWidth: any;
@@ -96,6 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     hoverHelpText: string;
     hoverHelpTextPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+    maxLength: number;
     modelValue: string | number;
     placeholder: string;
     labelDirection: "top" | "inside";

package/components/autocomplete/Autocomplete.vue.js

@@ -1,7 +1,7 @@
-import e from "./Autocomplete.vue2.js";
-/* empty css                   */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e43dd7e6_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e43dd7e6"]]);
+import o from "./Autocomplete.vue2.js";
+/* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a7bfd237"]]);
 export {
   s as default
 };

package/components/autocomplete/Autocomplete.vue2.js

@@ -1,5 +1,5 @@
- import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e43dd7e6_lang.css"; import { defineComponent as y, computed as w, ref as f, watchEffect as V, openBlock as s, createElementBlock as c, Fragment as T, createVNode as m, unref as r, withCtx as v, isRef as g, renderSlot as F, normalizeProps as I, guardReactiveProps as B, createBlock as C, createCommentVNode as p } from "vue";
-import E from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; import { defineComponent as w, computed as c, ref as m, watchEffect as T, openBlock as r, createElementBlock as h, Fragment as F, createVNode as v, unref as d, withCtx as x, isRef as L, renderSlot as I, normalizeProps as S, guardReactiveProps as B, createBlock as b, createCommentVNode as f } from "vue";
+import C from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
@@ -7,13 +7,14 @@ import "../dropdown/v4/AppDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
-import S from "../input/v4/TextField.vue.js";
+import E from "../input/v4/TextField.vue.js";
 import { useVModel as z } from "@vueuse/core";
 import H from "../shared/FieldHelpText.vue.js";
-const P = {
+import P from "../shared/FieldMaxLength.vue.js";
+const N = {
   key: 0,
   class: "footer"
-}, q = /* @__PURE__ */ y({
+}, Q = /* @__PURE__ */ w({
   __name: "Autocomplete",
   props: {
     modelValue: { default: "" },
@@ -30,6 +31,7 @@ const P = {
     showFeedbackTextIcon: { type: Boolean, default: !1 },
     inlineError: { type: Boolean, default: !1 },
     inlineErrorText: { default: "" },
+    maxLength: { default: null },
     options: null,
     displayValue: null,
     optionNameKey: { default: "" },
@@ -38,41 +40,40 @@ const P = {
     testId: { default: "" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: h }) {
-    const a = e, i = z(a, "modelValue", h), b = (l) => {
+  setup(e, { emit: g }) {
+    const a = e, i = z(a, "modelValue", g), p = (l) => {
       l !== void 0 && (i.value = a.displayValue(l));
-    }, x = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), d = w(() => {
+    }, k = c(() => (i.value || "").length), y = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), u = c(() => {
       const l = i.value.toString();
       return (a.options || []).filter(
-        (t) => a.onSearch !== null ? a.onSearch(t, l) : x(t, l)
+        (t) => a.onSearch !== null ? a.onSearch(t, l) : y(t, l)
       );
-    }), o = f(!1), u = f(!1);
-    V(() => {
-      a.disabled ? o.value = !1 : u.value && d.value.length ? o.value = !0 : d.value.length === 0 && (o.value = !1);
+    }), n = m(!1), s = m(!1);
+    T(() => {
+      a.disabled ? n.value = !1 : s.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
     });
-    const k = () => {
-      a.disabled || !o.value && d.value.length && (o.value = !0);
+    const V = () => {
+      a.disabled || !n.value && u.value.length && (n.value = !0);
     };
-    return (l, t) => (s(), c(T, null, [
-      m(r(E), {
-        "is-open": o.value,
-        "onUpdate:is-open": t[3] || (t[3] = (n) => o.value = n),
+    return (l, t) => (r(), h(F, null, [
+      v(d(C), {
+        "is-open": n.value,
+        "onUpdate:is-open": t[3] || (t[3] = (o) => n.value = o),
         class: "autocomplete-dropdown",
         "display-value": e.displayValue,
-        options: r(d),
+        options: d(u),
         "option-name-key": e.optionNameKey,
         "options-list-width": e.optionsListWidth,
         disabled: e.disabled,
         "search-auto-focus": !1,
         "full-width": !1,
         "test-id": e.testId,
-        container: ".input-container",
-        "onUpdate:selected": b
+        "onUpdate:selected": p
       }, {
-        "dropdown-trigger": v(() => [
-          m(r(S), {
-            modelValue: r(i),
-            "onUpdate:modelValue": t[0] || (t[0] = (n) => g(i) ? i.value = n : null),
+        "dropdown-trigger": x(() => [
+          v(d(E), {
+            modelValue: d(i),
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => L(i) ? i.value = o : null),
             class: "autocomplete-field",
             placeholder: e.placeholder,
             disabled: e.disabled,
@@ -87,29 +88,34 @@ const P = {
             "show-feedback-text-icon": e.showFeedbackTextIcon,
             "inline-error": e.inlineError,
             "inline-error-text": e.inlineErrorText,
-            onFocusin: t[1] || (t[1] = (n) => u.value = !0),
-            onFocusout: t[2] || (t[2] = (n) => u.value = !1),
-            onClick: k
-          }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text"])
+            maxlength: e.maxLength,
+            onFocusin: t[1] || (t[1] = (o) => s.value = !0),
+            onFocusout: t[2] || (t[2] = (o) => s.value = !1),
+            onClick: V
+          }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text", "maxlength"])
         ]),
-        default: v((n) => [
-          F(l.$slots, "default", I(B(n)), void 0, !0)
+        default: x((o) => [
+          I(l.$slots, "default", S(B(o)), void 0, !0)
         ]),
         _: 3
       }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
-      e.feedbackText ? (s(), c("div", P, [
-        e.feedbackText ? (s(), C(H, {
+      e.feedbackText || e.maxLength ? (r(), h("div", N, [
+        e.feedbackText ? (r(), b(H, {
           key: 0,
           text: e.feedbackText,
           variant: e.feedbackVariant,
           "show-icon": e.showFeedbackTextIcon,
-          class: "field-help-text",
           "test-id": e.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : p("", !0)
-      ])) : p("", !0)
+        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
+        e.maxLength ? (r(), b(P, {
+          key: 1,
+          "current-length": d(k),
+          "max-length": e.maxLength
+        }, null, 8, ["current-length", "max-length"])) : f("", !0)
+      ])) : f("", !0)
     ], 64));
   }
 });
 export {
-  q as default
+  Q as default
 };