@ironsource/shared-ui 2.0.1 → 2.0.2-rc.1

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 (35) hide show
  1. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css +1 -0
  2. package/DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css +1 -0
  3. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_9e366543_lang.css +1 -0
  4. package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css +1 -0
  5. package/README.md +17 -12
  6. package/ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css +1 -0
  7. package/ThemeWrapper.vue_vue_type_style_index_1_lang.css +1 -0
  8. package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css +1 -0
  9. package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
  10. package/components/ThemeWrapper/ThemeStrore.js +13 -0
  11. package/components/ThemeWrapper/ThemeWrapper.vue.d.ts +17 -3
  12. package/components/ThemeWrapper/ThemeWrapper.vue.js +8 -0
  13. package/components/ThemeWrapper/ThemeWrapper.vue2.js +22 -0
  14. package/components/ThemeWrapper/index.d.ts +79 -0
  15. package/components/ThemeWrapper/index.js +6 -0
  16. package/components/dropdown/v4/AppDropdownTrigger.vue.js +4 -4
  17. package/components/dropdown/v4/AppDropdownTrigger.vue2.js +55 -63
  18. package/components/dropdown/v4/OptionV4.vue.js +2 -2
  19. package/components/dropdown/v4/OptionV4.vue2.js +1 -1
  20. package/components/table/v4/DataGrid.vue.d.ts +1 -0
  21. package/components/table/v4/DataGrid.vue.js +3 -3
  22. package/components/table/v4/DataGrid.vue2.js +162 -150
  23. package/components/table/v4/DataGridRowsCounter.vue.js +3 -3
  24. package/components/table/v4/DataGridRowsCounter.vue2.js +13 -7
  25. package/components/table/v4/index.d.ts +1 -0
  26. package/components/tooltip/v4/TooltipV4.vue.js +3 -3
  27. package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
  28. package/index.d.ts +156 -0
  29. package/index.js +109 -107
  30. package/package.json +6 -2
  31. package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css +0 -1
  32. package/DataGrid.vue_vue_type_style_index_0_scoped_4e432056_lang.css +0 -1
  33. package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_11c1bb3f_lang.css +0 -1
  34. package/OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css +0 -1
  35. package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css +0 -1
