@ironsource/shared-ui 2.1.11-rc.45 → 2.1.11-rc.46

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 (30) hide show
  1. package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +1 -0
  2. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +1 -0
  3. package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +1 -0
  4. package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css +1 -0
  5. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +1 -0
  6. package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css +1 -0
  7. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
  8. package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
  9. package/components/emptyState/v4/EmptyStateV4.vue2.js +1 -1
  10. package/components/forms/FormCard.vue.js +3 -3
  11. package/components/forms/FormCard.vue2.js +1 -1
  12. package/components/sortableList/SortableItem.vue.js +3 -3
  13. package/components/sortableList/SortableItem.vue2.js +57 -56
  14. package/components/sortableList/SortableItemLabel.vue.js +3 -3
  15. package/components/sortableList/SortableItemLabel.vue2.js +20 -23
  16. package/components/sortableList/SortableList.vue.js +3 -3
  17. package/components/sortableList/SortableList.vue2.js +82 -76
  18. package/components/table/v4/DataGridMenu.vue.js +5 -5
  19. package/components/table/v4/DataGridMenu.vue2.js +1 -1
  20. package/index.js +1 -1
  21. package/package.json +1 -1
  22. package/style/v4/grid.css +1 -1
  23. package/style/v4/grid.css.map +1 -1
  24. package/style/v4/spacings.scss +1 -0
  25. package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css +0 -1
  26. package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +0 -1
  27. package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css +0 -1
  28. package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +0 -1
  29. package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +0 -1
  30. package/SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css +0 -1
@@ -0,0 +1 @@
1
+ .data-grid-menu[data-v-ddfaf207]{position:relative;left:-10px}
@@ -0,0 +1 @@
1
+ .empty-state[data-v-18728498]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--common-white);padding:var(--spacing-300)}.title-wrapper[data-v-18728498]{color:var(--text-primary);display:flex;place-items:center;flex-direction:column}.empty-variant-icon[data-v-18728498]{width:112px;height:112px}.custom-empty-icon[data-v-18728498]{color:var(--default-outlined-border)}.title[data-v-18728498]{margin-top:var(--spacing-75);color:var(--text-primary)}.subtitle[data-v-18728498]{color:var(--text-secondary);margin-top:var(--spacing-75)}.button[data-v-18728498]{margin-top:var(--spacing-150)}
@@ -0,0 +1 @@
1
+ .form-card[data-v-86feae7b]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-86feae7b]{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-86feae7b]{width:220px;height:20px}.card-content[data-v-86feae7b]{padding:var(--spacing-350) var(--spacing-500)}.card-content--no-padding[data-v-86feae7b]{padding:0}.form-actions[data-v-86feae7b]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-86feae7b]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-86feae7b]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
@@ -0,0 +1 @@
1
+ .sortable-item[data-v-7cb676f1]{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-7cb676f1]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-7cb676f1]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-7cb676f1]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-7cb676f1]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-7cb676f1]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-7cb676f1],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-7cb676f1]{display:none}.item[data-v-7cb676f1]{height:40px;display:flex;align-items:center}.item__prefix[data-v-7cb676f1]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-7cb676f1]{flex:1;height:40px;display:flex;align-items:center}.item__text[data-v-7cb676f1]:hover{cursor:pointer}.item__menu[data-v-7cb676f1]{width:26px}.country-flag[data-v-7cb676f1]{margin-right:var(--spacing-100)}.child-list[data-v-7cb676f1]{max-height:176px}.child-list ul[data-v-7cb676f1]{list-style:none;display:flex;flex-direction:column;padding-left:16px;padding-right:8px;margin-bottom:4px;gap:2px}.child-list li[data-v-7cb676f1]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px}.child-list li[data-v-7cb676f1]:hover{cursor:pointer;background:var(--action-hover)}.child-list li.selected[data-v-7cb676f1]{background:var(--action-selected)}.expand-icon[data-v-7cb676f1]{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-7cb676f1]:hover{color:var(--text-primary)}.locked-icon[data-v-7cb676f1]{color:var(--action-active)}.draggable-handle[data-v-7cb676f1]{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-7cb676f1]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-7cb676f1]{position:relative;outline:none}.sortable-ghost[data-v-7cb676f1]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}
@@ -0,0 +1 @@
1
+ .tooltip-content[data-v-f2ced2f4]{max-width:260px}.help[data-v-f2ced2f4]{margin-bottom:8px}.help__title[data-v-f2ced2f4]{color:var(--text-primary);margin-bottom:4px}.help__text[data-v-f2ced2f4]{color:var(--text-secondary)}.help[data-v-f2ced2f4]:last-child{margin-bottom:0}
@@ -0,0 +1 @@
1
+ .list-search[data-v-156c01ca]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-156c01ca],.locked-list[data-v-156c01ca]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-156c01ca]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-156c01ca]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-156c01ca]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-156c01ca]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-156c01ca]{height:40px;width:100%}
@@ -1 +1 @@
1
- .light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
1
+ .light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, .05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, .06), 0px 1px 3px rgba(16, 24, 40, .1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, .12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}
@@ -1,7 +1,7 @@
1
1
  import t from "./EmptyStateV4.vue2.js";
2
2
  /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; //*');
