@ironsource/shared-ui 2.1.11-rc.49 → 2.1.11-rc.50

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 (44) hide show
  1. package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css +1 -0
  2. package/IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css +1 -0
  3. package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css +1 -0
  4. package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +1 -0
  5. package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +1 -0
  6. package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +1 -0
  7. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  8. package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_lang.css +1 -0
  9. package/components/icon/v4/IconFlag.vue.js +3 -3
  10. package/components/icon/v4/IconFlag.vue2.js +1 -1
  11. package/components/input/v4/TextField.vue.js +3 -3
  12. package/components/input/v4/TextField.vue2.js +184 -164
  13. package/components/sortableList/SortableItem.vue.d.ts +5 -0
  14. package/components/sortableList/SortableItem.vue.js +3 -3
  15. package/components/sortableList/SortableItem.vue2.js +80 -65
  16. package/components/sortableList/SortableList.vue.d.ts +16 -0
  17. package/components/sortableList/SortableList.vue.js +3 -3
  18. package/components/sortableList/SortableList.vue2.js +100 -87
  19. package/components/sortableList/index.d.ts +59 -1
  20. package/components/table/v4/DataGrid.vue.d.ts +1 -1
  21. package/components/table/v4/MultipleDataGrid.vue.d.ts +1 -1
  22. package/components/table/v4/index.d.ts +40 -40
  23. package/components/table-cells/common/Editable.common.js +8 -7
  24. package/components/table-cells/common/EditableContext.d.ts +1 -0
  25. package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
  26. package/components/table-cells/v4/EditableV4.vue.js +3 -3
  27. package/components/table-cells/v4/EditableV4.vue2.js +11 -10
  28. package/components/table-cells/v4/index.d.ts +20 -1
  29. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  30. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  31. package/components/typography/v4/Typography.vue.js +4 -4
  32. package/components/typography/v4/Typography.vue2.js +1 -1
  33. package/index.d.ts +238 -84
  34. package/index.js +1 -1
  35. package/package.json +1 -1
  36. package/testids/index.d.ts +1 -0
  37. package/testids/index.js +13 -13
  38. package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +0 -1
  39. package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css +0 -1
  40. package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css +0 -1
  41. package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css +0 -1
  42. package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +0 -1
  43. package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +0 -1
  44. package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css +0 -1
