@ironsource/shared-ui 2.1.6-rc.1 → 2.1.6-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css +1 -0
  2. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css +1 -0
  3. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css +1 -0
  4. package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +1 -0
  5. package/DropdownV4.vue_vue_type_style_index_1_lang.css +1 -1
  6. package/MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css +1 -0
  7. package/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css +1 -0
  8. package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css +1 -0
  9. package/components/autocomplete/Autocomplete.vue.d.ts +5 -0
  10. package/components/autocomplete/Autocomplete.vue.js +3 -3
  11. package/components/autocomplete/Autocomplete.vue2.js +82 -61
  12. package/components/autocomplete/index.d.ts +20 -1
  13. package/components/dropdown/v4/ChipDropdownTrigger.vue.js +2 -2
  14. package/components/dropdown/v4/ChipDropdownTrigger.vue2.js +1 -1
  15. package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
  16. package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +40 -49
  17. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  18. package/components/dropdown/v4/DropdownV4.vue2.js +117 -110
  19. package/components/input/v4/TextField.vue.js +3 -3
  20. package/components/input/v4/TextField.vue2.js +5 -4
  21. package/components/multibar/MultiBar.vue.js +3 -3
  22. package/components/multibar/MultiBar.vue2.js +21 -21
  23. package/components/textArea/v4/TextAreaV4.vue.js +3 -3
  24. package/components/textArea/v4/TextAreaV4.vue2.js +1 -1
  25. package/package.json +1 -1
  26. package/Autocomplete.vue_vue_type_style_index_0_scoped_d2d1dc1d_lang.css +0 -1
  27. package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css +0 -1
  28. package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css +0 -1
  29. package/DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css +0 -1
  30. package/MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css +0 -1
  31. package/TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css +0 -1
  32. package/TextField.vue_vue_type_style_index_0_scoped_b5b2e8fd_lang.css +0 -1