4
- const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-24001caa"]]);
3
+ // import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; //*');
4
+ const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-18728498"]]);
5
5
  export {
6
- p as default
6
+ s as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
1
+ import "../../../EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css"; import p from "../../../_virtual/dynamic-import-helper.js";
2
2
  import { defineComponent as v, computed as y, defineAsyncComponent as b, openBlock as e, createElementBlock as k, createBlock as i, unref as n, createCommentVNode as a, createElementVNode as N, renderSlot as s, withCtx as c, createTextVNode as r, toDisplayString as l } from "vue";
3
3
  import I from "../../button/v4/ButtonV4.vue.js";
4
4
  import "../../button/v4/IconButtonV4.vue.js";
@@ -1,7 +1,7 @@
1
1
  import o from "./FormCard.vue2.js";
2
- /* empty css */import _ from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; //*');
4
- const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-c7965a69"]]);
2
+ /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; //*');
4
+ const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-86feae7b"]]);
5
5
  export {
6
6
  t as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
1
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css"; import { defineComponent as B, openBlock as d, createElementBlock as c, createElementVNode as f, mergeProps as n, unref as e, renderSlot as m, createVNode as a, withCtx as u, createTextVNode as g, toDisplayString as v, createBlock as T, createCommentVNode as C } from "vue";
2
2
  import b from "../typography/v4/Typography.vue.js";
3
3
  import k from "../button/v4/ButtonV4.vue.js";
4
4
  import "../button/v4/IconButtonV4.vue.js";
@@ -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_9dd4d372_lang.css"; //*');
4
- const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9dd4d372"]]);
3
+ // import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; //*');
4
+ const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7cb676f1"]]);
5
5
  export {
6
- s as default
6
+ c as default
7
7
  };
@@ -1,12 +1,12 @@
1
- import "../../SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css"; import { defineComponent as P, computed as x, watch as E, ref as $, openBlock as o, createElementBlock as a, normalizeClass as f, unref as e, withModifiers as c, createElementVNode as r, createVNode as h, createBlock as s, withCtx as b, createTextVNode as w, toDisplayString as F, createCommentVNode as u, renderSlot as z, mergeProps as S, normalizeProps as I, Fragment as R, renderList as D } from "vue";
1
+ import "../../SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css"; import { defineComponent as P, useSlots as E, computed as x, watch as $, ref as I, openBlock as l, createElementBlock as i, normalizeClass as f, unref as e, withModifiers as u, createElementVNode as a, createVNode as h, createBlock as r, withCtx as b, createTextVNode as S, toDisplayString as w, createCommentVNode as d, renderSlot as R, mergeProps as F, normalizeProps as D, Fragment as j, renderList as q } from "vue";
2
2
  import V from "../typography/v4/Typography.vue.js";
3
3
  import m from "../icon/v4/IconV4.vue.js";
4
4
  import L from "../icon/v4/IconFlag.vue.js";
5
- import j from "./SortableItemLabel.vue.js";
6
- import { useVirtualList as q } from "@vueuse/core";
7
- import { matchString as A } from "../../utils/search.js";
8
- import { useHoverEffect as G } from "./composables/useHoverEffect.js";
9
- const J = { class: "draggable-handle" }, K = { class: "item__prefix" }, U = ["onClick"], W = { class: "item__text" }, X = ["onClick"], re = /* @__PURE__ */ P({
5
+ import A from "./SortableItemLabel.vue.js";
6
+ import { useVirtualList as G } from "@vueuse/core";
7
+ import { matchString as J } from "../../utils/search.js";
8
+ import { useHoverEffect as K } from "./composables/useHoverEffect.js";
9
+ const U = { class: "draggable-handle" }, W = { class: "item__prefix" }, X = ["onClick"], Y = { class: "item__text" }, Z = ["onClick"], ae = /* @__PURE__ */ P({
10
10
  __name: "SortableItem",
11
11
  props: {
12
12
  item: null,
@@ -20,121 +20,122 @@ const J = { class: "draggable-handle" }, K = { class: "item__prefix" }, U = ["on
20
20
  },
21
21
  emits: ["toggle", "select", "selectChild"],
22
22
  setup(t, { emit: y }) {
23
- const n = t, Q = () => {
23
+ const n = t, Q = E(), B = () => {
24
24
  y("toggle", !n.isOpen);
25
25
  }, g = x(() => (n.item.children || []).filter(
26
- (l) => n.searchHandler ? n.searchHandler(l, n.searchQuery) : A(l.displayText, n.searchQuery)
27
- )), p = x(() => g.value.length > 0), B = (d) => d.id === n.selectedChildId, {
28
- list: H,
29
- containerProps: M,
30
- wrapperProps: T,
26
+ (o) => n.searchHandler ? n.searchHandler(o, n.searchQuery) : J(o.displayText, n.searchQuery)
27
+ )), k = x(() => g.value.length > 0), H = (c) => c.id === n.selectedChildId, {
28
+ list: M,
29
+ containerProps: T,
30
+ wrapperProps: z,
31
31
  scrollTo: N
32
- } = q(g, {
32
+ } = G(g, {
33
33
  itemHeight: 34
34
34
  });
35
- E(
35
+ $(
36
36
  () => n.searchQuery,
37
37
  () => N(0)
38
38
  );
39
- const k = $(null), { handleMouseout: v, handleMouseover: C } = G(
40
- k,
39
+ const p = I(null), { handleMouseout: v, handleMouseover: C } = K(
40
+ p,
41
41
  "sortable-item--hovered"
42
42
  );
43
- return (d, l) => (o(), a("div", {
43
+ return (c, o) => (l(), i("div", {
44
44
  ref_key: "itemRef",
45
- ref: k,
45
+ ref: p,
46
46
  class: f(["sortable-item", { "sortable-item--selected": t.isSelected }]),
47
- onMouseover: l[1] || (l[1] = //@ts-ignore
48
- (...i) => e(C) && e(C)(...i)),
49
- onMouseout: l[2] || (l[2] = //@ts-ignore
50
- (...i) => e(v) && e(v)(...i)),
51
- onClick: l[3] || (l[3] = c((i) => y("select"), ["stop"]))
47
+ onMouseover: o[1] || (o[1] = //@ts-ignore
48
+ (...s) => e(C) && e(C)(...s)),
49
+ onMouseout: o[2] || (o[2] = //@ts-ignore
50
+ (...s) => e(v) && e(v)(...s)),
51
+ onClick: o[3] || (o[3] = u((s) => y("select"), ["stop"]))
52
52
  }, [
53
- r("div", {
53
+ a("div", {
54
54
  class: f(["item", { "drag-allowed": !t.item.isLocked && !t.searchQuery }])
55
55
  }, [
56
- r("div", J, [
56
+ a("div", U, [
57
57
  h(e(m), {
58
58
  name: "dots-six-vertical",
59
59
  width: "20px",
60
60
  type: "bold"
61
61
  })
62
62
  ]),
63
- r("div", K, [
64
- t.item.isLocked ? (o(), s(e(m), {
63
+ a("div", W, [
64
+ t.item.isLocked ? (l(), r(e(m), {
65
65
  key: 1,
66
66
  class: "locked-icon",
67
67
  name: "lock",
68
68
  width: "16px"
69
- })) : (o(), s(e(V), {
69
+ })) : (l(), r(e(V), {
70
70
  key: 0,
71
71
  class: "order-num",
72
72
  variant: "subtitle2"
73
73
  }, {
74
74
  default: b(() => [
75
- w(F(t.index + 1) + ". ", 1)
75
+ S(w(t.index + 1) + ". ", 1)
76
76
  ]),
77
77
  _: 1
78
78
  }))
79
79
  ]),
80
- e(p) && !t.searchQuery ? (o(), a("div", {
80
+ e(k) && !t.searchQuery ? (l(), i("div", {
81
81
  key: 0,
82
82
  class: "expand-icon",
83
- onClick: c(Q, ["stop"])
83
+ onClick: u(B, ["stop"])
84
84
  }, [
85
- t.isOpen ? (o(), s(e(m), {
85
+ t.isOpen ? (l(), r(e(m), {
86
86
  key: 0,
87
87
  name: "caret-down",
88
- width: "16px"
89
- })) : (o(), s(e(m), {
88
+ size: "16px"
89
+ })) : (l(), r(e(m), {
90
90
  key: 1,
91
91
  name: "caret-right",
92
- width: "16px"
92
+ size: "16px"
93
93
  }))
94
- ], 8, U)) : u("", !0),
95
- r("div", W, [
96
- t.item.countryFlag ? (o(), s(e(L), {
94
+ ], 8, X)) : d("", !0),
95
+ a("div", Y, [
96
+ t.item.countryFlag ? (l(), r(e(L), {
97
97
  key: 0,
98
98
  class: "country-flag",
99
99
  "country-code": t.item.countryFlag
100
- }, null, 8, ["country-code"])) : u("", !0),
101
- h(j, {
100
+ }, null, 8, ["country-code"])) : d("", !0),
101
+ h(A, {
102
102
  "display-value": t.displayValue,
103
103
  item: t.item
104
104
  }, null, 8, ["display-value", "item"])
105
105
  ]),
106
- r("div", {
106
+ e(Q).menu ? (l(), i("div", {
107
+ key: 1,
107
108
  class: "item__menu",
108
- onClick: l[0] || (l[0] = c(() => {
109
+ onClick: o[0] || (o[0] = u(() => {
109
110
  }, ["stop"]))
110
111
  }, [
111
- z(d.$slots, "menu", {}, void 0, !0)
112
- ])
112
+ R(c.$slots, "menu", {}, void 0, !0)
113
+ ])) : d("", !0)
113
114
  ], 2),
114
- r("div", S(e(M), { class: "child-list" }), [
115
- e(p) && t.isOpen ? (o(), a("ul", I(S({ key: 0 }, e(T))), [
116
- (o(!0), a(R, null, D(e(H), ({ data: i, index: O }) => (o(), a("li", {
115
+ a("div", F(e(T), { class: "child-list" }), [
116
+ e(k) && t.isOpen ? (l(), i("ul", D(F({ key: 0 }, e(z))), [
117
+ (l(!0), i(j, null, q(e(M), ({ data: s, index: O }) => (l(), i("li", {
117
118
  key: O,
118
- class: f({ selected: B(i) }),
119
- onClick: c((Y) => y("selectChild", i), ["stop"])
119
+ class: f({ selected: H(s) }),
120
+ onClick: u((_) => y("selectChild", s), ["stop"])
120
121
  }, [
121
- i.countryFlag ? (o(), s(e(L), {
122
+ s.countryFlag ? (l(), r(e(L), {
122
123
  key: 0,
123
124
  class: "country-flag",
124
- "country-code": i.countryFlag
125
- }, null, 8, ["country-code"])) : u("", !0),
125
+ "country-code": s.countryFlag
126
+ }, null, 8, ["country-code"])) : d("", !0),
126
127
  h(e(V), { variant: "body2" }, {
127
128
  default: b(() => [
128
- w(F(t.displayValue(i)), 1)
129
+ S(w(t.displayValue(s)), 1)
129
130
  ]),
130
131
  _: 2
131
132
  }, 1024)
132
- ], 10, X))), 128))
133
- ], 16)) : u("", !0)
133
+ ], 10, Z))), 128))
134
+ ], 16)) : d("", !0)
134
135
  ], 16)
135
136
  ], 34));
136
137
  }
137
138
  });
138
139
  export {
139
- re as default
140
+ ae as default
140
141
  };
@@ -1,7 +1,7 @@
1
1
  import e from "./SortableItemLabel.vue2.js";
2
2
  /* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1386ae20"]]);
3
+ // import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; //*');
4
+ const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f2ced2f4"]]);
5
5
  export {
6
- s as default
6
+ a as default
7
7
  };
@@ -1,30 +1,30 @@
1
- import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css"; import { defineComponent as m, openBlock as a, createBlock as u, unref as l, withCtx as t, createElementVNode as p, createElementBlock as c, Fragment as h, renderList as f, createVNode as i, createTextVNode as o, toDisplayString as r, normalizeClass as x } from "vue";
1
+ import "../../SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css"; import { defineComponent as m, openBlock as a, createBlock as p, unref as l, withCtx as e, createElementVNode as u, createElementBlock as d, Fragment as f, renderList as h, createVNode as i, createTextVNode as o, toDisplayString as r } from "vue";
2
2
  import n from "../typography/v4/Typography.vue.js";
3
- import y from "../tooltip/v4/TooltipV4.vue.js";
4
- const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
3
+ import _ from "../tooltip/v4/TooltipV4.vue.js";
4
+ const x = { class: "tooltip-content" }, g = /* @__PURE__ */ m({
5
5
  __name: "SortableItemLabel",
6
6
  props: {
7
7
  item: null,
8
8
  displayValue: null
9
9
  },
10
- setup(e) {
11
- return (b, T) => (a(), u(l(y), {
10
+ setup(t) {
11
+ return (y, b) => (a(), p(l(_), {
12
12
  class: "item-label",
13
13
  placement: "right",
14
- disabled: !e.item.helpText
14
+ disabled: !t.item.helpText
15
15
  }, {
16
- tooltip: t(() => [
17
- p("div", _, [
18
- (a(!0), c(h, null, f(e.item.helpText, (s, d) => (a(), c("div", {
19
- key: d,
16
+ tooltip: e(() => [
17
+ u("div", x, [
18
+ (a(!0), d(f, null, h(t.item.helpText, (c, s) => (a(), d("div", {
19
+ key: s,
20
20
  class: "help"
21
21
  }, [
22
22
  i(l(n), {
23
23
  class: "help__title",
24
24
  variant: "h5"
25
25
  }, {
26
- default: t(() => [
27
- o(r(s.title), 1)
26
+ default: e(() => [
27
+ o(r(c.title), 1)
28
28
  ]),
29
29
  _: 2
30
30
  }, 1024),
@@ -32,29 +32,26 @@ const _ = { class: "tooltip-content" }, k = /* @__PURE__ */ m({
32
32
  class: "help__text",
33
33
  variant: "body2"
34
34
  }, {
35
- default: t(() => [
36
- o(r(s.text), 1)
35
+ default: e(() => [
36
+ o(r(c.text), 1)
37
37
  ]),
38
38
  _: 2
39
39
  }, 1024)
40
40
  ]))), 128))
41
41
  ])
42
42
  ]),
43
- default: t(() => [
44
- i(l(n), {
45
- variant: "body2",
46
- class: x({ "decorated-text": e.item.helpText?.length })
47
- }, {
48
- default: t(() => [
49
- o(r(e.displayValue(e.item)), 1)
43
+ default: e(() => [
44
+ i(l(n), { variant: "body2" }, {
45
+ default: e(() => [
46
+ o(r(t.displayValue(t.item)), 1)
50
47
  ]),
51
48
  _: 1
52
- }, 8, ["class"])
49
+ })
53
50
  ]),
54
51
  _: 1
55
52
  }, 8, ["disabled"]));
56
53
  }
57
54
  });
58
55
  export {
59
- k as default
56
+ g as default
60
57
  };
@@ -1,7 +1,7 @@
1
1
  import o from "./SortableList.vue2.js";
2
- /* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e9cd63b8"]]);
2
+ /* empty css */import t from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css"; //*');
4
+ const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-156c01ca"]]);
5
5
  export {
6
6
  c as default
7
7
  };
@@ -1,21 +1,21 @@
1
- import "../../SortableList.vue_vue_type_style_index_0_scoped_e9cd63b8_lang.css"; import { defineComponent as F, computed as f, ref as P, openBlock as s, createElementBlock as i, mergeProps as T, unref as l, createBlock as g, isRef as N, createCommentVNode as y, withCtx as m, Fragment as V, renderList as D, renderSlot as S, createElementVNode as G, createVNode as $, createTextVNode as U, toDisplayString as M } from "vue";
2
- import { VueDraggable as K } from "vue-draggable-plus";
3
- import w from "./SortableItem.vue.js";
4
- import Q from "../search/v4/SearchV4.vue.js";
5
- import j from "../typography/v4/Typography.vue.js";
6
- import z from "../skeleton/v4/SkeletonV4.vue.js";
7
- import { useVModel as J } from "@vueuse/core";
8
- import { matchString as x } from "../../utils/search.js";
9
- import { useTestIdAttrs as W } from "../../utils/testIds.js";
1
+ import "../../SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css"; import { defineComponent as G, useSlots as U, computed as p, ref as M, openBlock as s, createElementBlock as i, mergeProps as T, unref as l, createBlock as g, isRef as $, createCommentVNode as m, withCtx as y, Fragment as V, renderList as D, createSlots as w, renderSlot as S, createElementVNode as K, createVNode as x, createTextVNode as Q, toDisplayString as j } from "vue";
2
+ import { VueDraggable as z } from "vue-draggable-plus";
3
+ import q from "./SortableItem.vue.js";
4
+ import J from "../search/v4/SearchV4.vue.js";
5
+ import W from "../typography/v4/Typography.vue.js";
6
+ import X from "../skeleton/v4/SkeletonV4.vue.js";
7
+ import { useVModel as Y } from "@vueuse/core";
8
+ import { matchString as H } from "../../utils/search.js";
9
+ import { useTestIdAttrs as Z } from "../../utils/testIds.js";
10
10
  import { SortableListTestIdModifiers as I } from "../../testids/index.js";
11
- import { DRAG_CURSOR_CSS_CLASS as q } from "./consts.js";
12
- const X = {
11
+ import { DRAG_CURSOR_CSS_CLASS as O } from "./consts.js";
12
+ const _ = {
13
13
  key: 1,
14
14
  class: "sortable-list-container"
15
- }, Y = { class: "loader-bars" }, Z = {
15
+ }, ee = { class: "loader-bars" }, te = {
16
16
  key: 3,
17
17
  class: "empty-state-title"
18
- }, ue = /* @__PURE__ */ F({
18
+ }, fe = /* @__PURE__ */ G({
19
19
  __name: "SortableList",
20
20
  props: {
21
21
  items: { default: () => [] },
@@ -34,127 +34,133 @@ const X = {
34
34
  },
35
35
  emits: ["sortableItemDragged", "update:items", "update:openId", "update:selectedId", "update:selectedChildId", "update:search", "clearSearch"],
36
36
  setup(d, { emit: o }) {
37
- const n = d, u = J(n, "search", o), v = f(() => !!u.value?.trim()), C = f(() => v.value ? n.items.filter((t) => {
37
+ const r = d, R = U(), u = Y(r, "search", o), v = p(() => !!u.value?.trim()), C = p(() => v.value ? r.items.filter((t) => {
38
38
  const a = t.children || [], e = u.value;
39
- return n.searchHandler ? n.searchHandler(t, e) : x(t.displayText, e) || // match parent item
40
- a.some((r) => x(r.displayText, e));
41
- }) : n.items), h = f({
39
+ return r.searchHandler ? r.searchHandler(t, e) : H(t.displayText, e) || // match parent item
40
+ a.some((n) => H(n.displayText, e));
41
+ }) : r.items), h = p({
42
42
  get() {
43
43
  return C.value.filter((t) => !t.isLocked);
44
44
  },
45
45
  set(t) {
46
- o("update:items", [...t, ...b.value]);
46
+ o("update:items", [...t, ...k.value]);
47
47
  }
48
- }), b = f(
48
+ }), k = p(
49
49
  () => C.value.filter((t) => t.isLocked)
50
- ), k = P(!1), H = (t) => {
51
- k.value = !0, setTimeout(() => t.target.classList.add(q), 50);
52
- }, O = (t) => {
53
- const { target: a, item: e, newIndex: r } = t;
54
- k.value = !1, a.classList.remove(q);
50
+ ), b = M(!1), F = (t) => {
51
+ b.value = !0, setTimeout(() => t.target.classList.add(O), 50);
52
+ }, P = (t) => {
53
+ const { target: a, item: e, newIndex: n } = t;
54
+ b.value = !1, a.classList.remove(O);
55
55
  const c = e.attributes["data-id"]?.value;
56
- o("sortableItemDragged", { id: c, newIndex: r });
57
- }, R = (t) => (v.value || t.id === n.openId) && !k.value, A = (t, a) => {
56
+ o("sortableItemDragged", { id: c, newIndex: n });
57
+ }, A = (t) => (v.value || t.id === r.openId) && !b.value, B = (t, a) => {
58
58
  a ? o("update:openId", t.id) : o("update:openId", null);
59
- }, p = (t) => t.id === n.selectedId, B = (t) => {
59
+ }, f = (t) => t.id === r.selectedId, E = (t) => {
60
60
  o("update:selectedId", t.id), o("update:selectedChildId", null);
61
- }, E = (t, a) => {
61
+ }, N = (t, a) => {
62
62
  o("update:selectedChildId", t.id), o("update:selectedId", a.id), o("update:openId", a.id);
63
- }, L = W(n.testId, I);
63
+ }, L = Z(r.testId, I);
64
64
  return (t, a) => (s(), i("div", T({ class: "sortable-list-and-search-container" }, l(L)[l(I).CONTAINER]), [
65
- d.showSearch ? (s(), g(l(Q), {
65
+ d.showSearch ? (s(), g(l(J), {
66
66
  key: 0,
67
67
  modelValue: l(u),
68
- "onUpdate:modelValue": a[0] || (a[0] = (e) => N(u) ? u.value = e : null),
68
+ "onUpdate:modelValue": a[0] || (a[0] = (e) => $(u) ? u.value = e : null),
69
69
  class: "list-search",
70
70
  placeholder: d.searchPlaceholder,
71
71
  "test-id": d.testId,
72
72
  onOnClear: a[1] || (a[1] = (e) => o("clearSearch"))
73
- }, null, 8, ["modelValue", "placeholder", "test-id"])) : y("", !0),
73
+ }, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0),
74
74
  d.isLoading ? S(t.$slots, "loader", { key: 2 }, () => [
75
- G("div", Y, [
75
+ K("div", ee, [
76
76
  (s(!0), i(V, null, D(d.loadingRowCount, (e) => (s(), i("div", { key: e }, [
77
- $(l(z), {
77
+ x(l(X), {
78
78
  round: "",
79
79
  class: "loader-bar"
80
80
  })
81
81
  ]))), 128))
82
82
  ])
83
- ], !0) : (s(), i("div", X, [
84
- l(h).length ? (s(), g(l(K), T({
83
+ ], !0) : (s(), i("div", _, [
84
+ l(h).length ? (s(), g(l(z), T({
85
85
  key: 0,
86
86
  modelValue: l(h),
87
- "onUpdate:modelValue": a[2] || (a[2] = (e) => N(h) ? h.value = e : null),
87
+ "onUpdate:modelValue": a[2] || (a[2] = (e) => $(h) ? h.value = e : null),
88
88
  class: "sortable-list",
89
89
  filter: ".expand-icon",
90
90
  animation: 150,
91
91
  handle: ".draggable-handle",
92
92
  disabled: l(v)
93
93
  }, l(L)[l(I).DRAGGABLE_LIST], {
94
- onStart: H,
95
- onEnd: O
94
+ onStart: F,
95
+ onEnd: P
96
96
  }), {
97
- default: m(() => [
98
- (s(!0), i(V, null, D(l(h), (e, r) => (s(), g(w, {
97
+ default: y(() => [
98
+ (s(!0), i(V, null, D(l(h), (e, n) => (s(), g(q, {
99
99
  key: e.id,
100
100
  "data-id": e.id,
101
101
  item: e,
102
- index: r,
103
- "is-open": R(e),
104
- "is-selected": p(e),
105
- "selected-child-id": p(e) ? d.selectedChildId : null,
102
+ index: n,
103
+ "is-open": A(e),
104
+ "is-selected": f(e),
105
+ "selected-child-id": f(e) ? d.selectedChildId : null,
106
106
  "display-value": d.displayValue,
107
107
  "search-query": l(u),
108
108
  "search-handler": d.searchHandler,
109
- onToggle: (c) => A(e, c),
110
- onSelect: (c) => B(e),
111
- onSelectChild: (c) => E(c, e)
112
- }, {
113
- menu: m(() => [
114
- S(t.$slots, "menu", { item: e }, void 0, !0)
115
- ]),
116
- _: 2
117
- }, 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
109
+ onToggle: (c) => B(e, c),
110
+ onSelect: (c) => E(e),
111
+ onSelectChild: (c) => N(c, e)
112
+ }, w({ _: 2 }, [
113
+ l(R).menu ? {
114
+ name: "menu",
115
+ fn: y(() => [
116
+ S(t.$slots, "menu", { item: e }, void 0, !0)
117
+ ]),
118
+ key: "0"
119
+ } : void 0
120
+ ]), 1032, ["data-id", "item", "index", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "search-handler", "onToggle", "onSelect", "onSelectChild"]))), 128))
118
121
  ]),
119
122
  _: 3
120
- }, 16, ["modelValue", "disabled"])) : y("", !0),
121
- l(b).length ? (s(), i("div", T({
123
+ }, 16, ["modelValue", "disabled"])) : m("", !0),
124
+ l(k).length ? (s(), i("div", T({
122
125
  key: 1,
123
126
  class: "locked-list"
124
127
  }, l(L)[l(I).LOCKED_LIST]), [
125
- (s(!0), i(V, null, D(l(b), (e) => (s(), g(w, {
128
+ (s(!0), i(V, null, D(l(k), (e) => (s(), g(q, {
126
129
  key: e.id,
127
130
  item: e,
128
- "is-open": R(e),
129
- "is-selected": p(e),
130
- "selected-child-id": p(e) ? d.selectedChildId : null,
131
+ "is-open": A(e),
132
+ "is-selected": f(e),
133
+ "selected-child-id": f(e) ? d.selectedChildId : null,
131
134
  "display-value": d.displayValue,
132
135
  "search-query": l(u),
133
136
  "on-search": d.searchHandler,
134
- onToggle: (r) => A(e, r),
135
- onSelect: (r) => B(e),
136
- onSelectChild: (r) => E(r, e)
137
- }, {
138
- menu: m(() => [
139
- S(t.$slots, "menu", { item: e }, void 0, !0)
140
- ]),
141
- _: 2
142
- }, 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "onToggle", "onSelect", "onSelectChild"]))), 128))
143
- ], 16)) : y("", !0)
137
+ onToggle: (n) => B(e, n),
138
+ onSelect: (n) => E(e),
139
+ onSelectChild: (n) => N(n, e)
140
+ }, w({ _: 2 }, [
141
+ l(R).menu ? {
142
+ name: "menu",
143
+ fn: y(() => [
144
+ S(t.$slots, "menu", { item: e }, void 0, !0)
145
+ ]),
146
+ key: "0"
147
+ } : void 0
148
+ ]), 1032, ["item", "is-open", "is-selected", "selected-child-id", "display-value", "search-query", "on-search", "onToggle", "onSelect", "onSelectChild"]))), 128))
149
+ ], 16)) : m("", !0)
144
150
  ])),
145
- !l(C).length && !d.isLoading ? (s(), i("div", Z, [
151
+ !l(C).length && !d.isLoading ? (s(), i("div", te, [
146
152
  S(t.$slots, "empty-state", {}, () => [
147
- $(l(j), { variant: "body2" }, {
148
- default: m(() => [
149
- U(M(d.emptyStateTitle), 1)
153
+ x(l(W), { variant: "body2" }, {
154
+ default: y(() => [
155
+ Q(j(d.emptyStateTitle), 1)
150
156
  ]),
151
157
  _: 1
152
158
  })
153
159
  ], !0)
154
- ])) : y("", !0)
160
+ ])) : m("", !0)
155
161
  ], 16));
156
162
  }
157
163
  });
158
164
  export {
159
- ue as default
165
+ fe as default
160
166
  };
@@ -1,7 +1,7 @@
1
- import e from "./DataGridMenu.vue2.js";
2
- /* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css"; //*');
4
- const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a6e4672f"]]);
1
+ import o from "./DataGridMenu.vue2.js";
2
+ /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; //*');
4
+ const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ddfaf207"]]);
5
5
  export {
6
- s as default
6
+ d as default
7
7
  };
@@ -1,4 +1,4 @@
1
- import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css"; import { defineComponent as u, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as o, withCtx as r, createVNode as c, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
1
+ import "../../../DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css"; import { defineComponent as u, onBeforeUnmount as f, openBlock as x, createBlock as w, unref as o, withCtx as r, createVNode as c, createSlots as I, createTextVNode as v, toDisplayString as M } from "vue";
2
2
  import g from "../../dropdown/v4/DropdownV4.vue.js";
3
3
  import "../../dropdown/v4/DefaultDropdownTrigger.vue.js";
4
4
  import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
1
+ import './MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css';
2
2
  import { AppTriggerTypes as ro } from "./components/appTrigger/index.js";
3
3
  import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
4
4
  import { MenuItemTypes as po } from "./components/menuItem/index.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ironsource/shared-ui",
3
- "version": "2.1.11-rc.45",
3
+ "version": "2.1.11-rc.46",
4
4
  "engines": {
5
5
  "npm": ">=7.0.0",
6
6
  "node": ">=16.0.0"
package/style/v4/grid.css CHANGED
@@ -1 +1 @@
1
- .light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99.0%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, 0.11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92.0%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83.0%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, 0.05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92.0%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92.0%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95.0%, 90.1%);--primary-main: hsl(206, 100%, 50.0%);--primary-main-8-p: hsla(206, 100%, 50%, 0.08);--primary-main-50-p: hsla(206, 100%, 50%, 0.5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90.0%, 42.0%);--primary-outlined-border: hsl(206, 100%, 50.0%);--primary-contrast-text: hsl(216, 71.0%, 23.0%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92.0%);--info-main: hsl(226, 70.0%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, 0.08);--info-main-50-p: hsla(226, 70%, 55.5%, 0.5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55.0%, 45.0%);--info-outlined-border: hsl(226, 70.0%, 55.5%);--info-contrast-text: hsl(226, 50.0%, 24.0%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86.0%);--success-main: hsl(151, 55.0%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, 0.08);--success-main-50-p: hsla(151, 55%, 41.5%, 0.5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67.0%, 28.5%);--success-outlined-border: hsl(151, 55.0%, 41.5%);--success-contrast-text: hsl(155, 40.0%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62.0%);--warning-main-8-p: hsla(42, 100%, 62%, 0.08);--warning-main-50-p: hsla(42, 100%, 62%, 0.5);--warning-dark: hsl(42, 100%, 55.0%);--warning-darker: hsl(25, 50.0%, 38.0%);--warning-outlined-border: hsl(42, 100%, 62.0%);--warning-contrast-text: hsl(25, 40.0%, 22.0%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75.0%, 59.0%);--error-main-8-p: hsla(358, 75%, 59%, 0.08);--error-main-50-p: hsla(358, 75%, 59%, 0.5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65.0%, 47.0%);--error-outlined-border: hsl(358, 75.0%, 59.0%);--error-contrast-text: hsl(350, 63.0%, 24.0%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
1
+ .light-theme-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99.0%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, 0.11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92.0%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83.0%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, 0.05);--action-selected: hsla(0, 0%, 92%, 1);--action-disabled: hsla(0, 0%, 87%, 1);--action-disabled-background: hsla(0, 0%, 95%, 1);--action-focus: hsl(0, 0%, 92.0%);--action-outlined-border: hsla(0, 0%, 73%, 1);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0 0% 94.51%);--default-dark: hsl(0, 0%, 92.0%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsla(0, 0%, 0%, 1);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsla(0, 0%, 89%, 1);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0 0% 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95.0%, 90.1%);--primary-main: hsl(206, 100%, 50.0%);--primary-main-8-p: hsla(206, 100%, 50%, 0.08);--primary-main-50-p: hsla(206, 100%, 50%, 0.5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90.0%, 42.0%);--primary-outlined-border: hsl(206, 100%, 50.0%);--primary-contrast-text: hsl(216, 71.0%, 23.0%);--primary-button-contrast-text: hsla(0, 0%, 100%, 1);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92.0%);--info-main: hsl(226, 70.0%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, 0.08);--info-main-50-p: hsla(226, 70%, 55.5%, 0.5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55.0%, 45.0%);--info-outlined-border: hsl(226, 70.0%, 55.5%);--info-contrast-text: hsl(226, 50.0%, 24.0%);--info-button-contrast-text: hsla(0, 0%, 100%, 1);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86.0%);--success-main: hsl(151, 55.0%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, 0.08);--success-main-50-p: hsla(151, 55%, 41.5%, 0.5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67.0%, 28.5%);--success-outlined-border: hsl(151, 55.0%, 41.5%);--success-contrast-text: hsl(155, 40.0%, 16.5%);--success-button-contrast-text: hsla(0, 0%, 100%, 1);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62.0%);--warning-main-8-p: hsla(42, 100%, 62%, 0.08);--warning-main-50-p: hsla(42, 100%, 62%, 0.5);--warning-dark: hsl(42, 100%, 55.0%);--warning-darker: hsl(25, 50.0%, 38.0%);--warning-outlined-border: hsl(42, 100%, 62.0%);--warning-contrast-text: hsl(25, 40.0%, 22.0%);--warning-button-contrast-text: hsla(24, 40%, 22%, 1);--error-lighter: hsl(360, 100%, 96.8%);--error-light: hsl(360, 90.2%, 91.9%);--error-main: hsl(358, 75.0%, 59.0%);--error-main-8-p: hsla(358, 75%, 59%, 0.08);--error-main-50-p: hsla(358, 75%, 59%, 0.5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65.0%, 47.0%);--error-outlined-border: hsl(358, 75.0%, 59.0%);--error-contrast-text: hsl(350, 63.0%, 24.0%);--error-button-contrast-text: hsla(0, 0%, 100%, 1);--aba: #FFC134;--abb: #4F4FF5}.light-theme-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.light-theme-v4{--elevation-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);--elevation-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);--elevation-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.12);--elevation-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08);--elevation-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -6px rgba(16, 24, 40, 0.08);--elevation-xxl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);--elevation-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, 0.14);--elevation-sl: 0px 27px 27px 2px rgba(44, 45, 45, 0.14)}.light-theme-v4{--spacing-tokenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-350: 28px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}/*# sourceMappingURL=grid.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,sCACA,sCACA,6CACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDAEA,oCACA,mCACA,sCACA,uCACA,uCACA,kDACA,kCACA,8CAEA,mCACA,iCACA,kCACA,6CACA,2CACA,mDAEA,wBACA,wBACA,gCACA,gCACA,oCACA,kDAEA,kCACA,oCACA,kCAEA,yCACA,wCACA,sCACA,+CACA,+CACA,uCACA,yCACA,iDACA,gDACA,qDAEA,uCACA,qCACA,oCACA,6CACA,6CACA,oCACA,sCACA,+CACA,6CACA,kDAEA,0CACA,wCACA,uCACA,gDACA,gDACA,uCACA,yCACA,kDACA,gDACA,qDAEA,wCACA,sCACA,qCACA,8CACA,8CACA,qCACA,wCACA,gDACA,+CACA,sDAEA,uCACA,sCACA,qCACA,4CACA,4CACA,qCACA,uCACA,gDACA,8CACA,mDAEA,eACA,eCnGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
1
+ {"version":3,"sourceRoot":"","sources":["colors.scss","border-radius.scss","elevations.scss","spacings.scss"],"names":[],"mappings":"AAAA,gBACE,8BACA,sCACA,sCACA,6CACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDACA,kDAEA,oCACA,mCACA,sCACA,uCACA,uCACA,kDACA,kCACA,8CAEA,mCACA,iCACA,kCACA,6CACA,2CACA,mDAEA,wBACA,wBACA,gCACA,gCACA,oCACA,kDAEA,kCACA,oCACA,kCAEA,yCACA,wCACA,sCACA,+CACA,+CACA,uCACA,yCACA,iDACA,gDACA,qDAEA,uCACA,qCACA,oCACA,6CACA,6CACA,oCACA,sCACA,+CACA,6CACA,kDAEA,0CACA,wCACA,uCACA,gDACA,gDACA,uCACA,yCACA,kDACA,gDACA,qDAEA,wCACA,sCACA,qCACA,8CACA,8CACA,qCACA,wCACA,gDACA,+CACA,sDAEA,uCACA,sCACA,qCACA,4CACA,4CACA,qCACA,uCACA,gDACA,8CACA,mDAEA,eACA,eCnGF,gBACI,wBACA,wBACA,wBACA,wBACA,yBACA,4BCNJ,gBACE,mDACA,sFACA,wDACA,0DACA,mGACA,4DACA,2DACA,yDCRF,gBACE,wBACA,kBACA,kBACA,kBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA","file":"grid.css"}
@@ -9,6 +9,7 @@
9
9
  --spacing-200: 16px;
10
10
  --spacing-250: 20px;
11
11
  --spacing-300: 24px;
12
+ --spacing-350: 28px;
12
13
  --spacing-400: 32px;
13
14
  --spacing-500: 40px;
14
15
  --spacing-600: 48px;
@@ -1 +0,0 @@
1
- .data-grid-menu[data-v-a6e4672f]{position:relative;left:-10px}.menu-icon[data-v-a6e4672f]{color:var(--text-secondary)}
@@ -1 +0,0 @@
1
- .empty-state[data-v-24001caa]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--common-white);padding:var(--spacing-300)}.title-wrapper[data-v-24001caa]{color:var(--text-primary);display:flex;place-items:center;flex-direction:column}.empty-variant-icon[data-v-24001caa]{width:112px;height:112px}.custom-empty-icon[data-v-24001caa]{color:var(--action-active)}.title[data-v-24001caa]{margin-top:var(--spacing-75);color:var(--text-primary)}.subtitle[data-v-24001caa]{color:var(--text-secondary);margin-top:var(--spacing-75)}.button[data-v-24001caa]{margin-top:var(--spacing-150)}
@@ -1 +0,0 @@
1
- .form-card[data-v-c7965a69]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-c7965a69]{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-c7965a69]{width:220px;height:20px}.card-content[data-v-c7965a69]{padding:var(--spacing-400) var(--spacing-500) var(--spacing-500) var(--spacing-500)}.card-content--no-padding[data-v-c7965a69]{padding:0}.form-actions[data-v-c7965a69]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-c7965a69]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-c7965a69]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-c7965a69]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-c7965a69]{margin-bottom:24px;width:100%;max-width:436px;height:16px}
@@ -1 +0,0 @@
1
- .sortable-item[data-v-9dd4d372]{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-9dd4d372]{outline:2px solid var(--primary-main);outline-offset:-2px}.sortable-item--hovered[data-v-9dd4d372]{border-color:var(--action-active)}.sortable-item.sortable-drag[data-v-9dd4d372]{border-color:var(--common-divider)!important}.sortable-item.sortable-drag .child-list[data-v-9dd4d372]{display:none}.sortable-item--hovered .drag-allowed .draggable-handle[data-v-9dd4d372],.sortable-item.sortable-drag .drag-allowed .draggable-handle[data-v-9dd4d372]{display:flex}.sortable-item--hovered .drag-allowed .order-num[data-v-9dd4d372],.sortable-item.sortable-drag .drag-allowed .order-num[data-v-9dd4d372]{display:none}.item[data-v-9dd4d372]{height:38px;display:flex;align-items:center}.item__prefix[data-v-9dd4d372]{width:36px;display:flex;align-items:center;justify-content:center}.item__text[data-v-9dd4d372]{flex:1;height:38px;display:flex;align-items:center}.item__menu[data-v-9dd4d372]{width:26px}.country-flag[data-v-9dd4d372]{margin-right:var(--spacing-100)}.child-list[data-v-9dd4d372]{max-height:176px}.child-list ul[data-v-9dd4d372]{list-style:none;display:flex;flex-direction:column;padding-left:16px;padding-right:8px;margin-bottom:4px;gap:2px}.child-list li[data-v-9dd4d372]{min-height:32px;display:flex;align-items:center;border-radius:var(--border-radius-lg);padding:0 8px}.child-list li[data-v-9dd4d372]:hover{cursor:pointer;background:var(--action-selected)}.child-list li.selected[data-v-9dd4d372]{background:var(--action-selected)}.expand-icon[data-v-9dd4d372]{cursor:pointer;padding-right:7px;padding-left:1px;height:38px;display:flex;justify-content:center;align-items:center;color:var(--action-active)}.expand-icon[data-v-9dd4d372]:hover{color:var(--text-primary)}.locked-icon[data-v-9dd4d372]{color:var(--action-active)}.draggable-handle[data-v-9dd4d372]{display:none;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:36px;height:38px;color:var(--action-active)}.draggable-handle[data-v-9dd4d372]:hover{cursor:grab;color:var(--text-primary)}.sortable-ghost[data-v-9dd4d372]{position:relative;outline:none}.sortable-ghost[data-v-9dd4d372]:after{content:"";display:block;position:absolute;z-index:10;inset:-1px;background:rgb(242,242,242);border-radius:var(--border-radius-sm)}
@@ -1 +0,0 @@
1
- .decorated-text[data-v-1386ae20]{border-bottom:1px dashed var(--action-active)}.tooltip-content[data-v-1386ae20]{max-width:260px}.help[data-v-1386ae20]{margin-bottom:8px}.help__title[data-v-1386ae20]{margin-bottom:4px}.help__text[data-v-1386ae20]{color:var(--text-secondary)}.help[data-v-1386ae20]:last-child{margin-bottom:0}
@@ -1 +0,0 @@
1
- .list-search[data-v-e9cd63b8]{margin-bottom:var(--spacing-100)}.sortable-list[data-v-e9cd63b8],.locked-list[data-v-e9cd63b8]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-75);color:var(--text-primary)}.locked-list[data-v-e9cd63b8]{margin-top:var(--spacing-75)}.force-grabbing-cursor *[data-v-e9cd63b8]{cursor:move!important;cursor:-webkit-grabbing!important;cursor:-moz-grabbing!important;cursor:grabbing!important}.empty-state-title[data-v-e9cd63b8]{color:var(--text-disabled);padding:0 8px;width:100%}.loader-bars[data-v-e9cd63b8]{display:flex;flex-direction:column;gap:6px}.loader-bars .loader-bar[data-v-e9cd63b8]{height:40px;width:100%}