@ironsource/shared-ui 2.1.11-rc.44 → 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.
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_ddfaf207_lang.css +1 -0
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_18728498_lang.css +1 -0
- package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css +1 -0
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_f2ced2f4_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css +1 -0
- package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -1
- package/components/emptyState/v4/EmptyStateV4.vue.js +3 -3
- package/components/emptyState/v4/EmptyStateV4.vue2.js +1 -1
- package/components/forms/FormCard.vue.js +3 -3
- package/components/forms/FormCard.vue2.js +1 -1
- package/components/sortableList/SortableItem.vue.js +3 -3
- package/components/sortableList/SortableItem.vue2.js +57 -56
- package/components/sortableList/SortableItemLabel.vue.js +3 -3
- package/components/sortableList/SortableItemLabel.vue2.js +20 -23
- package/components/sortableList/SortableList.vue.js +3 -3
- package/components/sortableList/SortableList.vue2.js +82 -76
- package/components/table/v4/DataGridMenu.vue.js +5 -5
- package/components/table/v4/DataGridMenu.vue2.js +1 -1
- package/components/table-cells/common/Editable.common.js +24 -19
- package/index.js +1 -1
- package/package.json +1 -1
- package/style/v4/grid.css +1 -1
- package/style/v4/grid.css.map +1 -1
- package/style/v4/spacings.scss +1 -0
- package/DataGridMenu.vue_vue_type_style_index_0_scoped_a6e4672f_lang.css +0 -1
- package/EmptyStateV4.vue_vue_type_style_index_0_scoped_24001caa_lang.css +0 -1
- package/FormCard.vue_vue_type_style_index_0_scoped_c7965a69_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_9dd4d372_lang.css +0 -1
- package/SortableItemLabel.vue_vue_type_style_index_0_scoped_1386ae20_lang.css +0 -1
- 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.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../EmptyStateV4.
|
|
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
|
|
3
|
-
// import "../../FormCard.
|
|
4
|
-
const t = /* @__PURE__ */
|
|
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.
|
|
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.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import "../../SortableItem.
|
|
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
|
|
6
|
-
import { useVirtualList as
|
|
7
|
-
import { matchString as
|
|
8
|
-
import { useHoverEffect as
|
|
9
|
-
const
|
|
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
|
-
(
|
|
27
|
-
)),
|
|
28
|
-
list:
|
|
29
|
-
containerProps:
|
|
30
|
-
wrapperProps:
|
|
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
|
-
} =
|
|
32
|
+
} = G(g, {
|
|
33
33
|
itemHeight: 34
|
|
34
34
|
});
|
|
35
|
-
|
|
35
|
+
$(
|
|
36
36
|
() => n.searchQuery,
|
|
37
37
|
() => N(0)
|
|
38
38
|
);
|
|
39
|
-
const
|
|
40
|
-
|
|
39
|
+
const p = I(null), { handleMouseout: v, handleMouseover: C } = K(
|
|
40
|
+
p,
|
|
41
41
|
"sortable-item--hovered"
|
|
42
42
|
);
|
|
43
|
-
return (
|
|
43
|
+
return (c, o) => (l(), i("div", {
|
|
44
44
|
ref_key: "itemRef",
|
|
45
|
-
ref:
|
|
45
|
+
ref: p,
|
|
46
46
|
class: f(["sortable-item", { "sortable-item--selected": t.isSelected }]),
|
|
47
|
-
onMouseover:
|
|
48
|
-
(...
|
|
49
|
-
onMouseout:
|
|
50
|
-
(...
|
|
51
|
-
onClick:
|
|
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
|
-
|
|
53
|
+
a("div", {
|
|
54
54
|
class: f(["item", { "drag-allowed": !t.item.isLocked && !t.searchQuery }])
|
|
55
55
|
}, [
|
|
56
|
-
|
|
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
|
-
|
|
64
|
-
t.item.isLocked ? (
|
|
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
|
-
})) : (
|
|
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(
|
|
75
|
+
S(w(t.index + 1) + ". ", 1)
|
|
76
76
|
]),
|
|
77
77
|
_: 1
|
|
78
78
|
}))
|
|
79
79
|
]),
|
|
80
|
-
e(
|
|
80
|
+
e(k) && !t.searchQuery ? (l(), i("div", {
|
|
81
81
|
key: 0,
|
|
82
82
|
class: "expand-icon",
|
|
83
|
-
onClick:
|
|
83
|
+
onClick: u(B, ["stop"])
|
|
84
84
|
}, [
|
|
85
|
-
t.isOpen ? (
|
|
85
|
+
t.isOpen ? (l(), r(e(m), {
|
|
86
86
|
key: 0,
|
|
87
87
|
name: "caret-down",
|
|
88
|
-
|
|
89
|
-
})) : (
|
|
88
|
+
size: "16px"
|
|
89
|
+
})) : (l(), r(e(m), {
|
|
90
90
|
key: 1,
|
|
91
91
|
name: "caret-right",
|
|
92
|
-
|
|
92
|
+
size: "16px"
|
|
93
93
|
}))
|
|
94
|
-
], 8,
|
|
95
|
-
|
|
96
|
-
t.item.countryFlag ? (
|
|
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"])) :
|
|
101
|
-
h(
|
|
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
|
-
|
|
106
|
+
e(Q).menu ? (l(), i("div", {
|
|
107
|
+
key: 1,
|
|
107
108
|
class: "item__menu",
|
|
108
|
-
onClick:
|
|
109
|
+
onClick: o[0] || (o[0] = u(() => {
|
|
109
110
|
}, ["stop"]))
|
|
110
111
|
}, [
|
|
111
|
-
|
|
112
|
-
])
|
|
112
|
+
R(c.$slots, "menu", {}, void 0, !0)
|
|
113
|
+
])) : d("", !0)
|
|
113
114
|
], 2),
|
|
114
|
-
|
|
115
|
-
e(
|
|
116
|
-
(
|
|
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:
|
|
119
|
-
onClick:
|
|
119
|
+
class: f({ selected: H(s) }),
|
|
120
|
+
onClick: u((_) => y("selectChild", s), ["stop"])
|
|
120
121
|
}, [
|
|
121
|
-
|
|
122
|
+
s.countryFlag ? (l(), r(e(L), {
|
|
122
123
|
key: 0,
|
|
123
124
|
class: "country-flag",
|
|
124
|
-
"country-code":
|
|
125
|
-
}, null, 8, ["country-code"])) :
|
|
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(
|
|
129
|
+
S(w(t.displayValue(s)), 1)
|
|
129
130
|
]),
|
|
130
131
|
_: 2
|
|
131
132
|
}, 1024)
|
|
132
|
-
], 10,
|
|
133
|
-
], 16)) :
|
|
133
|
+
], 10, Z))), 128))
|
|
134
|
+
], 16)) : d("", !0)
|
|
134
135
|
], 16)
|
|
135
136
|
], 34));
|
|
136
137
|
}
|
|
137
138
|
});
|
|
138
139
|
export {
|
|
139
|
-
|
|
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.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import "../../SortableItemLabel.
|
|
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
|
|
4
|
-
const
|
|
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(
|
|
11
|
-
return (
|
|
10
|
+
setup(t) {
|
|
11
|
+
return (y, b) => (a(), p(l(_), {
|
|
12
12
|
class: "item-label",
|
|
13
13
|
placement: "right",
|
|
14
|
-
disabled: !
|
|
14
|
+
disabled: !t.item.helpText
|
|
15
15
|
}, {
|
|
16
|
-
tooltip:
|
|
17
|
-
|
|
18
|
-
(a(!0),
|
|
19
|
-
key:
|
|
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:
|
|
27
|
-
o(r(
|
|
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:
|
|
36
|
-
o(r(
|
|
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:
|
|
44
|
-
i(l(n), {
|
|
45
|
-
|
|
46
|
-
|
|
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
|
-
}
|
|
49
|
+
})
|
|
53
50
|
]),
|
|
54
51
|
_: 1
|
|
55
52
|
}, 8, ["disabled"]));
|
|
56
53
|
}
|
|
57
54
|
});
|
|
58
55
|
export {
|
|
59
|
-
|
|
56
|
+
g as default
|
|
60
57
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./SortableList.vue2.js";
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../SortableList.
|
|
4
|
-
const c = /* @__PURE__ */
|
|
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.
|
|
2
|
-
import { VueDraggable as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { useVModel as
|
|
8
|
-
import { matchString as
|
|
9
|
-
import { useTestIdAttrs as
|
|
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
|
|
12
|
-
const
|
|
11
|
+
import { DRAG_CURSOR_CSS_CLASS as O } from "./consts.js";
|
|
12
|
+
const _ = {
|
|
13
13
|
key: 1,
|
|
14
14
|
class: "sortable-list-container"
|
|
15
|
-
},
|
|
15
|
+
}, ee = { class: "loader-bars" }, te = {
|
|
16
16
|
key: 3,
|
|
17
17
|
class: "empty-state-title"
|
|
18
|
-
},
|
|
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
|
|
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
|
|
40
|
-
a.some((
|
|
41
|
-
}) :
|
|
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, ...
|
|
46
|
+
o("update:items", [...t, ...k.value]);
|
|
47
47
|
}
|
|
48
|
-
}),
|
|
48
|
+
}), k = p(
|
|
49
49
|
() => C.value.filter((t) => t.isLocked)
|
|
50
|
-
),
|
|
51
|
-
|
|
52
|
-
},
|
|
53
|
-
const { target: a, item: e, newIndex:
|
|
54
|
-
|
|
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:
|
|
57
|
-
},
|
|
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
|
-
},
|
|
59
|
+
}, f = (t) => t.id === r.selectedId, E = (t) => {
|
|
60
60
|
o("update:selectedId", t.id), o("update:selectedChildId", null);
|
|
61
|
-
},
|
|
61
|
+
}, N = (t, a) => {
|
|
62
62
|
o("update:selectedChildId", t.id), o("update:selectedId", a.id), o("update:openId", a.id);
|
|
63
|
-
}, L =
|
|
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(
|
|
65
|
+
d.showSearch ? (s(), g(l(J), {
|
|
66
66
|
key: 0,
|
|
67
67
|
modelValue: l(u),
|
|
68
|
-
"onUpdate:modelValue": a[0] || (a[0] = (e) =>
|
|
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"])) :
|
|
73
|
+
}, null, 8, ["modelValue", "placeholder", "test-id"])) : m("", !0),
|
|
74
74
|
d.isLoading ? S(t.$slots, "loader", { key: 2 }, () => [
|
|
75
|
-
|
|
75
|
+
K("div", ee, [
|
|
76
76
|
(s(!0), i(V, null, D(d.loadingRowCount, (e) => (s(), i("div", { key: e }, [
|
|
77
|
-
|
|
77
|
+
x(l(X), {
|
|
78
78
|
round: "",
|
|
79
79
|
class: "loader-bar"
|
|
80
80
|
})
|
|
81
81
|
]))), 128))
|
|
82
82
|
])
|
|
83
|
-
], !0) : (s(), i("div",
|
|
84
|
-
l(h).length ? (s(), g(l(
|
|
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) =>
|
|
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:
|
|
95
|
-
onEnd:
|
|
94
|
+
onStart: F,
|
|
95
|
+
onEnd: P
|
|
96
96
|
}), {
|
|
97
|
-
default:
|
|
98
|
-
(s(!0), i(V, null, D(l(h), (e,
|
|
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:
|
|
103
|
-
"is-open":
|
|
104
|
-
"is-selected":
|
|
105
|
-
"selected-child-id":
|
|
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) =>
|
|
110
|
-
onSelect: (c) =>
|
|
111
|
-
onSelectChild: (c) =>
|
|
112
|
-
}, {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
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"])) :
|
|
121
|
-
l(
|
|
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(
|
|
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":
|
|
129
|
-
"is-selected":
|
|
130
|
-
"selected-child-id":
|
|
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: (
|
|
135
|
-
onSelect: (
|
|
136
|
-
onSelectChild: (
|
|
137
|
-
}, {
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
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",
|
|
151
|
+
!l(C).length && !d.isLoading ? (s(), i("div", te, [
|
|
146
152
|
S(t.$slots, "empty-state", {}, () => [
|
|
147
|
-
|
|
148
|
-
default:
|
|
149
|
-
|
|
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
|
-
])) :
|
|
160
|
+
])) : m("", !0)
|
|
155
161
|
], 16));
|
|
156
162
|
}
|
|
157
163
|
});
|
|
158
164
|
export {
|
|
159
|
-
|
|
165
|
+
fe as default
|
|
160
166
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css */import
|
|
3
|
-
// import "../../../DataGridMenu.
|
|
4
|
-
const
|
|
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
|
-
|
|
6
|
+
d as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../DataGridMenu.
|
|
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";
|
|
@@ -1,50 +1,55 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { useTableContext as
|
|
3
|
-
import { EditableContext as
|
|
4
|
-
import { onClickOutside as
|
|
5
|
-
const
|
|
6
|
-
const l =
|
|
7
|
-
if (e.cell ===
|
|
1
|
+
import { ref as n, provide as f, watch as d } from "vue";
|
|
2
|
+
import { useTableContext as C } from "../../table/common/TableContext.js";
|
|
3
|
+
import { EditableContext as m } from "./EditableContext.js";
|
|
4
|
+
import { onClickOutside as x } from "@vueuse/core";
|
|
5
|
+
const E = (e) => {
|
|
6
|
+
const l = n(!1), t = n(e.cell), i = n(e.saveOnClickOutside), o = n(null), r = C("Editable"), a = n(null), v = () => {
|
|
7
|
+
if (e.cell === t.value) {
|
|
8
8
|
l.value = !1;
|
|
9
9
|
return;
|
|
10
10
|
}
|
|
11
|
-
const u = e.validateFunction?.(
|
|
11
|
+
const u = e.validateFunction?.(t.value);
|
|
12
12
|
a.value = u, !u && (r.onClose({
|
|
13
13
|
rowIndex: e.rowIndex,
|
|
14
14
|
cellIndex: e.cellIndex,
|
|
15
|
-
value:
|
|
15
|
+
value: t.value
|
|
16
16
|
}), l.value = !1);
|
|
17
17
|
};
|
|
18
|
-
|
|
18
|
+
f(m, {
|
|
19
19
|
focusable: !0,
|
|
20
|
-
value:
|
|
20
|
+
value: t,
|
|
21
21
|
error: a,
|
|
22
22
|
confirmable: !0,
|
|
23
|
-
saveOnClickOutside:
|
|
23
|
+
saveOnClickOutside: i.value,
|
|
24
24
|
onChange(u) {
|
|
25
|
-
|
|
25
|
+
t.value = u, a.value = e.validateFunction?.(t.value);
|
|
26
26
|
},
|
|
27
27
|
onClose: v
|
|
28
28
|
});
|
|
29
29
|
const c = () => {
|
|
30
30
|
l.value || e.isLoading || (l.value = !l.value);
|
|
31
31
|
}, s = () => {
|
|
32
|
-
|
|
32
|
+
t.value = e.cell, a.value = null;
|
|
33
33
|
};
|
|
34
|
-
return
|
|
34
|
+
return x(o, () => {
|
|
35
35
|
if (l.value) {
|
|
36
|
-
if (
|
|
36
|
+
if (i.value) {
|
|
37
37
|
v();
|
|
38
38
|
return;
|
|
39
39
|
}
|
|
40
40
|
l.value = !1, s(), r.onClose();
|
|
41
41
|
}
|
|
42
|
-
}),
|
|
42
|
+
}), d(
|
|
43
|
+
() => e.cell,
|
|
44
|
+
() => {
|
|
45
|
+
l.value || (t.value = e.cell);
|
|
46
|
+
}
|
|
47
|
+
), {
|
|
43
48
|
onEdit: c,
|
|
44
|
-
target:
|
|
49
|
+
target: o,
|
|
45
50
|
isEditing: l
|
|
46
51
|
};
|
|
47
52
|
};
|
|
48
53
|
export {
|
|
49
|
-
|
|
54
|
+
E as editableCommon
|
|
50
55
|
};
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './
|
|
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
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 */
|
package/style/v4/grid.css.map
CHANGED
|
@@ -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"}
|
package/style/v4/spacings.scss
CHANGED
|
@@ -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%}
|