package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .editable[data-v-1bbe222a]{position:relative;left:calc(var(--spacing-100) * -1);display:flex;align-items:center}.editable-wrapper[data-v-1bbe222a]{display:flex;flex:1 1 auto}.editable-wrapper[data-v-1bbe222a]:hover{cursor:text;background:var(--default-main)}.editable-content[data-v-1bbe222a]{padding:0 var(--spacing-100);height:28px;display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:var(--border-radius-md)}.caret-icon[data-v-1bbe222a]{display:none;color:var(--action-active)}.table-row:hover .editable-wrapper[data-v-1bbe222a]{cursor:text;width:100%}.table-row:hover .editable-content[data-v-1bbe222a]{outline:1px solid var(--action-outlined-border);outline-offset:-1px}.table-row:hover .caret-icon[data-v-1bbe222a]{display:flex}
package/IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css ADDED
@@ -0,0 +1 @@
1
+ .icon-flag[data-v-be9dc7bb]{border-radius:50%;border:2px solid var(--common-divider);display:inline-flex;height:16px;min-width:16px;user-select:none;width:16px}
package/SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sortable-item[data-v-2ca7b24c]{display:flex;position:relative;flex-direction:column;border:1px solid var(--common-divider);border-radius:var(--border-radius-sm);background:var(--background-paper)}.sortable-item--selected[data-v-2ca7b24c]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-2ca7b24c]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-2ca7b24c]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-2ca7b24c]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-2ca7b24c],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-2ca7b24c]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-2ca7b24c],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-2ca7b24c]{display:none}.item[data-v-2ca7b24c]{align-items:center;display:flex;height:40px}.item--selected[data-v-2ca7b24c],.item[data-v-2ca7b24c]:hover{background:var(--background-paper-elevation-1)}.item__prefix[data-v-2ca7b24c]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-2ca7b24c]{flex:1;height:40px;display:flex;align-items:center}.item__text[data-v-2ca7b24c]:hover{cursor:pointer}.item__menu[data-v-2ca7b24c]{width:26px}.country-flag[data-v-2ca7b24c]{margin-right:var(--spacing-100)}.child-list[data-v-2ca7b24c]{display:flex;max-height:var(--bdf83566);width:100%}.child-list ul[data-v-2ca7b24c]{list-style:none;display:flex;flex-direction:column;margin-bottom:8px;padding-left:16px;padding-right:8px;padding-top:4px;gap:2px;overflow:hidden}.child-list li[data-v-2ca7b24c]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px;width:100%}.child-list li[data-v-2ca7b24c]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-2ca7b24c]{background:var(--action-selected)}.child-list .country-title[data-v-2ca7b24c]{padding-right:1rem}.expand-icon[data-v-2ca7b24c]{cursor:pointer;padding-right:7px;padding-left:1px;height:40px;display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-2ca7b24c]:hover{color:var(--text-primary)}.locked-icon[data-v-2ca7b24c]{color:var(--action-active)}.draggable-handle[data-v-2ca7b24c]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:40px;color:var(--action-active)}.draggable-handle[data-v-2ca7b24c]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-2ca7b24c]{position:relative;outline:none}.sortable-ghost[data-v-2ca7b24c]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}
package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sortable-list-and-header-container[data-v-8f267f88]{display:flex;flex-direction:column;overflow-y:auto;width:100%}.header-container[data-v-8f267f88]{background-color:var(--background-default);display:flex;flex-direction:column;padding-bottom:var(--spacing-100);width:100%}.header-container.sticky[data-v-8f267f88]{position:sticky;top:0;z-index:calc(var(--2b5787e0) + 3)}.sortable-list[data-v-8f267f88],.locked-list[data-v-8f267f88]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-8f267f88]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-8f267f88]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-8f267f88]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-8f267f88]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-8f267f88]{height:40px;width:100%}
package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_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-fce3948c],.font-chart-2[data-v-fce3948c],.font-chart-1[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-fce3948c],.font-table-label[data-v-fce3948c],.font-button[data-v-fce3948c],.font-heading-6[data-v-fce3948c],.font-heading-5[data-v-fce3948c],.font-heading-4[data-v-fce3948c],.font-heading-3[data-v-fce3948c],.font-heading-2[data-v-fce3948c],.font-heading-1[data-v-fce3948c],.font-title[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-fce3948c],.font-input-label[data-v-fce3948c],.font-overline[data-v-fce3948c],.font-subtitle-2[data-v-fce3948c],.font-subtitle-1[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-fce3948c],.font-body-2[data-v-fce3948c],.input-container .input[data-v-fce3948c],.font-body-1[data-v-fce3948c]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-fce3948c]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-fce3948c]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-fce3948c]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-fce3948c]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-fce3948c]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-fce3948c]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-fce3948c]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-fce3948c],.font-body-1[data-v-fce3948c]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-fce3948c]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-fce3948c]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-fce3948c]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-fce3948c]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-fce3948c]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-fce3948c]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-fce3948c]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-fce3948c]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-fce3948c]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-fce3948c]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-fce3948c],.font-tab-label2[data-v-fce3948c]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-fce3948c]{font-size:.75rem;line-height:1rem}h1[data-v-fce3948c],h2[data-v-fce3948c],h3[data-v-fce3948c],h4[data-v-fce3948c],h5[data-v-fce3948c],h6[data-v-fce3948c]{margin:0}.disabled .input[data-v-fce3948c]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-fce3948c]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-fce3948c]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-fce3948c]{height:28px}.input-size-medium[data-v-fce3948c]{height:32px}.input-size-large[data-v-fce3948c]{height:40px}.input-with-label-container[data-v-fce3948c]{display:flex;flex-direction:column}.input-container[data-v-fce3948c]{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;gap:var(--spacing-50)}.input-container[data-v-fce3948c]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-fce3948c]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-fce3948c]:focus{outline:none}.input-container .input[data-v-fce3948c]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-fce3948c]{color:var(--text-disabled)}.input-container .input[type=number][data-v-fce3948c]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-fce3948c]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-fce3948c]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-fce3948c]{letter-spacing:4px}.input-container[data-v-fce3948c] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-fce3948c]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-fce3948c]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-fce3948c]{padding-right:var(--spacing-50)}.input-container .icon-after[data-v-fce3948c]{padding-left:var(--spacing-50)}.prefix-text[data-v-fce3948c]{color:var(--text-secondary, #646464);margin-right:var(--spacing-50)}.suffix-text[data-v-fce3948c]{color:var(--text-secondary, #646464)}.focused[data-v-fce3948c],.focused[data-v-fce3948c]:hover{background-color:var(--action-hover);outline:2px solid var(--primary-main);outline-offset:-2px}.error-icon.error-icon[data-v-fce3948c],.error-icon.error-icon[data-v-fce3948c]:hover{color:var(--error-main)}.label-direction-left[data-v-fce3948c]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-fce3948c]{cursor:pointer;color:var(--default-contrast-text);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-fce3948c]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-fce3948c]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-fce3948c]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-fce3948c]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-fce3948c],.variant-success .input-container[data-v-fce3948c]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-fce3948c],.variant-error .input-container[data-v-fce3948c]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-fce3948c],.variant-warning .input-container[data-v-fce3948c]:hover{outline:2px solid var(--warning-dark)}
package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-66eab856]{display:block}
package/TooltipV4.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}.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-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
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}.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-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{align-items:center;display:inline-flex;width:100%}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
package/Typography.vue_vue_type_style_index_0_scoped_5714d43e_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-5714d43e],.font-chart-2[data-v-5714d43e],.font-chart-1[data-v-5714d43e]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-5714d43e],.font-table-label[data-v-5714d43e],.font-button[data-v-5714d43e],.font-heading-6[data-v-5714d43e],.font-heading-5[data-v-5714d43e],.font-heading-4[data-v-5714d43e],.font-heading-3[data-v-5714d43e],.font-heading-2[data-v-5714d43e],.font-heading-1[data-v-5714d43e],.font-title[data-v-5714d43e]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-5714d43e],.font-input-label[data-v-5714d43e],.font-overline[data-v-5714d43e],.font-subtitle-2[data-v-5714d43e],.font-subtitle-1[data-v-5714d43e]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-5714d43e],.font-body-2[data-v-5714d43e],.font-body-1[data-v-5714d43e]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-5714d43e]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-5714d43e]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-5714d43e]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-5714d43e]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-5714d43e]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-5714d43e]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-5714d43e]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-5714d43e]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-5714d43e]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-5714d43e]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-5714d43e]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-5714d43e]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-5714d43e]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-5714d43e]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-5714d43e]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-5714d43e]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-5714d43e]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-5714d43e]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-5714d43e],.font-tab-label2[data-v-5714d43e]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-5714d43e]{font-size:.75rem;line-height:1rem}h1[data-v-5714d43e],h2[data-v-5714d43e],h3[data-v-5714d43e],h4[data-v-5714d43e],h5[data-v-5714d43e],h6[data-v-5714d43e]{margin:0}.antialiased[data-v-5714d43e]{-webkit-font-smoothing:antialiased}.truncate[data-v-5714d43e]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.typography-tooltip[data-v-5714d43e],.typography-tooltip[data-v-5714d43e] .container{display:block;width:100%}
package/components/icon/v4/IconFlag.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./IconFlag.vue2.js";
2
- /* empty css */import c from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css"; //*');
4
- const t = /* @__PURE__ */ c(o, [["__scopeId", "data-v-7b09cc85"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-be9dc7bb"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/components/icon/v4/IconFlag.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css"; import { defineComponent as n, computed as a, openBlock as e, createElementBlock as t, createElementVNode as c, unref as l } from "vue";
1
+ import "../../../IconFlag.vue_vue_type_style_index_0_scoped_be9dc7bb_lang.css"; import { defineComponent as n, computed as a, openBlock as e, createElementBlock as t, createElementVNode as c, unref as l } from "vue";
2
2
  import { ASSETS_BASE_URL as i } from "./consts.js";
3
3
  const d = { class: "icon-flag" }, u = {
4
4
  xmlns: "http://www.w3.org/2000/svg",
package/components/input/v4/TextField.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./TextField.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e327aa1"]]);
3
+ // import "../../../TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-fce3948c"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };
package/components/input/v4/TextField.vue2.js CHANGED
@@ -1,27 +1,27 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css"; import { defineComponent as J, computed as f, ref as Q, openBlock as l, createElementBlock as d, mergeProps as c, unref as t, createBlock as r, createCommentVNode as n, createElementVNode as A, normalizeClass as E, renderSlot as F, withCtx as b, createTextVNode as V, toDisplayString as $, withKeys as U, withModifiers as z, normalizeProps as O, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css"; import { defineComponent as ee, computed as o, ref as te, openBlock as n, createElementBlock as u, mergeProps as f, unref as e, createBlock as d, createCommentVNode as i, createVNode as x, withCtx as h, createElementVNode as O, normalizeClass as V, renderSlot as $, createTextVNode as z, toDisplayString as D, withKeys as le, withModifiers as N, normalizeProps as H } from "vue";
2
2
  import v from "../../icon/v4/IconV4.vue.js";
3
3
  import "../../icon/v4/IconFlag.vue.js";
4
- import X from "../../tooltip/v4/TooltipV4.vue.js";
5
- import D from "../../typography/v4/Typography.vue.js";
4
+ import S from "../../tooltip/v4/TooltipV4.vue.js";
5
+ import R from "../../typography/v4/Typography.vue.js";
6
6
  import { InputTestIdModifiers as m } from "../../../testids/index.js";
7
- import { inputCommon as Y } from "../common/Input.common.js";
8
- import Z from "../../shared/FieldLabel.vue.js";
9
- import _ from "../../shared/FieldHelpText.vue.js";
10
- import N from "../../shared/FieldMaxLength.vue.js";
11
- import { useTestIdAttrs as ee } from "../../../utils/testIds.js";
12
- const te = {
7
+ import { inputCommon as ne } from "../common/Input.common.js";
8
+ import ae from "../../shared/FieldLabel.vue.js";
9
+ import oe from "../../shared/FieldHelpText.vue.js";
10
+ import W from "../../shared/FieldMaxLength.vue.js";
11
+ import { useTestIdAttrs as ie } from "../../../utils/testIds.js";
12
+ const re = {
13
13
  key: 0,
14
14
  class: "icon-container icon-before"
15
- }, le = ["maxlength", "value", "placeholder", "disabled", "type", "step"], ae = ["onClick"], ne = {
15
+ }, se = ["maxlength", "value", "placeholder", "disabled", "type", "step"], de = ["onClick"], ue = {
16
16
  key: 5,
17
17
  class: "inline-error"
18
- }, oe = {
18
+ }, fe = {
19
19
  key: 7,
20
20
  class: "icon-container icon-after"
21
- }, ie = {
21
+ }, ce = {
22
22
  inheritAttrs: !1
23
- }, be = /* @__PURE__ */ J({
24
- ...ie,
23
+ }, Ie = /* @__PURE__ */ ee({
24
+ ...ce,
25
25
  __name: "TextField",
26
26
  props: {
27
27
  modelValue: { default: "" },
@@ -54,168 +54,188 @@ const te = {
54
54
  inlineErrorTextPlacement: { default: "top" }
55
55
  },
56
56
  emits: ["update:modelValue", "apply"],
57
- setup(e, { expose: S, emit: k }) {
58
- const o = e, y = ee(o.testId, m), H = () => {
59
- o.showApply ? k("apply") : s?.confirmable && K();
60
- }, R = () => g.value.focus(), {
61
- onConfirm: K,
62
- onEnter: T,
57
+ setup(t, { expose: K, emit: k }) {
58
+ const l = t, y = ie(l.testId, m), M = () => {
59
+ l.showApply ? k("apply") : r?.confirmable && U();
60
+ }, G = () => g.value.focus(), {
61
+ onConfirm: U,
62
+ onEnter: w,
63
63
  inputRef: g,
64
- isFocused: h,
65
- showLabelInside: w,
66
- api: s,
67
- labelText: M,
68
- sizeClass: G,
64
+ isFocused: b,
65
+ showLabelInside: I,
66
+ api: r,
67
+ labelText: j,
68
+ sizeClass: q,
69
69
  handleInput: L,
70
- handleKeypress: I
71
- } = Y(o, k), P = f(() => s.value?.value ?? o.modelValue), W = f(() => (P.value || "").length), B = f(() => ({
72
- currentLength: W.value,
73
- maxLength: o.maxLength
74
- })), C = f(
75
- () => o.maxLength && o.maxLengthCounterPosition === "outside"
76
- ), j = f(
77
- () => o.feedbackText || C.value
78
- ), x = Q(!1), q = f(() => x.value && o.type === "password" ? "text" : o.type);
79
- return S({
80
- manualFocus: R
81
- }), (u, a) => (l(), d("div", c({
70
+ handleKeypress: P
71
+ } = ne(l, k), C = o(() => r.value?.value ?? l.modelValue), J = o(() => (C.value || "").length), E = o(() => ({
72
+ currentLength: J.value,
73
+ maxLength: l.maxLength
74
+ })), A = o(
75
+ () => l.maxLength && l.maxLengthCounterPosition === "outside"
76
+ ), Q = o(
77
+ () => l.feedbackText || A.value
78
+ ), T = o(
79
+ () => !l.inlineErrorText && !r?.error?.value
80
+ ), B = o(
81
+ () => l.inlineErrorText || r?.error?.value
82
+ ), X = o(
83
+ () => (l.inlineError || r?.withIcons) && !T.value
84
+ ), Y = o(
85
+ () => !l.inlineError && !r?.withIcons && !T.value
86
+ ), Z = o(
87
+ () => l.showApply || r?.confirmable && r?.withIcons && !r?.error?.value
88
+ ), F = o(
89
+ () => r?.error?.value ? "error" : l.feedbackVariant
90
+ ), p = te(!1), _ = o(() => p.value && l.type === "password" ? "text" : l.type);
91
+ return K({
92
+ manualFocus: G
93
+ }), (c, a) => (n(), u("div", f({
82
94
  class: {
83
95
  "input-with-label-container": !0,
84
- disabled: e.disabled,
85
- [`variant-${e.feedbackVariant}`]: !0
96
+ disabled: t.disabled,
97
+ [`variant-${e(F)}`]: !0
86
98
  }
87
- }, t(y)[t(m).WRAPPER]), [
88
- e.label && e.labelDirection !== "inside" ? (l(), r(Z, {
99
+ }, e(y)[e(m).WRAPPER]), [
100
+ t.label && t.labelDirection !== "inside" ? (n(), d(ae, {
89
101
  key: 0,
90
- label: e.label,
91
- mandatory: e.mandatory,
92
- "hover-help-text": e.hoverHelpText,
93
- "hover-help-text-placement": e.hoverHelpTextPlacement,
94
- disabled: e.disabled,
95
- "test-id": e.testId
96
- }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
97
- A("div", {
98
- class: E({
99
- "input-container": !0,
100
- "label-inside": t(w),
101
- focused: t(h)
102
- })
103
- }, [
104
- u.$slots.iconBefore ? (l(), d("div", te, [
105
- F(u.$slots, "iconBefore", {}, void 0, !0)
106
- ])) : n("", !0),
107
- e.prefix ? (l(), r(t(D), {
108
- key: 1,
109
- class: "prefix-text",
110
- variant: "body1"
111
- }, {
112
- default: b(() => [
113
- V($(e.prefix), 1)
114
- ]),
115
- _: 1
116
- })) : n("", !0),
117
- A("input", c({
118
- ref_key: "inputRef",
119
- ref: g,
120
- maxlength: e.maxLength
121
- }, { ...u.$attrs, ...t(y)[t(m).FIELD] }, {
122
- value: t(P),
123
- placeholder: t(M),
124
- disabled: e.disabled || e.viewOnly,
125
- type: t(q),
126
- class: ["input", {
127
- [t(G)]: !0,
128
- "view-only": e.viewOnly,
129
- "label-inside": t(w),
130
- "hide-arrows": e.hideNumberArrows,
131
- "input-type": e.type
132
- }],
133
- step: e.step,
134
- onInput: a[0] || (a[0] = //@ts-ignore
135
- (...i) => t(L) && t(L)(...i)),
136
- onFocus: a[1] || (a[1] = (i) => h.value = !0),
137
- onBlur: a[2] || (a[2] = (i) => h.value = !1),
138
- onKeyup: a[3] || (a[3] = U(z(
139
- //@ts-ignore
140
- (...i) => t(T) && t(T)(...i),
141
- ["prevent"]
142
- ), ["enter"])),
143
- onKeypress: a[4] || (a[4] = //@ts-ignore
144
- (...i) => t(I) && t(I)(...i))
145
- }), null, 16, le),
146
- e.maxLength && e.maxLengthCounterPosition === "inside" ? (l(), r(N, O(c({ key: 2 }, t(B))), null, 16)) : n("", !0),
147
- e.showApply || t(s)?.confirmable && !t(s)?.error?.value ? (l(), d("div", {
148
- key: 3,
149
- class: "apply-button",
150
- onClick: z(H, ["stop", "prevent"])
151
- }, [
152
- p(t(v), {
153
- name: "check",
154
- size: "20px"
155
- })
156
- ], 8, ae)) : n("", !0),
157
- e.suffix ? (l(), r(t(D), {
158
- key: 4,
159
- class: "suffix-text",
160
- variant: "body1"
161
- }, {
162
- default: b(() => [
163
- V($(e.suffix), 1)
164
- ]),
165
- _: 1
166
- })) : n("", !0),
167
- e.inlineError || t(s)?.error?.value ? (l(), d("div", ne, [
168
- p(t(X), c({
169
- disabled: !e.inlineErrorText && !t(s)?.error?.value,
170
- text: e.inlineErrorText || t(s)?.error?.value,
171
- "test-id": e.testId,
172
- placement: e.inlineErrorTextPlacement
173
- }, t(y)[t(m).TOOLTIP]), {
174
- default: b(() => [
175
- p(t(v), {
176
- name: "warning-circle",
177
- size: "16px"
102
+ label: t.label,
103
+ mandatory: t.mandatory,
104
+ "hover-help-text": t.hoverHelpText,
105
+ "hover-help-text-placement": t.hoverHelpTextPlacement,
106
+ disabled: t.disabled,
107
+ "test-id": t.testId
108
+ }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : i("", !0),
109
+ x(e(S), f({
110
+ disabled: !e(Y),
111
+ text: e(B),
112
+ placement: t.inlineErrorTextPlacement
113
+ }, e(y)[e(m).TOOLTIP_WITHOUT_ICON]), {
114
+ default: h(() => [
115
+ O("div", {
116
+ class: V({
117
+ "input-container": !0,
118
+ "label-inside": e(I),
119
+ focused: e(b)
120
+ })
121
+ }, [
122
+ c.$slots.iconBefore ? (n(), u("div", re, [
123
+ $(c.$slots, "iconBefore", {}, void 0, !0)
124
+ ])) : i("", !0),
125
+ t.prefix ? (n(), d(e(R), {
126
+ key: 1,
127
+ class: "prefix-text",
128
+ variant: "body1"
129
+ }, {
130
+ default: h(() => [
131
+ z(D(t.prefix), 1)
132
+ ]),
133
+ _: 1
134
+ })) : i("", !0),
135
+ O("input", f({
136
+ ref_key: "inputRef",
137
+ ref: g,
138
+ maxlength: t.maxLength
139
+ }, { ...c.$attrs, ...e(y)[e(m).FIELD] }, {
140
+ value: e(C),
141
+ placeholder: e(j),
142
+ disabled: t.disabled || t.viewOnly,
143
+ type: e(_),
144
+ class: ["input", {
145
+ [e(q)]: !0,
146
+ "view-only": t.viewOnly,
147
+ "label-inside": e(I),
148
+ "hide-arrows": t.hideNumberArrows,
149
+ "input-type": t.type
150
+ }],
151
+ step: t.step,
152
+ onInput: a[0] || (a[0] = //@ts-ignore
153
+ (...s) => e(L) && e(L)(...s)),
154
+ onFocus: a[1] || (a[1] = (s) => b.value = !0),
155
+ onBlur: a[2] || (a[2] = (s) => b.value = !1),
156
+ onKeyup: a[3] || (a[3] = le(N(
157
+ //@ts-ignore
158
+ (...s) => e(w) && e(w)(...s),
159
+ ["prevent"]
160
+ ), ["enter"])),
161
+ onKeypress: a[4] || (a[4] = //@ts-ignore
162
+ (...s) => e(P) && e(P)(...s))
163
+ }), null, 16, se),
164
+ t.maxLength && t.maxLengthCounterPosition === "inside" ? (n(), d(W, H(f({ key: 2 }, e(E))), null, 16)) : i("", !0),
165
+ e(Z) ? (n(), u("div", {
166
+ key: 3,
167
+ class: "apply-button",
168
+ onClick: N(M, ["stop", "prevent"])
169
+ }, [
170
+ x(e(v), {
171
+ name: "check",
172
+ size: "20px"
178
173
  })
179
- ]),
180
- _: 1
181
- }, 16, ["disabled", "text", "test-id", "placement"])
182
- ])) : n("", !0),
183
- e.type === "password" ? (l(), d("div", c({
184
- key: 6,
185
- class: "password-visibility-toggle"
186
- }, t(y)[t(m).TOGGLE_PASSWORD], {
187
- onClick: a[5] || (a[5] = (i) => x.value = !x.value)
188
- }), [
189
- x.value ? (l(), r(t(v), {
190
- key: 0,
191
- name: "eye",
192
- size: "16px"
193
- })) : (l(), r(t(v), {
194
- key: 1,
195
- name: "eye-slash",
196
- size: "16px"
197
- }))
198
- ], 16)) : n("", !0),
199
- u.$slots.iconAfter ? (l(), d("div", oe, [
200
- F(u.$slots, "iconAfter", {}, void 0, !0)
201
- ])) : n("", !0)
202
- ], 2),
203
- t(j) ? (l(), d("div", {
174
+ ], 8, de)) : i("", !0),
175
+ t.suffix ? (n(), d(e(R), {
176
+ key: 4,
177
+ class: "suffix-text",
178
+ variant: "body1"
179
+ }, {
180
+ default: h(() => [
181
+ z(D(t.suffix), 1)
182
+ ]),
183
+ _: 1
184
+ })) : i("", !0),
185
+ e(X) ? (n(), u("div", ue, [
186
+ x(e(S), f({
187
+ disabled: e(T),
188
+ text: e(B),
189
+ placement: t.inlineErrorTextPlacement
190
+ }, e(y)[e(m).TOOLTIP]), {
191
+ default: h(() => [
192
+ x(e(v), {
193
+ name: "warning-circle",
194
+ size: "16px"
195
+ })
196
+ ]),
197
+ _: 1
198
+ }, 16, ["disabled", "text", "placement"])
199
+ ])) : i("", !0),
200
+ t.type === "password" ? (n(), u("div", f({
201
+ key: 6,
202
+ class: "password-visibility-toggle"
203
+ }, e(y)[e(m).TOGGLE_PASSWORD], {
204
+ onClick: a[5] || (a[5] = (s) => p.value = !p.value)
205
+ }), [
206
+ p.value ? (n(), d(e(v), {
207
+ key: 0,
208
+ name: "eye",
209
+ size: "16px"
210
+ })) : (n(), d(e(v), {
211
+ key: 1,
212
+ name: "eye-slash",
213
+ size: "16px"
214
+ }))
215
+ ], 16)) : i("", !0),
216
+ c.$slots.iconAfter ? (n(), u("div", fe, [
217
+ $(c.$slots, "iconAfter", {}, void 0, !0)
218
+ ])) : i("", !0)
219
+ ], 2)
220
+ ]),
221
+ _: 3
222
+ }, 16, ["disabled", "text", "placement"]),
223
+ e(Q) ? (n(), u("div", {
204
224
  key: 1,
205
- class: E(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
225
+ class: V(["footer", t.feedbackPositionAbsolute && "footer-absolute"])
206
226
  }, [
207
- e.feedbackText ? (l(), r(_, {
227
+ t.feedbackText ? (n(), d(oe, {
208
228
  key: 0,
209
- text: e.feedbackText,
210
- variant: e.feedbackVariant,
211
- "show-icon": e.showFeedbackTextIcon,
212
- "test-id": e.testId
213
- }, null, 8, ["text", "variant", "show-icon", "test-id"])) : n("", !0),
214
- t(C) ? (l(), r(N, O(c({ key: 1 }, t(B))), null, 16)) : n("", !0)
215
- ], 2)) : n("", !0)
229
+ text: t.feedbackText,
230
+ variant: e(F),
231
+ "show-icon": t.showFeedbackTextIcon,
232
+ "test-id": t.testId
233
+ }, null, 8, ["text", "variant", "show-icon", "test-id"])) : i("", !0),
234
+ e(A) ? (n(), d(W, H(f({ key: 1 }, e(E))), null, 16)) : i("", !0)
235
+ ], 2)) : i("", !0)
216
236
  ], 16));
217
237
  }
218
238
  });
219
239
  export {
220
- be as default
240
+ Ie as default
221
241
  };
package/components/sortableList/SortableItem.vue.d.ts CHANGED
@@ -6,6 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
6
6
  isSelected?: boolean;
7
7
  selectedChildId?: string | number;
8
8
  searchQuery?: string;
9
+ childListMaxHeight: string;
9
10
  searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
10
11
  displayValue: (item: SortableListItem) => string;
11
12
  }>, {
@@ -15,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
15
16
  selectedChildId: any;
16
17
  searchQuery: any;
17
18
  index: any;
19
+ childListMaxHeight: string;
18
20
  searchHandler: any;
19
21
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
22
  toggle: (value: boolean) => void;
@@ -27,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
29
  isSelected?: boolean;
28
30
  selectedChildId?: string | number;
29
31
  searchQuery?: string;
32
+ childListMaxHeight: string;
30
33
  searchHandler?: (item: SortableListItem, searchQuery: string) => boolean;
31
34
  displayValue: (item: SortableListItem) => string;
32
35
  }>, {
@@ -36,6 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
36
39
  selectedChildId: any;
37
40
  searchQuery: any;
38
41
  index: any;
42
+ childListMaxHeight: string;
39
43
  searchHandler: any;
40
44
  }>>> & {
41
45
  onSelect?: () => any;
@@ -47,6 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
47
51
  isSelected: boolean;
48
52
  searchQuery: string;
49
53
  selectedChildId: string | number;
54
+ childListMaxHeight: string;
50
55
  searchHandler: (item: SortableListItem, searchQuery: string) => boolean;
51
56
  }>, {
52
57
  menu?(_: {}): any;
package/components/sortableList/SortableItem.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./SortableItem.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7cb676f1"]]);
3
+ // import "../../SortableItem.vue_vue_type_style_index_0_scoped_2ca7b24c_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2ca7b24c"]]);
5
5
  export {
6
- c as default
6
+ s as default
7
7
  };