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

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 (31) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css +1 -0
  2. package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css +1 -0
  3. package/DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css +1 -0
  4. package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css +1 -0
  5. package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css} +1 -1
  6. package/OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css +1 -0
  7. package/TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css +1 -0
  8. package/components/dialog/v4/DialogV4.vue.js +3 -3
  9. package/components/dialog/v4/DialogV4.vue2.js +67 -62
  10. package/components/dropdown/v4/AppDropdownTrigger.vue.js +2 -2
  11. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +1 -1
  12. package/components/dropdown/v4/DropdownV4.vue.js +3 -3
  13. package/components/dropdown/v4/DropdownV4.vue2.js +1 -1
  14. package/components/dropdown/v4/OptionV4.vue.js +3 -3
  15. package/components/dropdown/v4/OptionV4.vue2.js +5 -2
  16. package/components/forms/FormCard.vue.js +2 -2
  17. package/components/forms/FormCard.vue2.js +9 -9
  18. package/components/input/v4/TextField.vue.d.ts +5 -0
  19. package/components/input/v4/TextField.vue.js +3 -3
  20. package/components/input/v4/TextField.vue2.js +21 -19
  21. package/components/input/v4/index.d.ts +20 -1
  22. package/components/shared/FieldLabel.vue.js +3 -3
  23. package/components/shared/FieldLabel.vue2.js +9 -9
  24. package/index.d.ts +40 -2
  25. package/package.json +1 -1
  26. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css +0 -1
  27. package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css +0 -1
  28. package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css +0 -1
  29. package/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css +0 -1
  30. package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css +0 -1
  31. package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css +0 -1
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-71c3ab74]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-71c3ab74]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-71c3ab74]{flex:none}.app-trigger-key--content[data-v-71c3ab74]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-71c3ab74]:hover{background:var(--action-selected);color:var(--action-primary)}.app-trigger[data-v-71c3ab74]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-71c3ab74]:hover,.app-trigger.active[data-v-71c3ab74]{background:var(--action-selected)}.app-trigger.disabled[data-v-71c3ab74]{cursor:auto}.app-trigger--content[data-v-71c3ab74]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-71c3ab74]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-71c3ab74]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-71c3ab74]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-71c3ab74]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-71c3ab74]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-71c3ab74]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-71c3ab74]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-71c3ab74]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-71c3ab74]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-71c3ab74]{padding-top:5px;color:var(--error-main)}
package/DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css ADDED
@@ -0,0 +1 @@
1
+ .container[data-v-09c488cf]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-09c488cf]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-09c488cf]{width:56.25rem}.dialog--small[data-v-09c488cf]{width:37.5rem}.dialog--extraSmall[data-v-09c488cf]{width:27.75rem}.header[data-v-09c488cf]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-09c488cf]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-09c488cf]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-09c488cf]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-09c488cf]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-09c488cf]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-09c488cf]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-09c488cf] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-09c488cf]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-09c488cf],.v-leave-active[data-v-09c488cf]{transition:opacity .25s ease}.v-enter-from[data-v-09c488cf],.v-leave-to[data-v-09c488cf]{opacity:0}
package/DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css ADDED
@@ -0,0 +1 @@
1
+ .v-enter-active[data-v-e6fdbae7],.v-leave-active[data-v-e6fdbae7]{transition:opacity .25s ease}ol[data-v-e6fdbae7],ul[data-v-e6fdbae7],menu[data-v-e6fdbae7]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-e6fdbae7],.dropdown.full-width .button__container[data-v-e6fdbae7]{width:100%}.dropdown-list-wrapper[data-v-e6fdbae7]{display:flex;flex-direction:column;padding:.5rem .5rem .25rem}.list-container--multi[data-v-e6fdbae7]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-e6fdbae7]{padding-bottom:.25rem}.inline-search .list-container[data-v-e6fdbae7]{padding-top:0}.no-result-container[data-v-e6fdbae7]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-e6fdbae7]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-e6fdbae7]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-e6fdbae7]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.image-slot[data-v-e6fdbae7]{margin-right:.5rem}.actions-wrapper[data-v-e6fdbae7]{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-e6fdbae7]{margin-left:.5rem}
package/FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css ADDED
@@ -0,0 +1 @@
1
+ .field-label[data-v-96ee1c98]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-96ee1c98]{margin-bottom:2px}.description[data-v-96ee1c98]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-96ee1c98]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-96ee1c98]{color:var(--text-disabled)}.mandatory[data-v-96ee1c98]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-96ee1c98]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-96ee1c98]:hover{color:var(--action-primary)}
package/{FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css → FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css} RENAMED
@@ -1 +1 @@
1
- .form-card[data-v-ef8b4e81]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-ef8b4e81]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-ef8b4e81]{width:220px;height:20px}.card-content[data-v-ef8b4e81]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-ef8b4e81]{padding:0}.form-actions[data-v-ef8b4e81]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-ef8b4e81]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-ef8b4e81]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-ef8b4e81]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-ef8b4e81]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
1
+ .form-card[data-v-52ade67c]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-52ade67c]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-52ade67c]{width:220px;height:20px}.card-content[data-v-52ade67c]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-52ade67c]{padding:0}.form-actions[data-v-52ade67c]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-52ade67c]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-52ade67c]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-52ade67c]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
package/OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-e006a8e4]{color:#41454d}.item-container[data-v-e006a8e4]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-e006a8e4]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-e006a8e4]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-e006a8e4],.item-container[data-v-e006a8e4]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-e006a8e4]{background-color:var(--action-selected)}.subtitle[data-v-e006a8e4]{color:#7b838c;line-height:1rem}.clear-button[data-v-e006a8e4]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-e006a8e4]:hover{color:#3083ff}.item[data-v-e006a8e4]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-e006a8e4],.item--multi[data-v-e006a8e4]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-e006a8e4]{width:20px;height:20px;flex:none}.item .image img[data-v-e006a8e4]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-e006a8e4]{display:flex;color:var(--action-active)}.item .option-text[data-v-e006a8e4]{line-height:1.1875rem}.text-container[data-v-e006a8e4]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-e006a8e4]{display:block}.tooltip-option[data-v-e006a8e4] .container{width:100%}
package/TextField.vue_vue_type_style_index_0_scoped_a6457440_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-a6457440],.font-chart-2[data-v-a6457440],.font-chart-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-a6457440],.font-table-label[data-v-a6457440],.font-button[data-v-a6457440],.font-heading-6[data-v-a6457440],.font-heading-5[data-v-a6457440],.font-heading-4[data-v-a6457440],.font-heading-3[data-v-a6457440],.font-heading-2[data-v-a6457440],.font-heading-1[data-v-a6457440],.font-title[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a6457440],.font-input-label[data-v-a6457440],.font-overline[data-v-a6457440],.font-subtitle-2[data-v-a6457440],.font-subtitle-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a6457440],.font-body-2[data-v-a6457440],.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a6457440]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a6457440]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a6457440]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a6457440]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a6457440]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a6457440]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a6457440]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-a6457440],.font-body-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a6457440]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a6457440]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a6457440]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a6457440]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a6457440]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a6457440]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a6457440]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a6457440],.font-tab-label2[data-v-a6457440]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-a6457440]{font-size:.75rem;line-height:1rem}h1[data-v-a6457440],h2[data-v-a6457440],h3[data-v-a6457440],h4[data-v-a6457440],h5[data-v-a6457440],h6[data-v-a6457440]{margin:0}.disabled .input[data-v-a6457440]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-a6457440]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-a6457440]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-a6457440]{height:28px}.input-size-medium[data-v-a6457440]{height:32px}.input-size-large[data-v-a6457440]{height:40px}.input-with-label-container[data-v-a6457440]{display:flex;flex-direction:column}.input-container[data-v-a6457440]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-a6457440]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-a6457440]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-a6457440]:focus{outline:none}.input-container .input[data-v-a6457440]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-a6457440]{color:var(--text-disabled)}.input-container .input[type=number][data-v-a6457440]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-a6457440]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-a6457440]{letter-spacing:4px}.input-container[data-v-a6457440] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-a6457440]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-a6457440]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-a6457440]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-a6457440]{padding-left:var(--spacing-100)}.prefix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-a6457440]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-a6457440],.focused[data-v-a6457440]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-a6457440],.error-icon.error-icon[data-v-a6457440]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-a6457440]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-a6457440]:hover{color:var(--primary-main)}.label-direction-left[data-v-a6457440]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-a6457440]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-a6457440]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-a6457440]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-a6457440]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-a6457440]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-a6457440],.variant-success .input-container[data-v-a6457440]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-a6457440],.variant-error .input-container[data-v-a6457440]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-a6457440],.variant-warning .input-container[data-v-a6457440]:hover{outline:2px solid var(--warning-dark)}
package/components/dialog/v4/DialogV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DialogV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css"; //*');
4
- const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c3004ba3"]]);
3
+ // import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; //*');
4
+ const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-09c488cf"]]);
5
5
  export {
6
- a as default
6
+ t as default
7
7
  };