package/Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css ADDED
@@ -0,0 +1 @@
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/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css ADDED
@@ -0,0 +1 @@
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/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css ADDED
@@ -0,0 +1 @@
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/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-0968078f],.v-leave-active[data-v-0968078f]{transition:opacity .25s ease}ol[data-v-0968078f],ul[data-v-0968078f],menu[data-v-0968078f]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-0968078f],.dropdown.full-width .button__container[data-v-0968078f]{width:100%}.dropdown-list-wrapper[data-v-0968078f]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-0968078f]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-0968078f]{padding-bottom:.25rem}.inline-search .list-container[data-v-0968078f]{padding-top:0}.no-result-container[data-v-0968078f]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-0968078f]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-0968078f]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-0968078f]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-0968078f]:last-child .item-container{margin-bottom:0}.image-slot[data-v-0968078f]{margin-right:.5rem}.actions-wrapper[data-v-0968078f]{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-0968078f]{margin-left:.5rem}
package/DropdownV4.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +1 @@
1
- .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}
1
+ .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-light-theme-v4.v4-dropdown{display:block}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__wrapper{background:var(--background-default);margin-top:.25rem;min-width:240px;box-shadow:var(--elevation-lg);border-radius:.5rem;border:1px solid var(--common-divider)}.v-popper--theme-light-theme-v4.v4-dropdown .v-popper__arrow-container{display:none}.v-popper--theme-light-theme-v4.v4-dropdown--auto-size .v-popper__wrapper{width:auto}.full-width .v-popper--theme-light-theme-v4{width:100%}.actions-clear-all .button-wrap .font-button{font-weight:400}.dropdown-field-help-text{margin-top:4px}
package/MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css ADDED
@@ -0,0 +1 @@
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/TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css ADDED
@@ -0,0 +1 @@
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_22c12586_lang.css ADDED
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-22c12586],.font-chart-2[data-v-22c12586],.font-chart-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-22c12586],.font-table-label[data-v-22c12586],.font-button[data-v-22c12586],.font-heading-6[data-v-22c12586],.font-heading-5[data-v-22c12586],.font-heading-4[data-v-22c12586],.font-heading-3[data-v-22c12586],.font-heading-2[data-v-22c12586],.font-heading-1[data-v-22c12586],.font-title[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-22c12586],.font-input-label[data-v-22c12586],.font-overline[data-v-22c12586],.font-subtitle-2[data-v-22c12586],.font-subtitle-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-22c12586],.font-body-2[data-v-22c12586],.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-22c12586]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-22c12586]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-22c12586]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-22c12586]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-22c12586]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-22c12586]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-22c12586]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-22c12586]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-22c12586]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-22c12586]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-22c12586]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-22c12586]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-22c12586],.font-tab-label2[data-v-22c12586]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-22c12586]{font-size:.75rem;line-height:1rem}h1[data-v-22c12586],h2[data-v-22c12586],h3[data-v-22c12586],h4[data-v-22c12586],h5[data-v-22c12586],h6[data-v-22c12586]{margin:0}.disabled .input[data-v-22c12586]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-22c12586]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-22c12586]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-22c12586]{height:28px}.input-size-medium[data-v-22c12586]{height:32px}.input-size-large[data-v-22c12586]{height:40px}.input-with-label-container[data-v-22c12586]{display:flex;flex-direction:column}.input-container[data-v-22c12586]{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-22c12586]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-22c12586]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-22c12586]:focus{outline:none}.input-container .input[data-v-22c12586]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-22c12586]{color:var(--text-disabled)}.input-container .input[type=number][data-v-22c12586]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-22c12586]{letter-spacing:4px}.input-container[data-v-22c12586] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-22c12586]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-22c12586]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-22c12586]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-22c12586]{padding-left:var(--spacing-100)}.prefix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-22c12586],.focused[data-v-22c12586]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-22c12586],.error-icon.error-icon[data-v-22c12586]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-22c12586]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-22c12586]:hover{color:var(--primary-main)}.label-direction-left[data-v-22c12586]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-22c12586]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-22c12586]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-22c12586]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-22c12586]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-22c12586]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-22c12586],.variant-success .input-container[data-v-22c12586]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-22c12586],.variant-error .input-container[data-v-22c12586]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-22c12586],.variant-warning .input-container[data-v-22c12586]:hover{outline:2px solid var(--warning-dark)}
package/components/autocomplete/Autocomplete.vue.d.ts CHANGED
@@ -13,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
13
13
  showFeedbackTextIcon?: boolean;
14
14
  inlineError?: boolean;
15
15
  inlineErrorText?: string;
