@zeedhi/teknisa-components-vuetify 1.117.1 → 3.0.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 (92) hide show
  1. package/.package.json +49 -0
  2. package/dist/teknisa-vuetify.css +1 -0
  3. package/dist/teknisa-vuetify.js +3882 -0
  4. package/environments.json +16 -0
  5. package/package.json +18 -17
  6. package/src/components/index.ts +38 -0
  7. package/src/components/public.ts +41 -0
  8. package/src/components/tek-breadcrumb-header/TekBreadcrumbHeader.ts +34 -0
  9. package/src/components/tek-breadcrumb-header/TekBreadcrumbHeader.vue +75 -0
  10. package/src/components/tek-grid/TekGrid.ts +318 -0
  11. package/src/components/tek-grid/TekGrid.vue +235 -0
  12. package/src/components/tek-grid/column-filter/TekGridColumnFilter.ts +244 -0
  13. package/src/components/tek-grid/column-filter/TekGridColumnFilter.vue +93 -0
  14. package/src/components/tek-grid/column-header/TekGridHeaderRow.ts +147 -0
  15. package/src/components/tek-grid/column-header/TekGridHeaderRow.vue +78 -0
  16. package/src/components/tek-grid/columns-button/TekGridColumnsButton.ts +96 -0
  17. package/src/components/tek-grid/columns-button/TekGridColumnsButton.vue +273 -0
  18. package/src/components/tek-grid/columns-button/TekGridColumnsOptionsController.ts +470 -0
  19. package/src/components/tek-grid/columns-button/TekGridColumnsOptionsModal.ts +513 -0
  20. package/src/components/tek-grid/filter-button/TekGridFilterButton.ts +47 -0
  21. package/src/components/tek-grid/filter-button/TekGridFilterButton.vue +28 -0
  22. package/src/components/tek-grid/indentation/TekGridIndentation.ts +21 -0
  23. package/src/components/tek-grid/indentation/TekGridIndentation.vue +33 -0
  24. package/src/components/tek-grid/layout-options/TekGridLayoutOptions.ts +119 -0
  25. package/src/components/tek-grid/layout-options/TekGridLayoutOptions.vue +172 -0
  26. package/src/components/tek-grid/row/TekGridFooterRow.ts +62 -0
  27. package/src/components/tek-grid/row/TekGridFooterRow.vue +64 -0
  28. package/src/components/tek-grid/row/TekGridGroupRow.ts +65 -0
  29. package/src/components/tek-grid/row/TekGridGroupRow.vue +65 -0
  30. package/src/components/tek-user-info/TekUserInfo.ts +51 -0
  31. package/src/components/tek-user-info/TekUserInfo.vue +53 -0
  32. package/src/components/tek-user-info/TekUserInfoList.ts +39 -0
  33. package/src/components/tek-user-info/TekUserInfoList.vue +12 -0
  34. package/src/composables/useTableLayout.ts +290 -0
  35. package/src/index.ts +29 -0
  36. package/src/shims-vue.d.ts +6 -0
  37. package/src/styles/index.scss +0 -0
  38. package/src/utils/isArrayOperation.ts +5 -0
  39. package/types/components/index.d.ts +5 -3
  40. package/types/components/public.d.ts +5 -18
  41. package/types/components/tek-breadcrumb-header/TekBreadcrumbHeader.d.ts +1137 -12
  42. package/types/components/tek-breadcrumb-header/TekBreadcrumbHeader.ts.d.ts +1138 -0
  43. package/types/components/tek-grid/TekGrid.d.ts +7208 -86
  44. package/types/components/tek-grid/TekGrid.ts.d.ts +7211 -0
  45. package/types/components/tek-grid/column-filter/TekGridColumnFilter.d.ts +130 -0
  46. package/types/components/tek-grid/column-filter/TekGridColumnFilter.ts.d.ts +130 -0
  47. package/types/components/tek-grid/column-header/TekGridHeaderRow.d.ts +225 -0
  48. package/types/components/tek-grid/column-header/TekGridHeaderRow.ts.d.ts +225 -0
  49. package/types/components/tek-grid/columns-button/TekGridColumnsButton.d.ts +2432 -0
  50. package/types/components/tek-grid/columns-button/TekGridColumnsButton.ts.d.ts +2432 -0
  51. package/types/components/tek-grid/{TekGridColumnsOptionsController.d.ts → columns-button/TekGridColumnsOptionsController.d.ts} +7 -8
  52. package/types/components/tek-grid/{TekGridColumnsOptionsModal.d.ts → columns-button/TekGridColumnsOptionsModal.d.ts} +2 -3
  53. package/types/components/tek-grid/filter-button/TekGridFilterButton.d.ts +2920 -0
  54. package/types/components/tek-grid/filter-button/TekGridFilterButton.ts.d.ts +2920 -0
  55. package/types/components/tek-grid/indentation/TekGridIndentation.d.ts +32 -0
  56. package/types/components/tek-grid/indentation/TekGridIndentation.ts.d.ts +32 -0
  57. package/types/components/tek-grid/layout-options/TekGridLayoutOptions.d.ts +1893 -0
  58. package/types/components/tek-grid/layout-options/TekGridLayoutOptions.ts.d.ts +1893 -0
  59. package/types/components/tek-grid/row/TekGridFooterRow.d.ts +90 -0
  60. package/types/components/tek-grid/row/TekGridFooterRow.ts.d.ts +90 -0
  61. package/types/components/tek-grid/row/TekGridGroupRow.d.ts +87 -0
  62. package/types/components/tek-grid/row/TekGridGroupRow.ts.d.ts +87 -0
  63. package/types/components/tek-user-info/TekUserInfo.d.ts +1937 -10
  64. package/types/components/tek-user-info/TekUserInfo.ts.d.ts +1940 -0
  65. package/types/components/tek-user-info/TekUserInfoList.d.ts +1014 -8
  66. package/types/components/tek-user-info/TekUserInfoList.ts.d.ts +1015 -0
  67. package/types/composables/useTableLayout.d.ts +26 -0
  68. package/types/index.d.ts +2 -2
  69. package/types/utils/isArrayOperation.d.ts +2 -0
  70. package/dist/tek-components-vuetify.esm.js +0 -8924
  71. package/dist/tek-components-vuetify.umd.js +0 -8949
  72. package/types/components/crud/TekCrudAddButton.d.ts +0 -14
  73. package/types/components/crud/TekCrudButton.d.ts +0 -12
  74. package/types/components/crud/TekCrudCancelButton.d.ts +0 -12
  75. package/types/components/crud/TekCrudDeleteButton.d.ts +0 -14
  76. package/types/components/crud/TekCrudForm.d.ts +0 -9
  77. package/types/components/crud/TekCrudSaveButton.d.ts +0 -11
  78. package/types/components/tek-card-title/TekCardTitle.d.ts +0 -16
  79. package/types/components/tek-drag-grid/TekDragGrid.d.ts +0 -20
  80. package/types/components/tek-grid/TekGridColumnsButton.d.ts +0 -16
  81. package/types/components/tek-grid/TekGridFilterButton.d.ts +0 -27
  82. package/types/components/tek-grid/TekGridLayoutOptions.d.ts +0 -19
  83. package/types/components/tek-grid/subcomponents/TekGridCellIdentation.d.ts +0 -9
  84. package/types/components/tek-grid/subcomponents/TekGridColumnFilter.d.ts +0 -16
  85. package/types/components/tek-grid/subcomponents/TekGridHeaderIndentation.d.ts +0 -5
  86. package/types/components/tek-image/TekImage.d.ts +0 -20
  87. package/types/components/tek-iterable-carousel/TekIterableCarousel.d.ts +0 -11
  88. package/types/components/tek-iterable-component-render/TekIterableComponentRender.d.ts +0 -9
  89. package/types/components/tek-loading/TekLoading.d.ts +0 -9
  90. package/types/components/tek-notifications/TekNotifications.d.ts +0 -12
  91. package/types/components/tek-product-card/TekProductCard.d.ts +0 -24
  92. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +0 -72