package/components/dialog/v4/DialogV4.vue2.js CHANGED
@@ -1,20 +1,20 @@
1
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css"; import { defineComponent as A, openBlock as o, createBlock as i, Teleport as w, createVNode as T, Transition as p, withCtx as d, unref as e, createElementBlock as f, createElementVNode as m, mergeProps as s, renderSlot as b, createTextVNode as r, toDisplayString as c, createCommentVNode as u } from "vue";
2
- import { NOOP as I } from "@vue/shared";
3
- import g from "../../typography/v4/Typography.vue.js";
1
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_09c488cf_lang.css"; import { defineComponent as A, openBlock as o, createBlock as c, Teleport as w, createVNode as b, Transition as I, withCtx as u, unref as e, createElementBlock as m, createElementVNode as C, mergeProps as s, renderSlot as k, createTextVNode as f, toDisplayString as B, createCommentVNode as d } from "vue";
2
+ import { NOOP as V } from "@vue/shared";
3
+ import T from "../../typography/v4/Typography.vue.js";
4
4
  import N from "../../button/v4/ButtonV4.vue.js";
5
- import L from "../../button/v4/IconButtonV4.vue.js";
6
- import { Reason as O } from "../common/Reason.js";
7
- import { dialogCommon as V } from "../common/Dialog.common.js";
5
+ import p from "../../button/v4/IconButtonV4.vue.js";
6
+ import { Reason as g } from "../common/Reason.js";
7
+ import { dialogCommon as D } from "../common/Dialog.common.js";
8
8
  import { DialogTestIdModifiers as l } from "../../../testids/index.js";