16
+ maxLength?: number;
16
17
  options: unknown[] | {
17
18
  id: string;
18
19
  text: string;
@@ -37,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
37
38
  feedbackText: string;
38
39
  feedbackVariant: any;
39
40
  showFeedbackTextIcon: boolean;
41
+ maxLength: any;
40
42
  onSearch: any;
41
43
  optionNameKey: string;
42
44
  optionsListWidth: any;
@@ -58,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
58
60
  showFeedbackTextIcon?: boolean;
59
61
  inlineError?: boolean;
60
62
  inlineErrorText?: string;
63
+ maxLength?: number;
61
64
  options: unknown[] | {
62
65
  id: string;
63
66
  text: string;
@@ -82,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
82
85
  feedbackText: string;
83
86
  feedbackVariant: any;
84
87
  showFeedbackTextIcon: boolean;
88
+ maxLength: any;
85
89
  onSearch: any;
86
90
  optionNameKey: string;
87
91
  optionsListWidth: any;
@@ -96,6 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
96
100
  testId: string;
97
101
  hoverHelpText: string;
98
102
  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";
103
+ maxLength: number;
99
104
  modelValue: string | number;
100
105
  placeholder: string;
101
106
  labelDirection: "top" | "inside";
package/components/autocomplete/Autocomplete.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./Autocomplete.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../Autocomplete.vue_vue_type_style_index_0_scoped_d2d1dc1d_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-d2d1dc1d"]]);
3
+ // import "../../Autocomplete.vue_vue_type_style_index_0_scoped_a7bfd237_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a7bfd237"]]);
5
5
  export {
6
- c as default
6
+ s as default
7
7
  };
package/components/autocomplete/Autocomplete.vue2.js CHANGED
@@ -1,5 +1,5 @@
1
- import "../../Autocomplete.vue_vue_type_style_index_0_scoped_d2d1dc1d_lang.css"; import { defineComponent as b, computed as h, ref as s, watchEffect as x, openBlock as y, createBlock as k, unref as r, withCtx as f, createVNode as V, isRef as w, renderSlot as T, normalizeProps as g, guardReactiveProps as F } from "vue";
2
- import I from "../dropdown/v4/DropdownV4.vue.js";
1
+ 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";
2
+ import C from "../dropdown/v4/DropdownV4.vue.js";
3
3
  import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
4
4
  import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
5
5
  import "../dropdown/v4/ChipDropdownTrigger.vue.js";
@@ -7,9 +7,14 @@ import "../dropdown/v4/AppDropdownTrigger.vue.js";
7
7
  import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
8
8
  import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
9
9
  import "../dropdown/v4/OptionV4.vue.js";
10
- import B from "../input/v4/TextField.vue.js";
11
- import { useVModel as S } from "@vueuse/core";
12
- const K = /* @__PURE__ */ b({
10
+ import E from "../input/v4/TextField.vue.js";
11
+ import { useVModel as z } from "@vueuse/core";
12
+ import H from "../shared/FieldHelpText.vue.js";
13
+ import P from "../shared/FieldMaxLength.vue.js";
14
+ const N = {
15
+ key: 0,
16
+ class: "footer"
17
+ }, Q = /* @__PURE__ */ w({
13
18
  __name: "Autocomplete",
14
19
  props: {
15
20
  modelValue: { default: "" },
@@ -26,6 +31,7 @@ const K = /* @__PURE__ */ b({
26
31
  showFeedbackTextIcon: { type: Boolean, default: !1 },
27
32
  inlineError: { type: Boolean, default: !1 },
28
33
  inlineErrorText: { default: "" },
34
+ maxLength: { default: null },
29
35
  options: null,
30
36
  displayValue: null,
31
37
  optionNameKey: { default: "" },
@@ -34,67 +40,82 @@ const K = /* @__PURE__ */ b({
34
40
  testId: { default: "" }
35
41
  },
36
42
  emits: ["update:modelValue"],
37
- setup(e, { emit: c }) {
38
- const a = e, n = S(a, "modelValue", c), m = (l) => {
39
- l !== void 0 && (n.value = a.displayValue(l));
40
- }, p = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), d = h(() => {
41
- const l = n.value.toString();
43
+ setup(e, { emit: g }) {
44
+ const a = e, i = z(a, "modelValue", g), p = (l) => {
45
+ l !== void 0 && (i.value = a.displayValue(l));
46
+ }, k = c(() => (i.value || "").length), y = (l, t) => a.displayValue(l).toLowerCase().replace(/\s+/g, "").includes(t.toLowerCase().replace(/\s+/g, "")), u = c(() => {
47
+ const l = i.value.toString();
42
48
  return (a.options || []).filter(
43
- (t) => a.onSearch !== null ? a.onSearch(t, l) : p(t, l)
49
+ (t) => a.onSearch !== null ? a.onSearch(t, l) : y(t, l)
44
50
  );
45
- }), o = s(!1), u = s(!1);
46
- x(() => {
47
- a.disabled ? o.value = !1 : u.value && d.value.length ? o.value = !0 : d.value.length === 0 && (o.value = !1);
51
+ }), n = m(!1), s = m(!1);
52
+ T(() => {
53
+ a.disabled ? n.value = !1 : s.value && u.value.length ? n.value = !0 : u.value.length === 0 && (n.value = !1);
48
54
  });
49
- const v = () => {
50
- a.disabled || !o.value && d.value.length && (o.value = !0);
55
+ const V = () => {
56
+ a.disabled || !n.value && u.value.length && (n.value = !0);
51
57
  };
52
- return (l, t) => (y(), k(r(I), {
53
- "is-open": o.value,
54
- "onUpdate:is-open": t[3] || (t[3] = (i) => o.value = i),
55
- class: "autocomplete-dropdown",
56
- "display-value": e.displayValue,
57
- options: r(d),
58
- "option-name-key": e.optionNameKey,
59
- "options-list-width": e.optionsListWidth,
60
- disabled: e.disabled,
61
- "search-auto-focus": !1,
62
- "full-width": !1,
63
- "test-id": e.testId,
64
- "onUpdate:selected": m
65
- }, {
66
- "dropdown-trigger": f(() => [
67
- V(r(B), {
68
- modelValue: r(n),
69
- "onUpdate:modelValue": t[0] || (t[0] = (i) => w(n) ? n.value = i : null),
70
- class: "autocomplete-field",
71
- placeholder: e.placeholder,
72
- disabled: e.disabled,
73
- size: e.size,
74
- label: e.label,
75
- "label-direction": e.labelDirection,
76
- mandatory: e.mandatory,
77
- "hover-help-text": e.hoverHelpText,
78
- "hover-help-text-placemen": e.hoverHelpTextPlacement,
79
- "test-id": e.testId,
80
- "feedback-variant": e.feedbackVariant,
81
- "feedback-text": e.feedbackText,
82
- "show-feedback-text-icon": e.showFeedbackTextIcon,
83
- "inline-error": e.inlineError,
84
- "inline-error-text": e.inlineErrorText,
85
- "feedback-position-absolute": !0,
86
- onFocusin: t[1] || (t[1] = (i) => u.value = !0),
87
- onFocusout: t[2] || (t[2] = (i) => u.value = !1),
88
- onClick: v
89
- }, null, 8, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "feedback-text", "show-feedback-text-icon", "inline-error", "inline-error-text"])
90
- ]),
91
- default: f((i) => [
92
- T(l.$slots, "default", g(F(i)), void 0, !0)
93
- ]),
94
- _: 3
95
- }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]));
58
+ return (l, t) => (r(), h(F, null, [
59
+ v(d(C), {
60
+ "is-open": n.value,
61
+ "onUpdate:is-open": t[3] || (t[3] = (o) => n.value = o),
62
+ class: "autocomplete-dropdown",
63
+ "display-value": e.displayValue,
64
+ options: d(u),
65
+ "option-name-key": e.optionNameKey,
66
+ "options-list-width": e.optionsListWidth,
67
+ disabled: e.disabled,
68
+ "search-auto-focus": !1,
69
+ "full-width": !1,
70
+ "test-id": e.testId,
71
+ "onUpdate:selected": p
72
+ }, {
73
+ "dropdown-trigger": x(() => [
74
+ v(d(E), {
75
+ modelValue: d(i),
76
+ "onUpdate:modelValue": t[0] || (t[0] = (o) => L(i) ? i.value = o : null),
77
+ class: "autocomplete-field",
78
+ placeholder: e.placeholder,
79
+ disabled: e.disabled,
80
+ size: e.size,
81
+ label: e.label,
82
+ "label-direction": e.labelDirection,
83
+ mandatory: e.mandatory,
84
+ "hover-help-text": e.hoverHelpText,
85
+ "hover-help-text-placemen": e.hoverHelpTextPlacement,
86
+ "test-id": e.testId,
87
+ "feedback-variant": e.feedbackVariant,
88
+ "show-feedback-text-icon": e.showFeedbackTextIcon,
89
+ "inline-error": e.inlineError,
90
+ "inline-error-text": e.inlineErrorText,
91
+ maxlength: e.maxLength,
92
+ onFocusin: t[1] || (t[1] = (o) => s.value = !0),
93
+ onFocusout: t[2] || (t[2] = (o) => s.value = !1),
94
+ onClick: V
95
+ }, 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"])
96
+ ]),
97
+ default: x((o) => [
98
+ I(l.$slots, "default", S(B(o)), void 0, !0)
99
+ ]),
100
+ _: 3
101
+ }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
102
+ e.feedbackText || e.maxLength ? (r(), h("div", N, [
103
+ e.feedbackText ? (r(), b(H, {
104
+ key: 0,
105
+ text: e.feedbackText,
106
+ variant: e.feedbackVariant,
107
+ "show-icon": e.showFeedbackTextIcon,
108
+ "test-id": e.testId
109
+ }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
110
+ e.maxLength ? (r(), b(P, {
111
+ key: 1,
112
+ "current-length": d(k),
113
+ "max-length": e.maxLength
114
+ }, null, 8, ["current-length", "max-length"])) : f("", !0)
115
+ ])) : f("", !0)
116
+ ], 64));
96
117
  }
97
118
  });
98
119
  export {
99
- K as default
120
+ Q as default
100
121
  };
package/components/autocomplete/index.d.ts CHANGED
@@ -11,6 +11,7 @@ declare const AutocompleteTypes: () => ({
11
11
  testId: string;
12
12
  hoverHelpText: string;
13
13
  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";
14
+ maxLength: number;
14
15
  modelValue: string | number;
15
16
  placeholder: string;
16
17
  labelDirection: "top" | "inside";
@@ -58,6 +59,10 @@ declare const AutocompleteTypes: () => ({
58
59
  type: import("vue").PropType<"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">;
59
60
  default: string;
60
61
  };
62
+ maxLength: {
63
+ type: import("vue").PropType<number>;
64
+ default: any;
65
+ };
61
66
  modelValue: {
62
67
  type: import("vue").PropType<string | number>;
63
68
  default: string;
@@ -108,7 +113,7 @@ declare const AutocompleteTypes: () => ({
108
113
  };
109
114
  }>> & {
110
115
  "onUpdate:modelValue"?: (value: string | number) => any;
111
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
116
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "labelDirection" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "onSearch" | "optionNameKey" | "optionsListWidth">;
112
117
  $attrs: {
113
118
  [x: string]: unknown;
114
119
  };
@@ -158,6 +163,10 @@ declare const AutocompleteTypes: () => ({
158
163
  type: import("vue").PropType<"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">;
159
164
  default: string;
160
165
  };
166
+ maxLength: {
167
+ type: import("vue").PropType<number>;
168
+ default: any;
169
+ };
161
170
  modelValue: {
162
171
  type: import("vue").PropType<string | number>;
163
172
  default: string;
@@ -218,6 +227,7 @@ declare const AutocompleteTypes: () => ({
218
227
  testId: string;
219
228
  hoverHelpText: string;
220
229
  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";
230
+ maxLength: number;
221
231
  modelValue: string | number;
222
232
  placeholder: string;
223
233
  labelDirection: "top" | "inside";
@@ -285,6 +295,10 @@ declare const AutocompleteTypes: () => ({
285
295
  type: import("vue").PropType<"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">;
286
296
  default: string;
287
297
  };
298
+ maxLength: {
299
+ type: import("vue").PropType<number>;
300
+ default: any;
301
+ };
288
302
  modelValue: {
289
303
  type: import("vue").PropType<string | number>;
290
304
  default: string;
@@ -375,6 +389,10 @@ declare const AutocompleteTypes: () => ({
375
389
  type: import("vue").PropType<"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">;
376
390
  default: string;
377
391
  };
392
+ maxLength: {
393
+ type: import("vue").PropType<number>;
394
+ default: any;
395
+ };
378
396
  modelValue: {
379
397
  type: import("vue").PropType<string | number>;
380
398
  default: string;
@@ -435,6 +453,7 @@ declare const AutocompleteTypes: () => ({
435
453
  testId: string;
436
454
  hoverHelpText: string;
437
455
  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";
456
+ maxLength: number;
438
457
  modelValue: string | number;
439
458
  placeholder: string;
440
459
  labelDirection: "top" | "inside";
package/components/dropdown/v4/ChipDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./ChipDropdownTrigger.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-889042cf"]]);
3
+ // import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a8fdae89"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/ChipDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
1
+ import "../../../ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_a8fdae89_lang.css"; import { defineComponent as V, ref as b, computed as p, openBlock as _, createElementBlock as C, mergeProps as s, unref as t, createElementVNode as c, createVNode as d, withCtx as w, createTextVNode as k, toDisplayString as v, withDirectives as u, vShow as f, withModifiers as x } from "vue";
2
2
  import m from "../../icon/v4/IconV4.vue.js";
3
3
  import A from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as o } from "../../../testids/index.js";
package/components/dropdown/v4/DefaultDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DefaultDropdownTrigger.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; //*');
4
- const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c3033d90"]]);
3
+ // import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; //*');
4
+ const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad524750"]]);
5
5
  export {
6
6
  p as default
7
7
  };
package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js CHANGED
@@ -1,21 +1,20 @@
1
- import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css"; import { defineComponent as I, computed as r, openBlock as a, createElementBlock as n, createBlock as m, createCommentVNode as o, createElementVNode as c, mergeProps as y, unref as l, renderSlot as h, createVNode as s, withCtx as O, createTextVNode as x, toDisplayString as w } from "vue";
2
- import V from "../../typography/v4/Typography.vue.js";
1
+ import "../../../DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_ad524750_lang.css"; import { defineComponent as v, computed as r, openBlock as o, createElementBlock as a, createBlock as k, createCommentVNode as n, createElementVNode as c, mergeProps as m, unref as l, renderSlot as y, createVNode as i, withCtx as I, createTextVNode as B, toDisplayString as V } from "vue";
2
+ import x from "../../typography/v4/Typography.vue.js";
3
3
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
4
- import T from "../../icon/v4/IconV4.vue.js";
5
- import B from "../../shared/FieldLabel.vue.js";
6
- import D from "../../shared/FieldHelpText.vue.js";
7
- import { useTestIdAttrs as A } from "../../../utils/testIds.js";
8
- import N from "../../statusDot/StatusDot.vue.js";
9
- const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
4
+ import h from "../../icon/v4/IconV4.vue.js";
5
+ import w from "../../shared/FieldLabel.vue.js";
6
+ import { useTestIdAttrs as D } from "../../../utils/testIds.js";
7
+ import A from "../../statusDot/StatusDot.vue.js";
8
+ const N = { class: "default-dropdown-wrapper" }, K = { class: "content" }, $ = {
10
9
  key: 0,
11
10
  class: "image"
12
- }, H = ["src"], P = {
11
+ }, C = ["src"], P = {
13
12
  key: 1,
14
13
  class: "start-icon"
15
14
  }, S = {
16
15
  key: 2,
17
16
  class: "status-dot"
18
- }, z = { class: "caret-down" }, G = /* @__PURE__ */ I({
17
+ }, z = { class: "caret-down" }, j = /* @__PURE__ */ v({
19
18
  __name: "DefaultDropdownTrigger",
20
19
  props: {
21
20
  placeholder: { default: "Select" },
@@ -44,12 +43,12 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
44
43
  statusDotType: { default: null }
45
44
  },
46
45
  emits: ["click"],
47
- setup(t, { emit: b }) {
48
- const e = t, g = r(
46
+ setup(t, { emit: g }) {
47
+ const e = t, T = r(
49
48
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
50
- ), k = () => {
51
- b("click");
52
- }, f = A(e.testId, u), v = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
49
+ ), b = () => {
50
+ g("click");
51
+ }, p = D(e.testId, u), O = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? `All selected (${e.selectedOption.length})` : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
53
52
  if (!e.selectedOption)
54
53
  return null;
55
54
  if (!e.multi)
@@ -57,8 +56,8 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
57
56
  if (Array.isArray(e.selectedOption))
58
57
  return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
59
58
  });
60
- return (i, p) => (a(), n("div", K, [
61
- t.label ? (a(), m(B, {
59
+ return (s, f) => (o(), a("div", N, [
60
+ t.label ? (o(), k(w, {
62
61
  key: 0,
63
62
  label: t.label,
64
63
  mandatory: t.mandatory,
@@ -67,58 +66,50 @@ const K = { class: "default-dropdown-wrapper" }, $ = { class: "content" }, C = {
67
66
  disabled: t.disabled,
68
67
  "test-id": t.testId,
69
68
  class: "dropdown-field-label"
70
- }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : o("", !0),
71
- c("div", y({
72
- class: ["dropdown-trigger", [t.size, l(g), { open: t.open, disabled: t.disabled }]]
73
- }, l(f)[l(u).BUTTON_WRAPPER], {
74
- onClick: p[0] || (p[0] = (E) => k())
69
+ }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
70
+ c("div", m({
71
+ class: ["dropdown-trigger", [t.size, l(T), { open: t.open, disabled: t.disabled }]]
72
+ }, l(p)[l(u).BUTTON_WRAPPER], {
73
+ onClick: f[0] || (f[0] = (E) => b())
75
74
  }), [
76
- c("div", $, [
77
- i.$slots.image || l(d) && t.optionImageKey ? (a(), n("div", C, [
78
- h(i.$slots, "image", {}, () => [
79
- t.optionImageKey ? (a(), n("img", {
75
+ c("div", K, [
76
+ s.$slots.image || l(d) && t.optionImageKey ? (o(), a("div", $, [
77
+ y(s.$slots, "image", {}, () => [
78
+ t.optionImageKey ? (o(), a("img", {
80
79
  key: 0,
81
80
  src: l(d)[t.optionImageKey]
82
- }, null, 8, H)) : o("", !0)
81
+ }, null, 8, C)) : n("", !0)
83
82
  ], !0)
84
- ])) : o("", !0),
85
- i.$slots["icon-start"] || l(d) && t.optionIconKey ? (a(), n("div", P, [
86
- h(i.$slots, "icon-start", {}, () => [
87
- s(l(T), {
83
+ ])) : n("", !0),
84
+ s.$slots["icon-start"] || l(d) && t.optionIconKey ? (o(), a("div", P, [
85
+ y(s.$slots, "icon-start", {}, () => [
86
+ i(l(h), {
88
87
  type: t.optionIconType,
89
88
  name: l(d)[t.optionIconKey],
90
89
  size: "20px"
91
90
  }, null, 8, ["type", "name"])
92
91
  ], !0)
93
- ])) : o("", !0),
94
- t.statusDotType ? (a(), n("div", S, [
95
- s(l(N), { type: t.statusDotType }, null, 8, ["type"])
96
- ])) : o("", !0),
97
- s(l(V), y({ variant: "body1" }, l(f)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
98
- default: O(() => [
99
- x(w(l(v)), 1)
92
+ ])) : n("", !0),
93
+ t.statusDotType ? (o(), a("div", S, [
94
+ i(l(A), { type: t.statusDotType }, null, 8, ["type"])
95
+ ])) : n("", !0),
96
+ i(l(x), m({ variant: "body1" }, l(p)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
97
+ default: I(() => [
98
+ B(V(l(O)), 1)
100
99
  ]),
101
100
  _: 1
102
101
  }, 16)
103
102
  ]),
104
103
  c("div", z, [
105
- s(l(T), {
104
+ i(l(h), {
106
105
  name: "caret-down",
107
106
  size: "20px"
108
107
  })
109
108
  ])
110
- ], 16),
111
- t.feedbackText ? (a(), m(D, {
112
- key: 1,
113
- text: t.feedbackText,
114
- variant: t.feedbackVariant,
115
- "show-icon": t.showFeedbackIcon,
116
- "test-id": t.testId,
117
- class: "dropdown-field-help-text"
118
- }, null, 8, ["text", "variant", "show-icon", "test-id"])) : o("", !0)
109
+ ], 16)
119
110
  ]));
120
111
  }
121
112
  });
122
113
  export {
123
- G as default
114
+ j as default
124
115
  };
package/components/dropdown/v4/DropdownV4.vue.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import o from "./DropdownV4.vue2.js";
2
- /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css"; //*');
2
+ /* empty css *//* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-bf8e7ff5"]]);
5
+ const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0968078f"]]);
6
6
  export {
7
7
  r as default
8
8
  };