package/.package.json ADDED
@@ -0,0 +1,49 @@
1
+ {
2
+ "name": "@zeedhi/teknisa-components-vuetify",
3
+ "version": "3.0.0",
4
+ "description": "Teknisa Components based on Vuetify",
5
+ "author": "Zeedhi <zeedhi@teknisa.com>",
6
+ "license": "ISC",
7
+ "main": "src/index.ts",
8
+ "module": "dist/teknisa-vuetify.js",
9
+ "typings": "types/index.d.ts",
10
+ "type": "module",
11
+ "publishConfig": {
12
+ "access": "public"
13
+ },
14
+ "scripts": {
15
+ "build": "rollup -c && npm run build:scss",
16
+ "build:scss": "rollup -c rollup.scss.config.js",
17
+ "docs": "typedoc --out docs src/",
18
+ "lint": "eslint . --ext .ts --fix",
19
+ "watch": "rollup -cw"
20
+ },
21
+ "dependencies": {
22
+ "@zeedhi/teknisa-components-common": "^3.0.0",
23
+ "@zeedhi/vuetify": "^3.0.0",
24
+ "@zeedhi/zd-user-info-common": "^3.0.0",
25
+ "@zeedhi/zd-user-info-vue": "^3.0.0",
26
+ "lodash.clonedeep": "4.5.*",
27
+ "lodash.debounce": "4.0.*",
28
+ "lodash.merge": "4.6.*",
29
+ "sortablejs": "1.15.*",
30
+ "vue": "^3.0.0",
31
+ "vuetify": "~3.9.0"
32
+ },
33
+ "devDependencies": {
34
+ "@rollup/plugin-commonjs": "^24.0.1",
35
+ "@rollup/plugin-json": "^6.0.0",
36
+ "@rollup/plugin-typescript": "^11.1.1",
37
+ "@types/jest": "26.0.*",
38
+ "@types/lodash.clonedeep": "4.5.*",
39
+ "@types/lodash.debounce": "4.0.*",
40
+ "@types/lodash.merge": "4.6.*",
41
+ "@types/sortablejs": "1.15.*",
42
+ "rollup-plugin-vue": "^6.0.0",
43
+ "ts-jest": "26.5.*"
44
+ },
45
+ "gitHead": "072b436661242806245a2e5906466b1e800760bd",
46
+ "env": {
47
+ "NODE_ENV": "production"
48
+ }
49
+ }
@@ -0,0 +1 @@
1
+ .tek-grid .zd-grid__row:not(.tek-grid-group-row) :nth-child(1 of td:not(.zd-grid__selectable-cell)){display:flex}.tek-grid .is-rotated{transform:rotate(180deg);transition:transform .3s ease}.tek-grid .zd-grid__toolbar{height:38px}.tek-grid .zd-grid__toolbar .toolbar-divider{margin:10px}.tek-grid .zd-grid__toolbar .zd-search{width:200px}.tek-grid-columns-button-options{max-height:250px;display:flex;flex-direction:column;background-color:#fff}.tek-grid-columns-button-options.theme--dark{background-color:#1e1e1e}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper{flex:1;overflow-y:auto}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table{font-size:13px;border-spacing:0;width:100%}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th{padding:var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);white-space:nowrap;text-align:left;position:sticky;top:0;z-index:10;background-color:var(--zd-background-base)}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td{padding:var(--spacing-1) var(--spacing-2);white-space:nowrap}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name{cursor:-webkit-grab}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name>span{padding-right:4px}.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation{max-width:150px}.tek-grid-columns-button-options .tek-grid-columns-button-table-footer{display:flex}.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button{flex:1}.tek-grid-columns-button-sortable-drag{background:#fff}.tek-grid-column-option-box{margin:var(--spacing-1);background:#ccc;padding:2px var(--spacing-1);cursor:pointer}.tek-grid-column-option-box>*{display:inline-block}.tek-grid-column-option-box>.zd-icon{font-size:.9rem;margin-left:var(--spacing-2)}.tek-grid-column-option-box.tek-grid-column-option-grouped-true{cursor:default;background:#fafafa}.tek-grid-column-option-box.tek-grid-column-option-grouped-true>.zd-icon{display:none}.tek-grid-column-option-box.tek-grid-column-option-selected-true{background:var(--v-primary-base);color:#fff}.tek-grid-column-option-box.tek-grid-column-option-selected-true>.zd-icon{color:#fff}.tek-grid-column-option-container-col{position:relative}.tek-grid-column-option-container-col .tek-grid-column-option-container{background:#eee;padding:var(--spacing-1);max-height:100px;min-height:42px;align-content:center;position:relative}.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer{display:none !important}.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;font-size:.7rem}.tek-grid-column-option-container-col .tek-grid-column-option-label{font-weight:var(--zd-font-body2-weight)}.tek-grid-column-option-container-col .tek-grid-column-option-select-all{position:absolute;top:.5rem;right:var(--spacing-1);color:var(--v-primary-base);cursor:pointer;font-size:.8rem}.tek-grid-column-option-container-col .tek-grid-column-option-drop-here{position:absolute;z-index:100;left:50%;transform:translateX(-50%);top:35px}.tek-grid-column-option-detail-name{color:var(--v-primary-base);font-weight:var(--zd-font-body2-weight);font-size:1.1rem;margin-top:var(--spacing-6)}.tek-grid-indentation{display:flex;width:8px;margin-left:10px;height:100%}.tek-grid-indentation--divider{border-left:solid 1px #ccc}.tek-grid-indentation--corner{height:60%;border-bottom:1px solid #ccc}.zd-container.tek-grid-filter-content-container{position:relative;left:calc(var(--zd-default-padding)*-1) !important;padding-left:var(--zd-default-padding) !important;width:calc(100% + var(--zd-default-padding)*2) !important;padding-right:var(--zd-default-padding) !important;max-width:none !important}.tek-breadcrumb-header .v-breadcrumbs-item{padding:0}.tek-breadcrumb-header .tek-breadcrumb-header-title-col{display:flex;padding-top:5px;padding-left:0}.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right{margin-left:auto}.tek-breadcrumb-header .zd-breadcrumbs{padding:0;font-size:var(--zd-font-body2-size)}.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled{color:#667080}.tek-breadcrumb-header .zd-text{color:#667080}.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title{font-size:32px;font-weight:bold;line-height:35px;margin-bottom:10px}.tek-breadcrumb-header .zd-text>p{margin:0}.tek-grid-group-cell{font-weight:bold}.tek-grid-group-cell__container{height:100%;align-items:center;position:sticky}.tek-grid-footer-row--summary{background:var(--row-active-color)}.tek-grid-footer-row--summary .zd-grid__cell-content{font-size:15px}.tek-grid-footer-row .zd-grid__cell-content{padding:0 8px;font-weight:bold}.tek-grid-layout-options-badge .v-badge__badge{font-size:var(--zd-font-caption-size);font-weight:var(--zd-font-caption-weight);line-height:14px;pointer-events:none;background-color:var(--zd-badge-background-color) !important}.tek-grid-layout-options-badge .v-badge__badge span{color:var(--zd-badge-text-color) !important}.tek-grid-layout-item{font-size:13px;cursor:pointer;min-height:30px}.tek-grid-layout-item.selected{font-weight:700}.tek-grid-layout-item:hover.theme--light{background:#eee}.tek-grid-layout-item .tek-grid-layout-item-buttons{position:absolute;right:16px}.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon{font-size:18px}.tek-grid-layout-item-header{max-width:270px;font-size:13px;font-weight:bold;color:var(--v-primary-base) !important;line-height:18px}.tek-grid-layout-item-header.edited{color:var(--v-error-darken2) !important}.tek-grid-layout-item-discard{min-height:30px;padding-top:10px}.about-modal{flex-grow:0;overflow-y:unset;width:auto;border:3px solid var(--v-primary-base)}.about-modal .zd-modal-card,.about-modal .zd-modal-card-text,.about-modal .zd-modal-container,.about-modal .zd-tabs{height:100%}.about-modal .v-card-text{font-size:.875rem !important}.about-modal .zd-modal-card-text{padding:8px !important}.about-modal .zd-modal-container{display:flex;flex-direction:column}.about-modal .zd-tabs,.about-modal .v-tabs-items{overflow-y:auto}.about-modal .zd-image-valid{width:50%;align-items:center}.about-modal #basic-user-info_version_tabs{height:300px !important}.about-modal #basic-user-info_about_image{text-align:center}