package/AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css ADDED
@@ -0,0 +1 @@
1
+ .app-trigger-wrapper[data-v-28bb325a]{display:flex}.app-trigger-wrapper.with-copy .app-trigger[data-v-28bb325a]{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);width:calc(100% - 41px)}.app-trigger-key[data-v-28bb325a]{flex:none}.app-trigger-key--content[data-v-28bb325a]{padding:10px;background:var(--default-main);cursor:pointer;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-left:1px solid var(--common-divider);color:var(--action-active)}.app-trigger-key--content[data-v-28bb325a]:hover{background:var(--action-selected)}.app-trigger[data-v-28bb325a]{width:100%;padding:0 12px;border-radius:var(--border-radius-lg);cursor:pointer;user-select:none;display:inline-flex;background:var(--default-main);height:40px;align-items:center}.app-trigger[data-v-28bb325a]:hover,.app-trigger.active[data-v-28bb325a]{background:var(--action-selected)}.app-trigger.disabled[data-v-28bb325a]{cursor:auto}.app-trigger--content[data-v-28bb325a]{color:var(--text-primary);display:flex;column-gap:8px;width:calc(100% - 20px);align-items:center}.app-trigger--content .x-circle-wrapper[data-v-28bb325a]{color:var(--primary-dark)}.app-trigger--content .x-circle-wrapper[data-v-28bb325a]:hover{color:var(--primary-main)}.app-trigger--icon[data-v-28bb325a]{display:flex;align-items:center;color:var(--action-active)}.app-trigger .displayed-value[data-v-28bb325a]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .image[data-v-28bb325a]{width:20px;height:20px;flex:none}.app-trigger .image img[data-v-28bb325a]{border-radius:4px;width:100%;height:100%}.app-trigger .start-icon[data-v-28bb325a]{display:flex;color:var(--action-active)}.app-trigger .label-text[data-v-28bb325a]{display:flex;align-items:center;gap:8px}.app-trigger .label-text .text-content[data-v-28bb325a]{display:flex;align-items:center;gap:4px;width:100%}.app-trigger .label-text .text-content .text-content-value[data-v-28bb325a]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-trigger .label-text .is-mandatory[data-v-28bb325a]{padding-top:5px;color:var(--error-main)}
package/DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css ADDED
@@ -0,0 +1 @@
1
+ .sticky[data-v-9cc6b34e]{position:sticky}.table-container[data-v-9cc6b34e]{width:100%;position:relative;display:flex;flex-direction:column}.table-header[data-v-9cc6b34e]{display:flex;align-items:center;height:calc(var(--spacing-800) - 1px);border-bottom:1px solid var(--common-divider);background-color:var(--background-paper-elevation-0);position:sticky;left:0;padding:var(--spacing-300)}.table-header .table-title[data-v-9cc6b34e]{display:flex;flex:1;align-items:center;justify-content:flex-start;height:100%;color:var(--text-primary)}.table-header .table-header-right[data-v-9cc6b34e]{display:flex;align-items:center;height:100%}.table-header .search-wrapper[data-v-9cc6b34e]{width:13.75rem}.table-header.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 3);top:0}.table-head-container[data-v-9cc6b34e]{display:flex;align-items:center;white-space:nowrap;color:var(--text-primary)}.table-footer[data-v-9cc6b34e]{color:var(--text-primary);background-color:var(--background-paper-elevation-0);padding:0 var(--spacing-300);display:flex;align-items:center;min-height:var(--spacing-600);border:1px solid var(--common-divider);border-radius:var(--border-radius-md);border-top-right-radius:0;border-top-left-radius:0}.table-body-wrapper[data-v-9cc6b34e]{display:inline-table}.table-header-actions[data-v-9cc6b34e]{margin-left:var(--spacing-100);display:flex;align-items:center}.table-row[data-v-9cc6b34e]{position:relative}.table-row.loading[data-v-9cc6b34e]{opacity:.7}.table-row:not(.expanded):last-child>td[data-v-9cc6b34e]{border-bottom:none}.table-row.expanded:last-child>.expanded-row[data-v-9cc6b34e]{border-bottom:none}.expanded-row[data-v-9cc6b34e]{grid-column:var(--30b75412);border-bottom:1px solid var(--common-divider);background-color:var(--background-default)}table[data-v-9cc6b34e]{position:relative;display:block;overflow:auto;background:var(--background-paper-elevation-0);border:1px solid var(--common-divider);color:var(--text-primary);text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:var(--border-radius-md)}table.hasFooter[data-v-9cc6b34e]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}table td[data-v-9cc6b34e],table th[data-v-9cc6b34e]{line-height:normal;padding:0 var(--spacing-200)}table td[data-v-9cc6b34e]:first-of-type,table th[data-v-9cc6b34e]:first-of-type{padding-left:var(--spacing-300)}table td[data-v-9cc6b34e]:last-of-type,table th[data-v-9cc6b34e]:last-of-type{padding-right:var(--spacing-300)}table td.expand-toggle-cell[data-v-9cc6b34e],table th.expand-toggle-cell[data-v-9cc6b34e]{padding-left:var(--spacing-150);padding-right:var(--spacing-75)}table>thead[data-v-9cc6b34e]{border-bottom:none;z-index:calc(var(--b72a9fc4) + 1);display:inline-table;min-width:100%}table>thead>tr[data-v-9cc6b34e]{color:var(--text-primary);border-bottom:1px solid var(--common-divider);height:var(--spacing-500);display:grid;grid-template-columns:var(--b002aaea)}table>thead>tr>th[data-v-9cc6b34e]{background:var(--background-paper-elevation-0);width:100%;display:flex;align-items:center;cursor:default}table>thead>tr>th.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>thead>tr>th.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>thead>tr>th.isTextRight[data-v-9cc6b34e]{justify-content:flex-end}table>thead>tr>th.isSortable[data-v-9cc6b34e]{cursor:pointer}table>thead.sticky[data-v-9cc6b34e]{position:sticky;top:0;background:white}table>thead.isStickyHeader[data-v-9cc6b34e]{z-index:calc(var(--b72a9fc4) + 2);top:calc(var(--spacing-800) - 1px)}table>tbody[data-v-9cc6b34e]{display:block}table>tbody>*>tr[data-v-9cc6b34e]{background-color:var(--background-default);min-height:var(--2e048053);height:auto;display:grid;align-items:center;grid-template-columns:var(--b002aaea)}table>tbody>*>tr:nth-of-type(2n)>td[data-v-9cc6b34e]{background-color:var(--background-default)}table>tbody>*>tr:hover:not(.loading)>td[data-v-9cc6b34e]{background-color:var(--background-paper-elevation-1)}table>tbody td[data-v-9cc6b34e]{background-color:var(--background-default);border:none;min-width:0;display:flex;min-height:var(--2e048053);height:auto;width:100%;place-items:center;border-bottom:1px solid var(--common-divider);justify-content:start}table>tbody td.bordered[data-v-9cc6b34e]{border-right:1px solid var(--common-divider)}table>tbody td.bordered.isStickyRight[data-v-9cc6b34e]{border-right:none;border-left:1px solid var(--common-divider)}table>tbody td.isTextRight[data-v-9cc6b34e]{justify-content:flex-end;text-align:right}.section-container[data-v-9cc6b34e]{left:0}.sections[data-v-9cc6b34e]{display:flex}.section[data-v-9cc6b34e]{padding:0 1.5rem;background:var(--background-default);left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid var(--common-divider)}.table-cell[data-v-9cc6b34e]{width:100%}.empty-state[data-v-9cc6b34e]{min-height:250px}
package/DataGridRowsCounter.vue_vue_type_style_index_0_scoped_9e366543_lang.css ADDED
@@ -0,0 +1 @@
1
+ .data-grid-rows-counter[data-v-9e366543]{color:var(--text-secondary)}.text-strong[data-v-9e366543]{color:var(--text-primary)}
package/OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css ADDED
@@ -0,0 +1 @@
1
+ .label[data-v-17d78416]{color:#41454d}.item-container[data-v-17d78416]{display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-17d78416]{cursor:initial;color:var(--text-disabled)}.item-container[data-v-17d78416]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-17d78416],.item-container[data-v-17d78416]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-17d78416]{background-color:var(--action-selected)}.subtitle[data-v-17d78416]{color:#7b838c;line-height:1rem}.clear-button[data-v-17d78416]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-17d78416]:hover{color:#3083ff}.item[data-v-17d78416]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-17d78416],.item--multi[data-v-17d78416]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-17d78416]{width:20px;height:20px;flex:none}.item .image img[data-v-17d78416]{width:20px;height:20px;border-radius:4px}.item .start-icon[data-v-17d78416]{display:flex;color:var(--action-active)}.text-container[data-v-17d78416]{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
package/README.md CHANGED
@@ -37,6 +37,8 @@ To release a new version of the package (due to breaking changes), you need to f
37
37
  4. Create new `release/x.x.x` from `main` branch again with the relevant major number.
38
38
  5. From new `release/x.x.x` branch create a PR to `main` branch.
39
39
 
40
+ Playwright Shared Commands version will be published with the same version number as the main library
41
+
40
42
  ## Testing
41
43
 
42
44
  Uses Vitest + Vue Test Utils (runs automatically on commit)
@@ -110,18 +112,21 @@ Uses ESLint + Prettier rules (runs automatically on commit)
110
112
  npm run lint
111
113
  ```
112
114
 
113
- ## Visual Tests
115
+ ## Playwright Shared Commands
116
+
117
+ This is a project to share fast access to shared components with creating a NPM package with the same version as Shared-UI.
118
+
119
+ To run Playwright with local storybook you have to run Strorybook first with the special build:
120
+
121
+ ```
122
+ npm run storybook:pw
123
+ ```
114
124
 
115
- Uses jest, puppeteer and jest-image-snapshot packages
125
+ and then to open Playwright UI widget:
116
126
 
117
- On CI process:
127
+ ```
128
+ cd e2e/playwright
129
+ npm run pw:ui:local
130
+ ```
118
131
 
119
- 1. on every push the step-visual-test.yml workflow will be triggered
120
- 2. visual tests results will be saved on s3 bucket
121
- 3. the comparing will be against master->stable folder
122
- 4. unless there is a nested folder "stable" under a folder with the same branch name.
123
- 5. on failure a new folder with commit id will be created under the branch folder on s3
124
- 6. the failed tests will be under the "**diff_output**" nested folder
125
- 7. if changes are required, manually trigger the workflow with update input as true
126
- 8. a new folder named "stable" will be created under the branch name folder on s3
127
- 9. on merge to master branch folder will be copy to master.
132
+ Read more about this project <a href="https://github.com/ironsource-mobile/shared-ui-ssp/blob/main/e2e/playwright/README.md">here</a>.
package/ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css ADDED
@@ -0,0 +1 @@
1
+ span[data-v-137fabdf]{display:inline}
package/ThemeWrapper.vue_vue_type_style_index_1_lang.css ADDED
@@ -0,0 +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}
package/TooltipV4.vue_vue_type_style_index_0_scoped_cde15298_lang.css ADDED
@@ -0,0 +1 @@
1
+ div[data-v-cde15298]{display:block}
package/TooltipV4.vue_vue_type_style_index_1_lang.css CHANGED
@@ -1 +1 @@
1
- .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.label{color:#41454d}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
1
+ .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.label{color:#41454d}.v-popper--theme-light-theme-v4.v4-tooltip{display:inline-flex}.v-popper--theme-light-theme-v4.v4-tooltip .container{display:inline-flex;align-items:center}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper{background-color:var(--common-white);border-radius:8px;box-shadow:var(--elevation-md);border:none;border:1px solid var(--common-divider-elevation-0)}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__wrapper{padding:0;max-width:21.875rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{font-size:.813rem}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__inner{text-align:start;line-height:1.125rem;padding:8px 12px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{border-color:var(--common-white);visibility:visible;border-width:6.5px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{border-color:var(--common-divider-elevation-0);border-width:8px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer:after{box-shadow:0 0 1px 1px #000;position:relative;width:3px;height:3px;background-color:red}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-container{width:12px;height:12px;pointer-events:none}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-inner{width:13px;height:13px}.v-popper--theme-light-theme-v4.v4-tooltip .v-popper__arrow-outer{width:16px;height:16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-13px;left:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:7px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-end.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-end.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{left:-10px}.v-popper--theme-light-theme-v4.v4-tooltip.bottom-start.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper--theme-light-theme-v4.v4-tooltip.top-start.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{left:-8.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-13px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-16px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:2px;top:.5px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{top:-1px;left:2px}.v-popper--theme-light-theme-v4.v4-tooltip.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:0;left:.5px}
package/components/ThemeWrapper/ThemeStrore.js ADDED
@@ -0,0 +1,13 @@
1
+ import { ref as t } from "vue";
2
+ const g = () => {
3
+ const e = t("light");
4
+ return {
5
+ theme: e,
6
+ toggleTheme: () => {
7
+ e.value = e.value === "light" ? "dark" : "light";
8
+ }
9
+ };
10
+ };
11
+ export {
12
+ g as useThemeStore
13
+ };
package/components/ThemeWrapper/ThemeWrapper.vue.d.ts CHANGED
@@ -1,8 +1,14 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  version: "v3" | "v4";
3
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
3
+ }>, {
4
+ version: string;
5
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
6
  version: "v3" | "v4";
5
- }>>>, {}>, {
7
+ }>, {
8
+ version: string;
9
+ }>>>, {
10
+ version: "v3" | "v4";
11
+ }>, {
6
12
  default?(_: {}): any;
7
13
  }>;
8
14
  export default _default;
@@ -15,6 +21,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
15
21
  required: true;
16
22
  };
17
23
  };
24
+ type __VLS_WithDefaults<P, D> = {
25
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
26
+ default: D[K];
27
+ }> : P[K];
28
+ };
29
+ type __VLS_Prettify<T> = {
30
+ [K in keyof T]: T[K];
31
+ } & {};
18
32
  type __VLS_WithTemplateSlots<T, S> = T & {
19
33
  new (): {
20
34
  $slots: S;
package/components/ThemeWrapper/ThemeWrapper.vue.js ADDED
@@ -0,0 +1,8 @@
1
+ import e from "./ThemeWrapper.vue2.js";
2
+ /* empty css *//* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css"; //*');
4
+ // import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css"; //');
5
+ const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-137fabdf"]]);
6
+ export {
7
+ t as default
8
+ };
package/components/ThemeWrapper/ThemeWrapper.vue2.js ADDED
@@ -0,0 +1,22 @@
1
+ import "../../ThemeWrapper.vue_vue_type_style_index_0_scoped_137fabdf_lang.css"; import "../../ThemeWrapper.vue_vue_type_style_index_1_lang.css"; import { defineComponent as a, computed as l, openBlock as m, createElementBlock as c, normalizeClass as p, unref as u, renderSlot as h } from "vue";
2
+ import { useThemeStore as i } from "./ThemeStrore.js";
3
+ const v = /* @__PURE__ */ a({
4
+ __name: "ThemeWrapper",
5
+ props: {
6
+ version: { default: "v4" }
7
+ },
8
+ setup(o) {
9
+ const s = o, r = l(() => {
10
+ const e = [], { theme: t } = i(), n = t.value === "light" ? "light-theme" : "dark-theme";
11
+ return e.push(n), e.push(s.version), e.join("-");
12
+ });
13
+ return (e, t) => (m(), c("div", {
14
+ class: p(u(r))
15
+ }, [
16
+ h(e.$slots, "default", {}, void 0, !0)
17
+ ], 2));
18
+ }
19
+ });
20
+ export {
21
+ v as default
22
+ };
package/components/ThemeWrapper/index.d.ts ADDED
@@ -0,0 +1,79 @@
1
+ import ThemeWrapper from './ThemeWrapper.vue';
2
+ declare const FormCardTypes: () => ({
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{
7
+ version: "v3" | "v4";
8
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
9
+ version: {
10
+ type: import("vue").PropType<"v3" | "v4">;
11
+ required: true;
12
+ default: string;
13
+ };
14
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "version">;
15
+ $attrs: {
16
+ [x: string]: unknown;
17
+ };
18
+ $refs: {
19
+ [x: string]: unknown;
20
+ };
21
+ $slots: Readonly<{
22
+ [name: string]: import("vue").Slot;
23
+ }>;
24
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
25
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
26
+ $emit: (event: string, ...args: any[]) => void;
27
+ $el: any;
28
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
29
+ version: {
30
+ type: import("vue").PropType<"v3" | "v4">;
31
+ required: true;
32
+ default: string;
33
+ };
34
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
35
+ version: "v3" | "v4";
36
+ }, {}, string> & {
37
+ beforeCreate?: (() => void) | (() => void)[];
38
+ created?: (() => void) | (() => void)[];
39
+ beforeMount?: (() => void) | (() => void)[];
40
+ mounted?: (() => void) | (() => void)[];
41
+ beforeUpdate?: (() => void) | (() => void)[];
42
+ updated?: (() => void) | (() => void)[];
43
+ activated?: (() => void) | (() => void)[];
44
+ deactivated?: (() => void) | (() => void)[];
45
+ beforeDestroy?: (() => void) | (() => void)[];
46
+ beforeUnmount?: (() => void) | (() => void)[];
47
+ destroyed?: (() => void) | (() => void)[];
48
+ unmounted?: (() => void) | (() => void)[];
49
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
50
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
51
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
52
+ };
53
+ $forceUpdate: () => void;
54
+ $nextTick: typeof import("vue").nextTick;
55
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
56
+ } & Readonly<import("vue").ExtractPropTypes<{
57
+ version: {
58
+ type: import("vue").PropType<"v3" | "v4">;
59
+ required: true;
60
+ default: string;
61
+ };
62
+ }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
63
+ __isFragment?: never;
64
+ __isTeleport?: never;
65
+ __isSuspense?: never;
66
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
67
+ version: {
68
+ type: import("vue").PropType<"v3" | "v4">;
69
+ required: true;
70
+ default: string;
71
+ };
72
+ }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
73
+ version: "v3" | "v4";
74
+ }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
75
+ $slots: {
76
+ default?(_: {}): any;
77
+ };
78
+ }))[];
79
+ export { ThemeWrapper, FormCardTypes };
package/components/ThemeWrapper/index.js ADDED
@@ -0,0 +1,6 @@
1
+ import r from "./ThemeWrapper.vue.js";
2
+ const o = () => [r];
3
+ export {
4
+ o as FormCardTypes,
5
+ r as ThemeWrapper
6
+ };
package/components/dropdown/v4/AppDropdownTrigger.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./AppDropdownTrigger.vue2.js";
2
- /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css"; //*');
4
- const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c48dc06e"]]);
2
+ /* empty css */import p from "../../../_virtual/_plugin-vue_export-helper.js";
3
+ // import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css"; //*');
4
+ const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-28bb325a"]]);
5
5
  export {
6
- c as default
6
+ s as default
7
7
  };
package/components/dropdown/v4/AppDropdownTrigger.vue2.js CHANGED
@@ -1,34 +1,21 @@
1
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_c48dc06e_lang.css"; import { defineComponent as b, computed as r, openBlock as n, createElementBlock as a, normalizeClass as w, createElementVNode as o, mergeProps as h, unref as l, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as C, toDisplayString as A, pushScopeId as B, popScopeId as x } from "vue";
2
- import p from "../../icon/v4/IconV4.vue.js";
3
- import S from "../../typography/v4/Typography.vue.js";
1
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_28bb325a_lang.css"; import { defineComponent as A, computed as p, openBlock as o, createElementBlock as n, normalizeClass as V, createElementVNode as a, mergeProps as h, unref as t, renderSlot as v, createCommentVNode as s, createVNode as i, withCtx as T, toDisplayString as B } from "vue";
2
+ import c from "../../icon/v4/IconV4.vue.js";
3
+ import x from "../../typography/v4/Typography.vue.js";
4
4
  import { DropdownTestIdModifiers as u } from "../../../testids/index.js";
5
5
  import { useTestIdAttrs as K } from "../../../utils/testIds.js";
6
6
  import N from "../../tooltip/v4/TooltipV4.vue.js";
7
- import { useClipboard as $ } from "@vueuse/core";
8
- import { Snackbar as z } from "../../snackbar/v4/index.js";
9
- const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trigger--content" }, H = {
7
+ import { useClipboard as z } from "@vueuse/core";
8
+ import { Snackbar as $ } from "../../snackbar/v4/index.js";
9
+ const w = { class: "app-trigger--content" }, S = {
10
10
  key: 0,
11
11
  class: "image"
12
- }, M = ["src"], P = {
12
+ }, D = ["src"], E = {
13
13
  key: 1,
14
14
  class: "start-icon"
15
- }, R = { class: "label-text" }, U = { key: 0 }, Z = { class: "text-content" }, W = { class: "text-content-value" }, j = {
15
+ }, P = { class: "label-text" }, R = { key: 0 }, U = { class: "text-content" }, M = { class: "text-content-value" }, W = {
16
16
  key: 0,
17
17
  class: "is-mandatory"
18
- }, q = /* @__PURE__ */ D(() => /* @__PURE__ */ o("div", { class: "app-trigger-key--content" }, [
19
- /* @__PURE__ */ o("svg", {
20
- xmlns: "http://www.w3.org/2000/svg",
21
- width: "16",
22
- height: "16",
23
- viewBox: "0 0 16 16",
24
- fill: "none"
25
- }, [
26
- /* @__PURE__ */ o("path", {
27
- d: "M8.43317 6.66667C7.8865 5.11333 6.4065 4 4.6665 4C2.45984 4 0.666504 5.79333 0.666504 8C0.666504 10.2067 2.45984 12 4.6665 12C6.4065 12 7.8865 10.8867 8.43317 9.33333H11.3332V12H13.9998V9.33333H15.3332V6.66667H8.43317ZM4.6665 9.33333C3.93317 9.33333 3.33317 8.73333 3.33317 8C3.33317 7.26667 3.93317 6.66667 4.6665 6.66667C5.39984 6.66667 5.99984 7.26667 5.99984 8C5.99984 8.73333 5.39984 9.33333 4.6665 9.33333Z",
28
- fill: "#808080"
29
- })
30
- ])
31
- ], -1)), te = /* @__PURE__ */ b({
18
+ }, j = { class: "" }, q = { class: "app-trigger-key--content" }, _ = /* @__PURE__ */ A({
32
19
  __name: "AppDropdownTrigger",
33
20
  props: {
34
21
  placeholder: { default: "Select app" },
@@ -52,89 +39,94 @@ const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trig
52
39
  optionIconType: { default: null }
53
40
  },
54
41
  emits: ["click"],
55
- setup(t, { emit: T }) {
56
- const e = t, { copy: k } = $({}), I = r(
42
+ setup(l, { emit: k }) {
43
+ const e = l, { copy: O } = z({}), C = p(
57
44
  () => e.feedbackVariant ? `state-${e.feedbackVariant}` : ""
58
- ), O = () => {
59
- T("click");
60
- }, y = K(e.testId, u), f = "All apps selected", m = r(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = r(() => {
45
+ ), I = () => {
46
+ k("click");
47
+ }, y = K(e.testId, u), f = "All apps selected", m = p(() => e.multi ? !Array.isArray(e.selectedOption) || !e.selectedOption?.length ? e.placeholder : e.options?.length === e.selectedOption.length ? f : e.selectedOption?.length === 1 && e.displayValue ? e.displayValue(e.selectedOption[0]) : `${e.selectedOption.length} selected` : e.selectedOption ? e.displayValue(e.selectedOption) : e.placeholder), d = p(() => {
61
48
  if (!e.selectedOption)
62
49
  return null;
63
50
  if (!e.multi)
64
51
  return e.selectedOption;
65
52
  if (Array.isArray(e.selectedOption))
66
53
  return e.selectedOption.length === 1 ? e.selectedOption[0] : null;
67
- }), V = () => {
68
- k(e.valueToCopy), z({
54
+ }), b = () => {
55
+ O(e.valueToCopy), $({
69
56
  title: "Copied successfully",
70
57
  type: "success",
71
58
  duration: 2e3
72
59
  });
73
60
  };
74
- return (c, g) => (n(), a("div", {
75
- class: w(["app-trigger-wrapper", { "with-copy": !!t.valueToCopy }])
61
+ return (r, g) => (o(), n("div", {
62
+ class: V(["app-trigger-wrapper", { "with-copy": !!l.valueToCopy }])
76
63
  }, [
77
- o("div", h({
78
- class: ["app-trigger", [t.size, l(I), { open: t.open, disabled: t.disabled }]]
79
- }, l(y)[l(u).BUTTON_WRAPPER], {
80
- onClick: g[0] || (g[0] = (F) => O())
64
+ a("div", h({
65
+ class: ["app-trigger", [l.size, t(C), { open: l.open, disabled: l.disabled }]]
66
+ }, t(y)[t(u).BUTTON_WRAPPER], {
67
+ onClick: g[0] || (g[0] = (F) => I())
81
68
  }), [
82
- o("div", E, [
83
- c.$slots.image || l(d) && t.optionImageKey ? (n(), a("div", H, [
84
- v(c.$slots, "image", {}, () => [
85
- t.optionImageKey ? (n(), a("img", {
69
+ a("div", w, [
70
+ r.$slots.image || t(d) && l.optionImageKey ? (o(), n("div", S, [
71
+ v(r.$slots, "image", {}, () => [
72
+ l.optionImageKey ? (o(), n("img", {
86
73
  key: 0,
87
- src: l(d)[t.optionImageKey]
88
- }, null, 8, M)) : s("", !0)
74
+ src: t(d)[l.optionImageKey]
75
+ }, null, 8, D)) : s("", !0)
89
76
  ], !0)
90
77
  ])) : s("", !0),
91
- c.$slots["icon-start"] || l(d) && t.optionIconKey ? (n(), a("div", P, [
92
- v(c.$slots, "icon-start", {}, () => [
93
- i(l(p), {
94
- type: t.optionIconType,
95
- name: l(d)[t.optionIconKey],
78
+ r.$slots["icon-start"] || t(d) && l.optionIconKey ? (o(), n("div", E, [
79
+ v(r.$slots, "icon-start", {}, () => [
80
+ i(t(c), {
81
+ type: l.optionIconType,
82
+ name: t(d)[l.optionIconKey],
96
83
  size: "16px"
97
84
  }, null, 8, ["type", "name"])
98
85
  ], !0)
99
86
  ])) : s("", !0),
100
- i(l(S), h({ variant: "button" }, l(y)[l(u).BUTTON_CONTENT], { class: "displayed-value" }), {
101
- default: C(() => [
102
- o("div", R, [
103
- l(m) === f ? (n(), a("span", U, [
104
- i(l(p), {
87
+ i(t(x), h({ variant: "button" }, t(y)[t(u).BUTTON_CONTENT], { class: "displayed-value" }), {
88
+ default: T(() => [
89
+ a("div", P, [
90
+ t(m) === f ? (o(), n("span", R, [
91
+ i(t(c), {
105
92
  name: "cube",
106
93
  size: "20px",
107
94
  type: "fill"
108
95
  })
109
96
  ])) : s("", !0),
110
- o("div", Z, [
111
- o("div", W, A(l(m)), 1),
112
- t.mandatory ? (n(), a("span", j, "*")) : s("", !0)
97
+ a("div", U, [
98
+ a("div", M, B(t(m)), 1),
99
+ l.mandatory ? (o(), n("span", W, "*")) : s("", !0)
113
100
  ])
114
101
  ])
115
102
  ]),
116
103
  _: 1
117
104
  }, 16)
118
105
  ]),
119
- o("div", null, [
120
- i(l(p), {
106
+ a("div", j, [
107
+ i(t(c), {
121
108
  name: "caret-down",
122
109
  size: "20px",
123
110
  class: "app-trigger--icon"
124
111
  })
125
112
  ])
126
113
  ], 16),
127
- t.valueToCopy ? (n(), a("div", {
114
+ l.valueToCopy ? (o(), n("div", {
128
115
  key: 0,
129
116
  class: "app-trigger-key",
130
- onClick: V
117
+ onClick: b
131
118
  }, [
132
- i(l(N), {
133
- text: t.valueToCopy,
119
+ i(t(N), {
120
+ text: l.valueToCopy,
134
121
  header: "App key"
135
122
  }, {
136
- default: C(() => [
137
- q
123
+ default: T(() => [
124
+ a("div", q, [
125
+ i(t(c), {
126
+ name: "copy",
127
+ size: "20px"
128
+ })
129
+ ])
138
130
  ]),
139
131
  _: 1
140
132
  }, 8, ["text"])
@@ -143,5 +135,5 @@ const D = (t) => (B("data-v-c48dc06e"), t = t(), x(), t), E = { class: "app-trig
143
135
  }
144
136
  });
145
137
  export {
146
- te as default
138
+ _ as default
147
139
  };
package/components/dropdown/v4/OptionV4.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./OptionV4.vue2.js";
2
2
  /* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; //*');
4
- const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2a214b95"]]);
3
+ // import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; //*');
4
+ const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-17d78416"]]);
5
5
  export {
6
6
  s as default
7
7
  };
package/components/dropdown/v4/OptionV4.vue2.js CHANGED
@@ -1,4 +1,4 @@
1
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_2a214b95_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
1
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_17d78416_lang.css"; import { defineComponent as $, openBlock as n, createElementBlock as o, normalizeClass as y, unref as t, createElementVNode as d, createBlock as k, createCommentVNode as l, renderSlot as m, createVNode as r, withCtx as b, createTextVNode as g, toDisplayString as h, withModifiers as p } from "vue";
2
2
  import "../../typography/Heading.vue.js";
3
3
  import N from "../../typography/Text.vue.js";
4
4
  import T from "../../checkbox/v4/CheckboxV4.vue.js";
package/components/table/v4/DataGrid.vue.d.ts CHANGED
@@ -154,6 +154,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
154
154
  title?(_: {}): any;
155
155
  search?(_: {}): any;
156
156
  "table-header-actions"?(_: {}): any;
157
+ "select-all-checkbox"?(_: {}): any;
157
158
  loader?(_: {}): any;
158
159
  expanded?(_: {
159
160
  row: import("@vueuse/core").UseVirtualListItem<Row>;
package/components/table/v4/DataGrid.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./DataGrid.vue2.js";
2
2
  /* empty css */import e from "../../../_virtual/_plugin-vue_export-helper.js";
3
- // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_4e432056_lang.css"; //*');
4
- const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-4e432056"]]);
3
+ // import "../../../DataGrid.vue_vue_type_style_index_0_scoped_9cc6b34e_lang.css"; //*');
4
+ const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9cc6b34e"]]);
5
5
  export {
6
- a as default
6
+ s as default
7
7
  };