9
- import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
10
- import { useMagicKeys as D, whenever as P } from "@vueuse/core";
11
- const R = {
9
+ import { useTestIdAttrs as P } from "../../../utils/testIds.js";
10
+ import { useMagicKeys as R, whenever as $ } from "@vueuse/core";
11
+ const S = {
12
12
  key: 0,
13
13
  class: "container light-theme-v4"
14
- }, S = { class: "title" }, F = {
14
+ }, F = { class: "title" }, U = {
15
15
  key: 1,
16
16
  class: "footer"
17
- }, J = /* @__PURE__ */ A({
17
+ }, Q = /* @__PURE__ */ A({
18
18
  __name: "DialogV4",
19
19
  props: {
20
20
  modelValue: { type: Boolean },
@@ -39,106 +39,111 @@ const R = {
39
39
  testId: { default: "" }
40
40
  },
41
41
  emits: ["update:modelValue", "open", "close", "save", "cancel"],
42
- setup(t, { emit: B }) {
43
- const C = t, { escape: E } = D(), a = $(C.testId, l), { visible: h, handleClose: y } = V(C, B);
44
- return P(E, () => {
45
- h.value && C.escapeToClose && y(O.Escape);
46
- }), (v, n) => (o(), i(w, {
42
+ setup(t, { emit: v }) {
43
+ const i = t, { escape: L } = R(), a = P(i.testId, l), { visible: h, handleClose: y } = D(i, v);
44
+ $(L, () => {
45
+ h.value && i.escapeToClose && !i.saveButtonLoading && y(g.Escape);
46
+ });
47
+ const E = () => {
48
+ const { closeOnClickOutside: r, saveButtonLoading: n } = i;
49
+ r && !n ? y(g.Backdrop) : V();
50
+ };
51
+ return (r, n) => (o(), c(w, {
47
52
  to: "body",
48
53
  disabled: !t.appendToBody
49
54
  }, [
50
- T(p, null, {
51
- default: d(() => [
52
- e(h) ? (o(), f("div", R, [
53
- m("div", s({
55
+ b(I, null, {
56
+ default: u(() => [
57
+ e(h) ? (o(), m("div", S, [
58
+ C("div", s({
54
59
  class: ["dialog", [`dialog--${t.size}`]]
55
60
  }, e(a)[e(l).WRAPPER]), [
56
- t.title || t.subtitle || t.showCloseButton ? (o(), f("header", s({
61
+ t.title || t.subtitle || t.showCloseButton ? (o(), m("header", s({
57
62
  key: 0,
58
63
  class: "header"
59
64
  }, e(a)[e(l).HEADER]), [
60
- m("div", S, [
61
- b(v.$slots, "header", {}, () => [
62
- t.title ? (o(), i(e(g), {
65
+ C("div", F, [
66
+ k(r.$slots, "header", {}, () => [
67
+ t.title ? (o(), c(e(T), {
63
68
  key: 0,
64
69
  variant: "h3"
65
70
  }, {
66
- default: d(() => [
67
- r(c(t.title), 1)
71
+ default: u(() => [
72
+ f(B(t.title), 1)
68
73
  ]),
69
74
  _: 1
70
- })) : u("", !0),
71
- t.subtitle ? (o(), i(e(g), {
75
+ })) : d("", !0),
76
+ t.subtitle ? (o(), c(e(T), {
72
77
  key: 1,
73
78
  class: "subtitle",
74
79
  variant: "body1"
75
80
  }, {
76
- default: d(() => [
77
- r(c(t.subtitle), 1)
81
+ default: u(() => [
82
+ f(B(t.subtitle), 1)
78
83
  ]),
79
84
  _: 1
80
- })) : u("", !0)
85
+ })) : d("", !0)
81
86
  ], !0)
82
87
  ]),
83
- t.showCloseButton ? (o(), i(e(L), s({
88
+ t.showCloseButton ? (o(), c(e(p), s({
84
89
  key: 0,
85
90
  class: "close-button",
86
- "icon-name": "x"
91
+ "icon-name": "x",
92
+ disabled: t.saveButtonLoading
87
93
  }, e(a)[e(l).ACTION_CLOSE], {
88
- onClick: n[0] || (n[0] = (k) => e(y)(e(O).CloseButton))
89
- }), null, 16)) : u("", !0)
90
- ], 16)) : u("", !0),
91
- m("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
92
- b(v.$slots, "default", {}, () => [
93
- t.content ? (o(), i(e(g), {
94
+ onClick: n[0] || (n[0] = (O) => e(y)(e(g).CloseButton))
95
+ }), null, 16, ["disabled"])) : d("", !0)
96
+ ], 16)) : d("", !0),
97
+ C("div", s({ class: "content" }, e(a)[e(l).CONTENT]), [
98
+ k(r.$slots, "default", {}, () => [
99
+ t.content ? (o(), c(e(T), {
94
100
  key: 0,
95
101
  variant: "body1"
96
102
  }, {
97
- default: d(() => [
98
- r(c(t.content), 1)
103
+ default: u(() => [
104
+ f(B(t.content), 1)
99
105
  ]),
100
106
  _: 1
101
- })) : u("", !0)
107
+ })) : d("", !0)
102
108
  ], !0)
103
109
  ], 16),
104
- t.showFooter ? (o(), f("footer", F, [
105
- m("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
106
- b(v.$slots, "footer", {}, () => [
107
- T(e(N), s({
110
+ t.showFooter ? (o(), m("footer", U, [
111
+ C("div", s({ class: "action-buttons" }, e(a)[e(l).ACTION_BUTTONS_WRAPPER]), [
112
+ k(r.$slots, "footer", {}, () => [
113
+ b(e(N), s({
108
114
  class: "form-action",
109
115
  variant: "outlined",
110
- color: t.cancelButtonColor
116
+ color: t.cancelButtonColor,
117
+ disabled: t.saveButtonLoading
111
118
  }, e(a)[e(l).CANCEL_BUTTON], {
112
- onClick: n[1] || (n[1] = (k) => B("cancel"))
119
+ onClick: n[1] || (n[1] = (O) => v("cancel"))
113
120
  }), {
114
- default: d(() => [
115
- r(c(t.cancelButtonLabel), 1)
121
+ default: u(() => [
122
+ f(B(t.cancelButtonLabel), 1)
116
123
  ]),
117
124
  _: 1
118
- }, 16, ["color"]),
119
- T(e(N), s({
125
+ }, 16, ["color", "disabled"]),
126
+ b(e(N), s({
120
127
  class: "form-action",
121
128
  loading: t.saveButtonLoading,
122
129
  color: t.saveButtonColor
123
130
  }, e(a)[e(l).SAVE_BUTTON], {
124
- onClick: n[2] || (n[2] = (k) => B("save"))
131
+ onClick: n[2] || (n[2] = (O) => v("save"))
125
132
  }), {
126
- default: d(() => [
127
- r(c(t.saveButtonLabel), 1)
133
+ default: u(() => [
134
+ f(B(t.saveButtonLabel), 1)
128
135
  ]),
129
136
  _: 1
130
137
  }, 16, ["loading", "color"])
131
138
  ], !0)
132
139
  ], 16)
133
- ])) : u("", !0)
140
+ ])) : d("", !0)
134
141
  ], 16),
135
- t.showBackdrop ? (o(), f("div", s({
142
+ t.showBackdrop ? (o(), m("div", s({
136
143
  key: 0,
137
144
  class: "dialog-backdrop"
138
- }, e(a)[e(l).BACKDROP], {
139
- onClick: n[3] || (n[3] = (k) => t.closeOnClickOutside ? e(y)(e(O).Backdrop) : e(I)())
140
- }), null, 16)) : u("", !0)
141
- ])) : u("", !0)
145
+ }, e(a)[e(l).BACKDROP], { onClick: E }), null, 16)) : d("", !0)
146
+ ])) : d("", !0)
142
147
  ]),
143
148
  _: 3
144
149
  })
@@ -146,5 +151,5 @@ const R = {
146
151
  }
147
152
  });
148
153
  export {
149
- J as default
154
+ Q as default
150
155
  };
package/components/dropdown/v4/AppDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./AppDropdownTrigger.vue2.js";
2
2
  /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; //*');
4
- const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-0267d003"]]);
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-71c3ab74"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/AppDropdownTrigger.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_71c3ab74_lang.css"; import { defineComponent as V, computed as p, openBlock as o, createElementBlock as n, normalizeClass as B, createElementVNode as a, mergeProps as h, unref as l, renderSlot as O, createCommentVNode as i, createVNode as s, withCtx as v, toDisplayString as $ } from "vue";
2
2
  import r from "../../icon/v4/IconV4.vue.js";
3
3
  import x from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
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 _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; //*');
2
+ /* empty css *//* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css"; //*');
4
4
  // import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; //');
5
- const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-0968078f"]]);
5
+ const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e6fdbae7"]]);
6
6
  export {
7
7
  r as default
8
8
  };
package/components/dropdown/v4/DropdownV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as z, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as V, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
1
+ import "../../../DropdownV4.vue_vue_type_style_index_0_scoped_e6fdbae7_lang.css"; import "../../../DropdownV4.vue_vue_type_style_index_1_lang.css"; import { defineComponent as se, computed as z, openBlock as o, createElementBlock as n, mergeProps as u, unref as e, renderSlot as I, createElementVNode as y, createVNode as a, withCtx as c, Transition as ue, normalizeClass as V, normalizeStyle as ce, isRef as fe, createCommentVNode as r, createTextVNode as g, toDisplayString as me, withModifiers as x, Fragment as ye, renderList as pe, toRaw as T, createBlock as $, resolveDynamicComponent as ge } from "vue";
2
2
  import A from "../../button/v4/ButtonV4.vue.js";
3
3
  import "../../button/v4/IconButtonV4.vue.js";
4
4
  import "./DropdownV4.vue.js";
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
- /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-b8375219"]]);
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e006a8e4"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css"; import { defineComponent as B, openBlock as o, createBlock as m, unref as i, withCtx as r, createElementVNode as a, normalizeClass as g, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as b, toDisplayString as k, withModifiers as $ } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e006a8e4_lang.css"; import { defineComponent as B, openBlock as o, createBlock as m, unref as i, withCtx as r, createElementVNode as a, normalizeClass as g, createCommentVNode as l, createElementBlock as s, renderSlot as u, createVNode as f, createTextVNode as b, toDisplayString as k, withModifiers as $ } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import I from "../../typography/Text.vue.js";
4
4
  import z from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -81,7 +81,10 @@ const P = {
81
81
  ], !0)
82
82
  ])) : l("", !0),
83
83
  a("div", E, [
84
- f(i(w), { variant: "body2" }, {
84
+ f(i(w), {
85
+ class: "option-text",
86
+ variant: "body2"
87
+ }, {
85
88
  default: r(() => [
86
89
  u(t.$slots, "default", {}, () => [
87
90
  b(k(e.option[e.nameKey]), 1)
package/components/forms/FormCard.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./FormCard.vue2.js";
2
2
  /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css"; //*');
4
- const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ef8b4e81"]]);
3
+ // import "../../FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-52ade67c"]]);
5
5
  export {
6
6
  t as default
7
7
  };
package/components/forms/FormCard.vue2.js CHANGED
@@ -1,11 +1,11 @@
1
- import "../../FormCard.vue_vue_type_style_index_0_scoped_ef8b4e81_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
2
- import p from "../typography/v4/Typography.vue.js";
1
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_52ade67c_lang.css"; import { defineComponent as T, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as l, unref as e, renderSlot as u, createVNode as a, withCtx as m, createTextVNode as g, toDisplayString as v, createBlock as B, createCommentVNode as C } from "vue";
2
+ import N from "../typography/v4/Typography.vue.js";
3
3
  import y from "../button/v4/ButtonV4.vue.js";
4
4
  import "../button/v4/IconButtonV4.vue.js";
5
5
  import { FormCardTestIdModifiers as o } from "../../testids/index.js";
6
- import { useTestIdAttrs as N } from "../../utils/testIds.js";
6
+ import { useTestIdAttrs as b } from "../../utils/testIds.js";
7
7
  import i from "../skeleton/v4/SkeletonV4.vue.js";
8
- const b = { class: "form-card" }, h = {
8
+ const h = { class: "form-card" }, p = {
9
9
  key: 1,
10
10
  class: "content-skeleton-container"
11
11
  }, z = /* @__PURE__ */ T({
@@ -22,9 +22,9 @@ const b = { class: "form-card" }, h = {
22
22
  },
23
23
  emits: ["save", "cancel"],
24
24
  setup(t, { emit: k }) {
25
- const n = N(t.testId, o);
25
+ const n = b(t.testId, o);
26
26
  return (r, s) => (d(), c("div", null, [
27
- f("div", b, [
27
+ f("div", h, [
28
28
  f("header", l({ class: "card-header" }, e(n)[e(o).TITLE]), [
29
29
  t.isLoading ? (d(), B(e(i), {
30
30
  key: 1,
@@ -32,7 +32,7 @@ const b = { class: "form-card" }, h = {
32
32
  size: 20,
33
33
  class: "skeleton-header"
34
34
  })) : u(r.$slots, "header", { key: 0 }, () => [
35
- a(e(p), { variant: "h3" }, {
35
+ a(e(N), { variant: "h3" }, {
36
36
  default: m(() => [
37
37
  g(v(t.title), 1)
38
38
  ]),
@@ -43,7 +43,7 @@ const b = { class: "form-card" }, h = {
43
43
  f("div", l({
44
44
  class: ["card-content", { "card-content--no-padding": t.noPadding }]
45
45
  }, e(n)[e(o).CONTENT]), [
46
- t.isLoading ? (d(), c("div", h, [
46
+ t.isLoading ? (d(), c("div", p, [
47
47
  a(e(i), {
48
48
  type: "rectangle",
49
49
  size: 20,
@@ -70,7 +70,7 @@ const b = { class: "form-card" }, h = {
70
70
  variant: "outlined",
71
71
  color: "default"
72
72
  }, e(n)[e(o).CANCEL_BUTTON], {
73
- disabled: t.isLoading,
73
+ disabled: t.isLoading || t.saveLoading,
74
74
  onClick: s[0] || (s[0] = (L) => k("cancel"))
75
75
  }), {
76
76
  default: m(() => [
package/components/input/v4/TextField.vue.d.ts CHANGED
@@ -28,6 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
28
28
  showApply?: boolean;
29
29
  inlineError?: boolean;
30
30
  inlineErrorText?: string;
31
+ inlineErrorTextPlacement?: TooltipPositions;
31
32
  }>, {
32
33
  modelValue: string;
33
34
  placeholder: string;
@@ -51,6 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
51
52
  showApply: boolean;
52
53
  inlineError: boolean;
53
54
  inlineErrorText: string;
55
+ inlineErrorTextPlacement: string;
54
56
  feedbackText: string;
55
57
  feedbackVariant: any;
56
58
  showFeedbackTextIcon: boolean;
@@ -87,6 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
87
89
  showApply?: boolean;
88
90
  inlineError?: boolean;
89
91
  inlineErrorText?: string;
92
+ inlineErrorTextPlacement?: TooltipPositions;
90
93
  }>, {
91
94
  modelValue: string;
92
95
  placeholder: string;
@@ -110,6 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
110
113
  showApply: boolean;
111
114
  inlineError: boolean;
112
115
  inlineErrorText: string;
116
+ inlineErrorTextPlacement: string;
113
117
  feedbackText: string;
114
118
  feedbackVariant: any;
115
119
  showFeedbackTextIcon: boolean;
@@ -140,6 +144,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
140
144
  showApply: boolean;
141
145
  inlineError: boolean;
142
146
  inlineErrorText: string;
147
+ inlineErrorTextPlacement: TooltipPositions;
143
148
  feedbackText: string;
144
149
  feedbackVariant: FeedbackVariant;
145
150
  showFeedbackTextIcon: boolean;
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_22c12586_lang.css"; //*');
4
- const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-22c12586"]]);
3
+ // import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; //*');
4
+ const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6457440"]]);
5
5
  export {
6
- c as default
6
+ p as default
7
7
  };
package/components/input/v4/TextField.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as V, renderSlot as C, withCtx as h, createTextVNode as E, toDisplayString as F, withKeys as W, withModifiers as P, createVNode as p } from "vue";
1
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_a6457440_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as E, normalizeClass as L, renderSlot as P, withCtx as h, createTextVNode as V, toDisplayString as C, withKeys as W, withModifiers as F, createVNode as p } from "vue";
2
2
  import v from "../../icon/v4/IconV4.vue.js";
3
3
  import j from "../../tooltip/v4/TooltipV4.vue.js";
4
4
  import $ from "../../typography/v4/Typography.vue.js";
@@ -48,16 +48,17 @@ const Y = {
48
48
  maxLength: { default: null },
49
49
  showApply: { type: Boolean, default: !1 },
50
50
  inlineError: { type: Boolean, default: !1 },
51
- inlineErrorText: { default: "" }
51
+ inlineErrorText: { default: "" },
52
+ inlineErrorTextPlacement: { default: "top" }
52
53
  },
53
54
  emits: ["update:modelValue", "apply"],
54
55
  setup(e, { expose: z, emit: k }) {
55
56
  const s = e, c = X(s.testId, f), O = () => {
56
57
  s.showApply ? k("apply") : o?.confirmable && N();
57
- }, D = () => T.value.focus(), {
58
+ }, D = () => w.value.focus(), {
58
59
  onConfirm: N,
59
- onEnter: w,
60
- inputRef: T,
60
+ onEnter: T,
61
+ inputRef: w,
61
62
  isFocused: x,
62
63
  showLabelInside: g,
63
64
  api: o,
@@ -84,15 +85,15 @@ const Y = {
84
85
  disabled: e.disabled,
85
86
  "test-id": e.testId
86
87
  }, null, 8, ["label", "mandatory", "hover-help-text", "hover-help-text-placement", "disabled", "test-id"])) : n("", !0),
87
- L("div", {
88
- class: V({
88
+ E("div", {
89
+ class: L({
89
90
  "input-container": !0,
90
91
  "label-inside": t(g),
91
92
  focused: t(x)
92
93
  })
93
94
  }, [
94
95
  u.$slots.iconBefore ? (l(), r("div", Y, [
95
- C(u.$slots, "iconBefore", {}, void 0, !0)
96
+ P(u.$slots, "iconBefore", {}, void 0, !0)
96
97
  ])) : n("", !0),
97
98
  e.prefix ? (l(), d(t($), {
98
99
  key: 1,
@@ -100,13 +101,13 @@ const Y = {
100
101
  variant: "body1"
101
102
  }, {
102
103
  default: h(() => [
103
- E(F(e.prefix), 1)
104
+ V(C(e.prefix), 1)
104
105
  ]),
105
106
  _: 1
106
107
  })) : n("", !0),
107
- L("input", y({
108
+ E("input", y({
108
109
  ref_key: "inputRef",
109
- ref: T,
110
+ ref: w,
110
111
  maxlength: e.maxLength
111
112
  }, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
112
113
  value: t(A),
@@ -125,9 +126,9 @@ const Y = {
125
126
  (...i) => t(I) && t(I)(...i)),
126
127
  onFocus: a[1] || (a[1] = (i) => x.value = !0),
127
128
  onBlur: a[2] || (a[2] = (i) => x.value = !1),
128
- onKeyup: a[3] || (a[3] = W(P(
129
+ onKeyup: a[3] || (a[3] = W(F(
129
130
  //@ts-ignore
130
- (...i) => t(w) && t(w)(...i),
131
+ (...i) => t(T) && t(T)(...i),
131
132
  ["prevent"]
132
133
  ), ["enter"])),
133
134
  onKeypress: a[4] || (a[4] = //@ts-ignore
@@ -136,7 +137,7 @@ const Y = {
136
137
  e.showApply || t(o)?.confirmable && !t(o)?.error?.value ? (l(), r("div", {
137
138
  key: 2,
138
139
  class: "apply-button",
139
- onClick: P(O, ["stop", "prevent"])
140
+ onClick: F(O, ["stop", "prevent"])
140
141
  }, [
141
142
  p(t(v), {
142
143
  name: "check",
@@ -147,7 +148,8 @@ const Y = {
147
148
  p(t(j), y({
148
149
  disabled: !e.inlineErrorText && !t(o)?.error?.value,
149
150
  text: e.inlineErrorText || t(o)?.error?.value,
150
- "test-id": e.testId
151
+ "test-id": e.testId,
152
+ placement: e.inlineErrorTextPlacement
151
153
  }, t(c)[t(f).TOOLTIP]), {
152
154
  default: h(() => [
153
155
  p(t(v), {
@@ -156,7 +158,7 @@ const Y = {
156
158
  })
157
159
  ]),
158
160
  _: 1
159
- }, 16, ["disabled", "text", "test-id"])
161
+ }, 16, ["disabled", "text", "test-id", "placement"])
160
162
  ])) : n("", !0),
161
163
  e.suffix ? (l(), d(t($), {
162
164
  key: 4,
@@ -164,7 +166,7 @@ const Y = {
164
166
  variant: "body1"
165
167
  }, {
166
168
  default: h(() => [
167
- E(F(e.suffix), 1)
169
+ V(C(e.suffix), 1)
168
170
  ]),
169
171
  _: 1
170
172
  })) : n("", !0),
@@ -185,12 +187,12 @@ const Y = {
185
187
  }))
186
188
  ], 16)) : n("", !0),
187
189
  u.$slots.iconAfter ? (l(), r("div", te, [
188
- C(u.$slots, "iconAfter", {}, void 0, !0)
190
+ P(u.$slots, "iconAfter", {}, void 0, !0)
189
191
  ])) : n("", !0)
190
192
  ], 2),
191
193
  e.feedbackText || e.maxLength ? (l(), r("div", {
192
194
  key: 1,
193
- class: V(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
195
+ class: L(["footer", e.feedbackPositionAbsolute && "footer-absolute"])
194
196
  }, [
195
197
  e.feedbackText ? (l(), d(Q, {
196
198
  key: 0,
package/components/input/v4/index.d.ts CHANGED
@@ -26,6 +26,7 @@ declare const TextFieldTypes: () => ({
26
26
  showApply: boolean;
27
27
  inlineError: boolean;
28
28
  inlineErrorText: string;
29
+ inlineErrorTextPlacement: "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";
29
30
  feedbackText: string;
30
31
  feedbackVariant: "success" | "warning" | "error";
31
32
  showFeedbackTextIcon: boolean;
@@ -119,6 +120,10 @@ declare const TextFieldTypes: () => ({
119
120
  type: import("vue").PropType<string>;
120
121
  default: string;
121
122
  };
123
+ inlineErrorTextPlacement: {
124
+ 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">;
125
+ default: string;
126
+ };
122
127
  feedbackText: {
123
128
  type: import("vue").PropType<string>;
124
129
  default: string;
@@ -138,7 +143,7 @@ declare const TextFieldTypes: () => ({
138
143
  }>> & {
139
144
  "onUpdate:modelValue"?: (value: string | number) => any;
140
145
  onApply?: () => any;
141
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
146
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
142
147
  $attrs: {
143
148
  [x: string]: unknown;
144
149
  };
@@ -241,6 +246,10 @@ declare const TextFieldTypes: () => ({
241
246
  type: import("vue").PropType<string>;
242
247
  default: string;
243
248
  };
249
+ inlineErrorTextPlacement: {
250
+ 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">;
251
+ default: string;
252
+ };
244
253
  feedbackText: {
245
254
  type: import("vue").PropType<string>;
246
255
  default: string;
@@ -288,6 +297,7 @@ declare const TextFieldTypes: () => ({
288
297
  showApply: boolean;
289
298
  inlineError: boolean;
290
299
  inlineErrorText: string;
300
+ inlineErrorTextPlacement: "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";
291
301
  feedbackText: string;
292
302
  feedbackVariant: "success" | "warning" | "error";
293
303
  showFeedbackTextIcon: boolean;
@@ -401,6 +411,10 @@ declare const TextFieldTypes: () => ({
401
411
  type: import("vue").PropType<string>;
402
412
  default: string;
403
413
  };
414
+ inlineErrorTextPlacement: {
415
+ 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">;
416
+ default: string;
417
+ };
404
418
  feedbackText: {
405
419
  type: import("vue").PropType<string>;
406
420
  default: string;
@@ -515,6 +529,10 @@ declare const TextFieldTypes: () => ({
515
529
  type: import("vue").PropType<string>;
516
530
  default: string;
517
531
  };
532
+ inlineErrorTextPlacement: {
533
+ 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">;
534
+ default: string;
535
+ };
518
536
  feedbackText: {
519
537
  type: import("vue").PropType<string>;
520
538
  default: string;
@@ -562,6 +580,7 @@ declare const TextFieldTypes: () => ({
562
580
  showApply: boolean;
563
581
  inlineError: boolean;
564
582
  inlineErrorText: string;
583
+ inlineErrorTextPlacement: "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";
565
584
  feedbackText: string;
566
585
  feedbackVariant: "success" | "warning" | "error";
567
586
  showFeedbackTextIcon: boolean;
package/components/shared/FieldLabel.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import e from "./FieldLabel.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; //*');
4
- const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-72ab1f25"]]);
3
+ // import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; //*');
4
+ const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-96ee1c98"]]);
5
5
  export {
6
- a as default
6
+ c as default
7
7
  };
package/components/shared/FieldLabel.vue2.js CHANGED
@@ -1,10 +1,10 @@
1
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
2
- import h from "../icon/v3/Icon.vue.js";
3
- import y from "../tooltip/v4/TooltipV4.vue.js";
1
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
2
+ import h from "../icon/v4/IconV4.vue.js";
3
+ import x from "../tooltip/v4/TooltipV4.vue.js";
4
4
  import c from "../typography/v4/Typography.vue.js";
5
5
  import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
6
- import { useTestIdAttrs as v } from "../../utils/testIds.js";
7
- const x = {
6
+ import { useTestIdAttrs as y } from "../../utils/testIds.js";
7
+ const v = {
8
8
  key: 0,
9
9
  class: "description"
10
10
  }, L = /* @__PURE__ */ p({
@@ -19,7 +19,7 @@ const x = {
19
19
  testId: { default: "" }
20
20
  },
21
21
  setup(t) {
22
- const l = v(t.testId, a);
22
+ const l = y(t.testId, a);
23
23
  return (N, g) => (o(), m(T, null, [
24
24
  b("div", d({
25
25
  class: ["field-label", {
@@ -46,7 +46,7 @@ const x = {
46
46
  ]),
47
47
  _: 1
48
48
  }, 16)) : s("", !0),
49
- t.hoverHelpText ? (o(), u(e(y), d({
49
+ t.hoverHelpText ? (o(), u(e(x), d({
50
50
  key: 1,
51
51
  triggers: ["hover"],
52
52
  text: t.hoverHelpText,
@@ -56,13 +56,13 @@ const x = {
56
56
  r(e(h), {
57
57
  class: "info-icon",
58
58
  name: "question",
59
- "font-size": "sm"
59
+ size: "16px"
60
60
  })
61
61
  ]),
62
62
  _: 1
63
63
  }, 16, ["text", "placement", "test-id"])) : s("", !0)
64
64
  ], 16),
65
- t.description ? (o(), m("div", x, [
65
+ t.description ? (o(), m("div", v, [
66
66
  r(e(c), { variant: "body2" }, {
67
67
  default: i(() => [
68
68
  n(f(t.description), 1)
package/index.d.ts CHANGED
@@ -8344,6 +8344,7 @@ declare const _default: {
8344
8344
  showApply: boolean;
8345
8345
  inlineError: boolean;
8346
8346
  inlineErrorText: string;
8347
+ inlineErrorTextPlacement: "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";
8347
8348
  feedbackText: string;
8348
8349
  feedbackVariant: "success" | "warning" | "error";
8349
8350
  showFeedbackTextIcon: boolean;
@@ -8437,6 +8438,10 @@ declare const _default: {
8437
8438
  type: import("vue").PropType<string>;
8438
8439
  default: string;
8439
8440
  };
8441
+ inlineErrorTextPlacement: {
8442
+ 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">;
8443
+ default: string;
8444
+ };
8440
8445
  feedbackText: {
8441
8446
  type: import("vue").PropType<string>;
8442
8447
  default: string;
@@ -8456,7 +8461,7 @@ declare const _default: {
8456
8461
  }>> & {
8457
8462
  "onUpdate:modelValue"?: (value: string | number) => any;
8458
8463
  onApply?: () => any;
8459
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
8464
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
8460
8465
  $attrs: {
8461
8466
  [x: string]: unknown;
8462
8467
  };
@@ -8559,6 +8564,10 @@ declare const _default: {
8559
8564
  type: import("vue").PropType<string>;
8560
8565
  default: string;
8561
8566
  };
8567
+ inlineErrorTextPlacement: {
8568
+ 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">;
8569
+ default: string;
8570
+ };
8562
8571
  feedbackText: {
8563
8572
  type: import("vue").PropType<string>;
8564
8573
  default: string;
@@ -8606,6 +8615,7 @@ declare const _default: {
8606
8615
  showApply: boolean;
8607
8616
  inlineError: boolean;
8608
8617
  inlineErrorText: string;
8618
+ inlineErrorTextPlacement: "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";
8609
8619
  feedbackText: string;
8610
8620
  feedbackVariant: "success" | "warning" | "error";
8611
8621
  showFeedbackTextIcon: boolean;
@@ -8719,6 +8729,10 @@ declare const _default: {
8719
8729
  type: import("vue").PropType<string>;
8720
8730
  default: string;
8721
8731
  };
8732
+ inlineErrorTextPlacement: {
8733
+ 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">;
8734
+ default: string;
8735
+ };
8722
8736
  feedbackText: {
8723
8737
  type: import("vue").PropType<string>;
8724
8738
  default: string;
@@ -8833,6 +8847,10 @@ declare const _default: {
8833
8847
  type: import("vue").PropType<string>;
8834
8848
  default: string;
8835
8849
  };
8850
+ inlineErrorTextPlacement: {
8851
+ 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">;
8852
+ default: string;
8853
+ };
8836
8854
  feedbackText: {
8837
8855
  type: import("vue").PropType<string>;
8838
8856
  default: string;
@@ -8880,6 +8898,7 @@ declare const _default: {
8880
8898
  showApply: boolean;
8881
8899
  inlineError: boolean;
8882
8900
  inlineErrorText: string;
8901
+ inlineErrorTextPlacement: "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";
8883
8902
  feedbackText: string;
8884
8903
  feedbackVariant: "success" | "warning" | "error";
8885
8904
  showFeedbackTextIcon: boolean;
@@ -8917,6 +8936,7 @@ declare const _default: {
8917
8936
  showApply: boolean;
8918
8937
  inlineError: boolean;
8919
8938
  inlineErrorText: string;
8939
+ inlineErrorTextPlacement: "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";
8920
8940
  feedbackText: string;
8921
8941
  feedbackVariant: "success" | "warning" | "error";
8922
8942
  showFeedbackTextIcon: boolean;
@@ -9010,6 +9030,10 @@ declare const _default: {
9010
9030
  type: import("vue").PropType<string>;
9011
9031
  default: string;
9012
9032
  };
9033
+ inlineErrorTextPlacement: {
9034
+ 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">;
9035
+ default: string;
9036
+ };
9013
9037
  feedbackText: {
9014
9038
  type: import("vue").PropType<string>;
9015
9039
  default: string;
@@ -9029,7 +9053,7 @@ declare const _default: {
9029
9053
  }>> & {
9030
9054
  "onUpdate:modelValue"?: (value: string | number) => any;
9031
9055
  onApply?: () => any;
9032
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
9056
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
9033
9057
  $attrs: {
9034
9058
  [x: string]: unknown;
9035
9059
  };
@@ -9132,6 +9156,10 @@ declare const _default: {
9132
9156
  type: import("vue").PropType<string>;
9133
9157
  default: string;
9134
9158
  };
9159
+ inlineErrorTextPlacement: {
9160
+ 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">;
9161
+ default: string;
9162
+ };
9135
9163
  feedbackText: {
9136
9164
  type: import("vue").PropType<string>;
9137
9165
  default: string;
@@ -9179,6 +9207,7 @@ declare const _default: {
9179
9207
  showApply: boolean;
9180
9208
  inlineError: boolean;
9181
9209
  inlineErrorText: string;
9210
+ inlineErrorTextPlacement: "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";
9182
9211
  feedbackText: string;
9183
9212
  feedbackVariant: "success" | "warning" | "error";
9184
9213
  showFeedbackTextIcon: boolean;
@@ -9292,6 +9321,10 @@ declare const _default: {
9292
9321
  type: import("vue").PropType<string>;
9293
9322
  default: string;
9294
9323
  };
9324
+ inlineErrorTextPlacement: {
9325
+ 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">;
9326
+ default: string;
9327
+ };
9295
9328
  feedbackText: {
9296
9329
  type: import("vue").PropType<string>;
9297
9330
  default: string;
@@ -9406,6 +9439,10 @@ declare const _default: {
9406
9439
  type: import("vue").PropType<string>;
9407
9440
  default: string;
9408
9441
  };
9442
+ inlineErrorTextPlacement: {
9443
+ 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">;
9444
+ default: string;
9445
+ };
9409
9446
  feedbackText: {
9410
9447
  type: import("vue").PropType<string>;
9411
9448
  default: string;
@@ -9453,6 +9490,7 @@ declare const _default: {
9453
9490
  showApply: boolean;
9454
9491
  inlineError: boolean;
9455
9492
  inlineErrorText: string;
9493
+ inlineErrorTextPlacement: "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";
9456
9494
  feedbackText: string;
9457
9495
  feedbackVariant: "success" | "warning" | "error";
9458
9496
  showFeedbackTextIcon: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.6-rc.10",
3
+ "version": "2.1.6-rc.12",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_0267d003_lang.css DELETED
@@ -1 +0,0 @@
1
- .app-trigger-wrapper[data-v-0267d003]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-0267d003]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-0267d003]{flex:none}.app-trigger-key--content[data-v-0267d003]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-0267d003]:hover{background:var(--action-selected)}.app-trigger[data-v-0267d003]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-0267d003]:hover,.app-trigger.active[data-v-0267d003]{background:var(--action-selected)}.app-trigger.disabled[data-v-0267d003]{cursor:auto}.app-trigger--content[data-v-0267d003]{color:var(--text-primary);display:flex;column-gap:4px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-0267d003]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-0267d003]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-0267d003]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-0267d003]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-0267d003]{width:28px;height:28px;flex:none}.app-trigger .image img[data-v-0267d003]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-0267d003]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-0267d003]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-0267d003]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-0267d003]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-0267d003]{padding-top:5px;color:var(--error-main)}
package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css DELETED
@@ -1 +0,0 @@
1
- .container[data-v-c3004ba3]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-c3004ba3]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-c3004ba3]{width:56.25rem}.dialog--small[data-v-c3004ba3]{width:37.5rem}.dialog--extraSmall[data-v-c3004ba3]{width:27.75rem}.header[data-v-c3004ba3]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-c3004ba3]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-c3004ba3]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-c3004ba3]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-c3004ba3]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-c3004ba3]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-c3004ba3]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-c3004ba3] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-c3004ba3]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-c3004ba3],.v-leave-active[data-v-c3004ba3]{transition:opacity .25s ease}.v-enter-from[data-v-c3004ba3],.v-leave-to[data-v-c3004ba3]{opacity:0}
package/DropdownV4.vue_vue_type_style_index_0_scoped_0968078f_lang.css DELETED
@@ -1 +0,0 @@
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/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css DELETED
@@ -1 +0,0 @@
1
- .field-label[data-v-72ab1f25]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-72ab1f25]{margin-bottom:2px}.description[data-v-72ab1f25]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-72ab1f25]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-72ab1f25]{color:var(--text-disabled)}.mandatory[data-v-72ab1f25]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-72ab1f25]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-72ab1f25]:hover{color:var(--action-active)}
package/OptionV4.vue_vue_type_style_index_0_scoped_b8375219_lang.css DELETED
@@ -1 +0,0 @@
1
- .label[data-v-b8375219]{color:#41454d}.item-container[data-v-b8375219]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-b8375219]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-b8375219]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-b8375219],.item-container[data-v-b8375219]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-b8375219]{background-color:var(--action-selected)}.subtitle[data-v-b8375219]{color:#7b838c;line-height:1rem}.clear-button[data-v-b8375219]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-b8375219]:hover{color:#3083ff}.item[data-v-b8375219]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-b8375219],.item--multi[data-v-b8375219]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-b8375219]{width:20px;height:20px;flex:none}.item .image img[data-v-b8375219]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-b8375219]{display:flex;color:var(--action-active)}.text-container[data-v-b8375219]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.tooltip-option[data-v-b8375219]{display:block}.tooltip-option[data-v-b8375219] .container{width:100%}
package/TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css DELETED
@@ -1 +0,0 @@
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)}