@zeedhi/teknisa-components-vuetify 1.68.0 → 1.70.0

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 (4) hide show
  1. package/dist/tek-components-vuetify.esm.js +353 -739
  2. package/dist/tek-components-vuetify.umd.js +353 -739
  3. package/package.json +2 -2
  4. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +7 -1
package/dist/tek-components-vuetify.esm.js CHANGED
@@ -1791,17 +1791,23 @@ var __vue_render__$b = function () {
1791
1791
  ? "active"
1792
1792
  : "",
1793
1793
  ],
1794
- style: {
1795
- "background-color":
1796
- _vm.instance.headerBackground,
1797
- width:
1798
- _vm.calcWidth(
1799
- column,
1800
- column.width ||
1801
- column.maxWidth ||
1802
- column.minWidth
1803
- ) || "unset",
1804
- },
1794
+ style: [
1795
+ {
1796
+ "background-color":
1797
+ _vm.instance.headerBackground,
1798
+ },
1799
+ column.width ||
1800
+ column.maxWidth ||
1801
+ column.minWidth
1802
+ ? "width: " +
1803
+ _vm.calcWidth(
1804
+ column,
1805
+ column.width ||
1806
+ column.maxWidth ||
1807
+ column.minWidth
1808
+ )
1809
+ : "width: unset",
1810
+ ],
1805
1811
  attrs: {
1806
1812
  "column-name": column.name,
1807
1813
  index: index,
@@ -1814,13 +1820,8 @@ var __vue_render__$b = function () {
1814
1820
  staticClass: "zd-table-header-cell",
1815
1821
  style: {
1816
1822
  width:
1817
- _vm.calcWidth(
1818
- column,
1819
- column.width ||
1820
- column.maxWidth ||
1821
- column.minWidth,
1822
- true
1823
- ) || "unset",
1823
+ _vm.setSpanWidth(column) ||
1824
+ "100%",
1824
1825
  },
1825
1826
  },
1826
1827
  [
@@ -2654,22 +2655,19 @@ var __vue_render__$b = function () {
2654
2655
  [
2655
2656
  {
2656
2657
  column: header,
2657
- cellProps: item.groupFooter
2658
- ? {}
2659
- : Object.assign(
2660
- {},
2661
- _vm.instance.getRowStyleConditions(
2662
- item
2663
- ),
2664
- (_vm.instance.cellsApplied[
2665
- _vm.rowKey(item)
2666
- ] || {})[header.name]
2667
- ),
2658
+ rowStyle:
2659
+ _vm.instance.getRowStyleConditions(
2660
+ item
2661
+ ),
2662
+ cellsApplied: (_vm.instance.cellsApplied[
2663
+ _vm.rowKey(item)
2664
+ ] || {})[header.name],
2668
2665
  },
2669
2666
  ],
2670
2667
  function (ref) {
2671
2668
  var column = ref.column;
2672
- var cellProps = ref.cellProps;
2669
+ var rowStyle = ref.rowStyle;
2670
+ var cellsApplied = ref.cellsApplied;
2673
2671
  return [
2674
2672
  column.isVisible &&
2675
2673
  _vm.instance.groupColumnNames.indexOf(
@@ -2678,65 +2676,55 @@ var __vue_render__$b = function () {
2678
2676
  column.type !== "action"
2679
2677
  ? [
2680
2678
  _c(
2681
- "td",
2679
+ "zd-grid-cell",
2682
2680
  {
2683
2681
  key: column.name,
2684
- class: [
2685
- "zd-table-cell",
2686
- "text-" + column.align,
2687
- Object.assign(
2688
- {},
2689
- column,
2690
- cellProps
2691
- ).cssClass,
2692
- {
2693
- "zd-table-column-editable":
2694
- column.editable,
2695
- "zd-table-cell-editable":
2696
- Object.assign(
2697
- {},
2698
- column,
2699
- cellProps
2700
- ).editable &&
2701
- _vm.canEditRowValues[
2702
- _vm.rowKey(item)
2703
- ],
2704
- "zd-table-fixed-column":
2705
- column.fixed,
2706
- },
2707
- {
2708
- "theme--dark":
2709
- (_vm.$vuetify.theme
2710
- .dark &&
2711
- !_vm.instance.light) ||
2712
- _vm.instance.dark,
2713
- },
2714
- {
2715
- "theme--light":
2716
- !_vm.$vuetify.theme
2717
- .dark ||
2718
- _vm.instance.light,
2719
- },
2720
- ],
2721
- style: [
2722
- Object.assign(
2723
- {},
2724
- column,
2725
- cellProps
2726
- ).style,
2727
- Object.assign(
2728
- {},
2729
- column,
2730
- cellProps
2731
- ).cssStyle,
2732
- {
2733
- left: column.fixed
2734
- ? _vm.fixedLeft[
2735
- column.name
2736
- ]
2737
- : "unset",
2738
- },
2739
- ],
2682
+ attrs: {
2683
+ column: column,
2684
+ rowStyle: rowStyle,
2685
+ cellsApplied: cellsApplied,
2686
+ cellClass: [
2687
+ {
2688
+ "zd-table-column-editable":
2689
+ column.editable,
2690
+ "zd-table-cell-editable":
2691
+ Object.assign(
2692
+ {},
2693
+ column,
2694
+ cellsApplied
2695
+ ).editable &&
2696
+ _vm.canEditRowValues[
2697
+ _vm.rowKey(item)
2698
+ ] &&
2699
+ !item.groupFooter,
2700
+ "zd-table-fixed-column":
2701
+ column.fixed,
2702
+ },
2703
+ {
2704
+ "theme--dark":
2705
+ (_vm.$vuetify.theme
2706
+ .dark &&
2707
+ !_vm.instance
2708
+ .light) ||
2709
+ _vm.instance.dark,
2710
+ },
2711
+ {
2712
+ "theme--light":
2713
+ !_vm.$vuetify.theme
2714
+ .dark ||
2715
+ _vm.instance.light,
2716
+ },
2717
+ ],
2718
+ cellStyle: [
2719
+ {
2720
+ left: column.fixed
2721
+ ? _vm.fixedLeft[
2722
+ column.name
2723
+ ]
2724
+ : "unset",
2725
+ },
2726
+ ],
2727
+ },
2740
2728
  on: {
2741
2729
  click: function ($event) {
2742
2730
  _vm.cellClick(
@@ -2799,133 +2787,46 @@ var __vue_render__$b = function () {
2799
2787
  Object.assign(
2800
2788
  {},
2801
2789
  column,
2802
- cellProps
2790
+ cellsApplied
2803
2791
  ).editable &&
2804
2792
  _vm.canEditRowValues[
2805
2793
  _vm.rowKey(item)
2806
2794
  ] &&
2807
2795
  _vm.instance.editing &&
2808
2796
  !item.groupFooter
2809
- ? _c(
2810
- "span",
2811
- {
2812
- directives: [
2813
- {
2814
- name: "show",
2815
- rawName: "v-show",
2816
- value:
2817
- !column.loading,
2818
- expression:
2819
- "!column.loading",
2820
- },
2821
- ],
2822
- staticClass:
2823
- "zd-table-cell-inline-edit",
2824
- style: {
2825
- width:
2826
- _vm.calcWidth(
2827
- column,
2828
- column.width ||
2829
- column.maxWidth ||
2830
- column.minWidth,
2831
- true
2832
- ) || "unset",
2833
- "min-width":
2834
- _vm.calcWidth(
2835
- column,
2836
- column.minWidth,
2837
- true
2838
- ) || "unset",
2839
- "max-width":
2840
- _vm.calcWidth(
2841
- column,
2842
- column.maxWidth,
2843
- true
2844
- ) || "unset",
2797
+ ? _c("zd-grid-cell-edit", {
2798
+ directives: [
2799
+ {
2800
+ name: "show",
2801
+ rawName: "v-show",
2802
+ value:
2803
+ !column.loading,
2804
+ expression:
2805
+ "!column.loading",
2845
2806
  },
2846
- },
2847
- [
2848
- _vm.instance.isEdited(
2849
- column,
2850
- item
2851
- )
2852
- ? _c(
2853
- "span",
2854
- {
2855
- staticClass:
2856
- "zd-table-cell-edit-icon",
2857
- },
2858
- [
2859
- _vm.instance.isValid(
2860
- column,
2861
- item
2862
- )
2863
- ? _c(
2864
- "v-icon",
2865
- {
2866
- attrs: {
2867
- color:
2868
- "primary",
2869
- },
2870
- },
2871
- [
2872
- _vm._v(
2873
- _vm._s(
2874
- _vm.$getIcon(
2875
- "pencil"
2876
- )
2877
- )
2878
- ),
2879
- ]
2880
- )
2881
- : _c(
2882
- "v-icon",
2883
- {
2884
- attrs: {
2885
- color:
2886
- "error",
2887
- },
2888
- },
2889
- [
2890
- _vm._v(
2891
- _vm._s(
2892
- _vm.$getIcon(
2893
- "warning"
2894
- )
2895
- )
2896
- ),
2897
- ]
2898
- ),
2899
- ],
2900
- 1
2901
- )
2902
- : _vm._e(),
2903
- _vm._v(" "),
2904
- _c(
2905
- column.componentProps
2906
- .component,
2907
- _vm._b(
2908
- {
2909
- key:
2910
- "" +
2911
- column.name +
2912
- _vm.rowKey(
2913
- item
2914
- ),
2915
- tag: "component",
2916
- },
2917
- "component",
2918
- _vm.getEditableComponent(
2919
- column,
2920
- item,
2921
- cellProps
2922
- ),
2923
- false
2924
- )
2925
- ),
2926
2807
  ],
2927
- 1
2928
- )
2808
+ attrs: {
2809
+ getWidthStyle:
2810
+ _vm.getWidthStyle,
2811
+ column: column,
2812
+ row: item,
2813
+ rowStyle: rowStyle,
2814
+ cellsApplied:
2815
+ cellsApplied,
2816
+ isEdited:
2817
+ _vm.instance.isEdited(
2818
+ column,
2819
+ item
2820
+ ),
2821
+ isValid:
2822
+ _vm.instance.isValid(
2823
+ column,
2824
+ item
2825
+ ),
2826
+ getEditableComponent:
2827
+ _vm.getEditableComponent,
2828
+ },
2829
+ })
2929
2830
  : _vm.hasToggleIcon(
2930
2831
  column,
2931
2832
  item
@@ -2939,7 +2840,7 @@ var __vue_render__$b = function () {
2939
2840
  _vm.$getIcon(
2940
2841
  column.formatterByRow(
2941
2842
  item,
2942
- cellProps
2843
+ cellsApplied
2943
2844
  )
2944
2845
  )
2945
2846
  )
@@ -2948,96 +2849,48 @@ var __vue_render__$b = function () {
2948
2849
  ],
2949
2850
  1
2950
2851
  )
2951
- : _c(
2952
- "span",
2953
- {
2954
- directives: [
2955
- {
2956
- name: "show",
2957
- rawName: "v-show",
2958
- value:
2959
- !column.loading,
2960
- expression:
2961
- "!column.loading",
2962
- },
2963
- ],
2964
- class: [
2965
- "zd-table-cell-text",
2966
- {
2967
- "zd-table-cell-text-editable":
2968
- Object.assign(
2969
- {},
2970
- column,
2971
- cellProps
2972
- ).editable &&
2973
- !item.groupFooter,
2974
- "overflow-hidden":
2975
- column.overflow ===
2976
- "hidden",
2977
- "overflow-wrap":
2978
- column.overflow ===
2979
- "wrap",
2980
- },
2981
- !isNaN(
2982
- column.overflow
2983
- )
2984
- ? "overflow-clamp overflow-clamp-" +
2985
- column.overflow
2986
- : "",
2852
+ : _c("zd-grid-cell-content", {
2853
+ directives: [
2854
+ {
2855
+ name: "show",
2856
+ rawName: "v-show",
2857
+ value:
2858
+ !column.loading,
2859
+ expression:
2860
+ "!column.loading",
2861
+ },
2862
+ ],
2863
+ attrs: {
2864
+ getWidthStyle:
2865
+ _vm.getWidthStyle,
2866
+ column: column,
2867
+ row: item,
2868
+ rowStyle: rowStyle,
2869
+ cellsApplied:
2870
+ cellsApplied,
2871
+ cssClass: [
2987
2872
  _vm.instance
2988
2873
  .groupColumnNames
2989
2874
  .length > 0
2990
2875
  ? "zd-table-cell-aling-total"
2991
2876
  : "",
2992
2877
  ],
2993
- style: {
2994
- width:
2995
- _vm.calcWidth(
2996
- column,
2997
- column.width ||
2998
- column.maxWidth ||
2999
- column.minWidth,
3000
- true
3001
- ) || "unset",
3002
- "min-width":
3003
- _vm.calcWidth(
3004
- column,
3005
- column.minWidth,
3006
- true
3007
- ) || "unset",
3008
- "max-width":
3009
- _vm.calcWidth(
3010
- column,
3011
- column.maxWidth,
3012
- true
3013
- ) || "unset",
3014
- },
3015
- on: {
3016
- mouseenter: function (
3017
- $event
3018
- ) {
3019
- return _vm.checkOverflow(
3020
- $event
3021
- )
3022
- },
3023
- mouseleave: function (
2878
+ },
2879
+ on: {
2880
+ mouseenter: function (
2881
+ $event
2882
+ ) {
2883
+ return _vm.checkOverflow(
3024
2884
  $event
3025
- ) {
3026
- return _vm.removeTooltip()
3027
- },
2885
+ )
2886
+ },
2887
+ mouseleave: function (
2888
+ $event
2889
+ ) {
2890
+ return _vm.removeTooltip()
3028
2891
  },
3029
2892
  },
3030
- [
3031
- _vm._v(
3032
- _vm._s(
3033
- column.formatterByRow(
3034
- item,
3035
- cellProps
3036
- )
3037
- )
3038
- ),
3039
- ]
3040
- ),
2893
+ }),
3041
2894
  ],
3042
2895
  2
3043
2896
  ),
@@ -3046,54 +2899,43 @@ var __vue_render__$b = function () {
3046
2899
  column.type === "action"
3047
2900
  ? [
3048
2901
  _c(
3049
- "td",
2902
+ "zd-grid-cell",
3050
2903
  {
3051
2904
  key: column.name,
3052
- class: [
3053
- "zd-table-cell",
3054
- "text-" + column.align,
3055
- Object.assign(
3056
- {},
3057
- column,
3058
- cellProps
3059
- ).cssClass,
3060
- {
3061
- "zd-table-fixed-column":
3062
- column.fixed,
3063
- },
3064
- {
3065
- "theme--dark":
3066
- (_vm.$vuetify.theme
3067
- .dark &&
3068
- !_vm.instance.light) ||
3069
- _vm.instance.dark,
3070
- },
3071
- {
3072
- "theme--light":
3073
- !_vm.$vuetify.theme
3074
- .dark ||
3075
- _vm.instance.light,
3076
- },
3077
- ],
3078
- style: [
3079
- Object.assign(
3080
- {},
3081
- column,
3082
- cellProps
3083
- ).style,
3084
- Object.assign(
3085
- {},
3086
- column,
3087
- cellProps
3088
- ).cssStyle,
3089
- {
3090
- left: column.fixed
3091
- ? _vm.fixedLeft[
3092
- column.name
3093
- ]
3094
- : "unset",
3095
- },
3096
- ],
2905
+ attrs: {
2906
+ column: column,
2907
+ rowStyle: rowStyle,
2908
+ cellsApplied: cellsApplied,
2909
+ cellClass: [
2910
+ {
2911
+ "zd-table-fixed-column":
2912
+ column.fixed,
2913
+ },
2914
+ {
2915
+ "theme--dark":
2916
+ (_vm.$vuetify.theme
2917
+ .dark &&
2918
+ !_vm.instance
2919
+ .light) ||
2920
+ _vm.instance.dark,
2921
+ },
2922
+ {
2923
+ "theme--light":
2924
+ !_vm.$vuetify.theme
2925
+ .dark ||
2926
+ _vm.instance.light,
2927
+ },
2928
+ ],
2929
+ cellStyle: [
2930
+ {
2931
+ left: column.fixed
2932
+ ? _vm.fixedLeft[
2933
+ column.name
2934
+ ]
2935
+ : "unset",
2936
+ },
2937
+ ],
2938
+ },
3097
2939
  on: {
3098
2940
  click: function ($event) {
3099
2941
  return _vm.cellClick(
@@ -3121,30 +2963,15 @@ var __vue_render__$b = function () {
3121
2963
  )
3122
2964
  : _vm._e(),
3123
2965
  _vm._v(" "),
3124
- _vm._l(
3125
- column.childrenProps,
3126
- function (child) {
3127
- return _c(
3128
- child.component,
3129
- _vm._b(
3130
- {
3131
- key:
3132
- "" +
3133
- child.name +
3134
- _vm.rowKey(item),
3135
- tag: "component",
3136
- },
3137
- "component",
3138
- _vm.instance.getActionComponent(
3139
- child,
3140
- column,
3141
- item
3142
- ),
3143
- false
3144
- )
3145
- )
3146
- }
3147
- ),
2966
+ _c("zd-grid-action", {
2967
+ attrs: {
2968
+ column: column,
2969
+ row: item,
2970
+ rowKey: _vm.rowKey(item),
2971
+ getActionComponent:
2972
+ _vm.getActionComponent,
2973
+ },
2974
+ }),
3148
2975
  ],
3149
2976
  2
3150
2977
  ),
@@ -3253,7 +3080,7 @@ __vue_render__$b._withStripped = true;
3253
3080
  /* style */
3254
3081
  const __vue_inject_styles__$b = function (inject) {
3255
3082
  if (!inject) return
3256
- inject("data-v-2d770199_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3083
+ inject("data-v-842b3508_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3257
3084
 
3258
3085
  };
3259
3086
  /* scoped */
@@ -4589,12 +4416,14 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4589
4416
  layoutChanged = true;
4590
4417
  return isInGrid;
4591
4418
  });
4592
- if (layoutChanged)
4419
+ if (layoutChanged) {
4593
4420
  this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
4421
+ }
4594
4422
  tableElement.style.width = layout.gridWidth || 'auto';
4595
4423
  grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
4596
4424
  grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
4597
- if (grid.datasource instanceof TekRestDatasource && layout.dynamicFilter !== undefined) {
4425
+ if (grid.datasource instanceof TekRestDatasource
4426
+ && layout.dynamicFilter !== undefined) {
4598
4427
  grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
4599
4428
  }
4600
4429
  if (layout.columns) {
@@ -4609,6 +4438,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4609
4438
  col.aggregation = column.aggregation;
4610
4439
  col.minWidth = column.minWidth || '';
4611
4440
  col.maxWidth = column.maxWidth || '';
4441
+ col.width = column.width;
4612
4442
  this.setHelperValue(col, column.filterHelperValue || '');
4613
4443
  return col;
4614
4444
  });
@@ -4644,6 +4474,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4644
4474
  col.aggregation = column.aggregation;
4645
4475
  col.minWidth = column.minWidth || '';
4646
4476
  col.maxWidth = column.maxWidth || '';
4477
+ col.width = column.width;
4647
4478
  this.setHelperValue(col, column.filterHelperValue || '');
4648
4479
  return col;
4649
4480
  });
@@ -4655,8 +4486,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4655
4486
  }
4656
4487
  if ((JSON.stringify(grid.datasource.order) !== oldOrder
4657
4488
  || JSON.stringify(grid.datasource.filter) !== oldFilter
4658
- || JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
4659
- && !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
4489
+ || JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
4490
+ !== oldDynamicFilter)
4491
+ && !groupParamsChanged) {
4492
+ // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
4660
4493
  grid.datasource.get();
4661
4494
  }
4662
4495
  this.$refs.layoutMenu.isActive = false;
@@ -4680,7 +4513,8 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4680
4513
  const column = columns[columns.findIndex((col) => col.name === columnName)];
4681
4514
  const { filterHelperValue } = column;
4682
4515
  filterOptions.forEach((item) => {
4683
- if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation) && !Array.isArray(item.value)) {
4516
+ if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
4517
+ && !Array.isArray(item.value)) {
4684
4518
  item.value = item.value.split(';');
4685
4519
  }
4686
4520
  let helperValue = '';
@@ -4690,7 +4524,8 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4690
4524
  else {
4691
4525
  Object.keys(filterHelperValue).forEach((key) => {
4692
4526
  const value = filterHelperValue[key] || '';
4693
- if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}` === key) {
4527
+ if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
4528
+ === key) {
4694
4529
  helperValue = value;
4695
4530
  }
4696
4531
  });
@@ -4706,7 +4541,9 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4706
4541
  getCurrentLayout(layoutName) {
4707
4542
  const { grid } = this.instance;
4708
4543
  const tableElement = this.getParentTable();
4709
- const gridWidth = tableElement ? window.getComputedStyle(tableElement).width : 'auto';
4544
+ const gridWidth = tableElement
4545
+ ? window.getComputedStyle(tableElement).width
4546
+ : 'auto';
4710
4547
  return {
4711
4548
  name: layoutName,
4712
4549
  gridWidth,
@@ -6253,6 +6090,16 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
6253
6090
  return 'unset';
6254
6091
  return headerElement[0].style.left;
6255
6092
  }
6093
+ setSpanWidth(column) {
6094
+ return column.width;
6095
+ }
6096
+ getWidthStyle(column) {
6097
+ return {
6098
+ width: this.calcWidth(column, column.width) || 'unset',
6099
+ 'min-width': this.calcWidth(column, column.minWidth) || 'unset',
6100
+ 'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
6101
+ };
6102
+ }
6256
6103
  };
6257
6104
  __decorate([
6258
6105
  PropWatch({ type: [String], default: '' })
@@ -6509,17 +6356,23 @@ var __vue_render__$2 = function () {
6509
6356
  ? "active"
6510
6357
  : "",
6511
6358
  ],
6512
- style: {
6513
- "background-color":
6514
- _vm.instance.headerBackground,
6515
- width:
6516
- _vm.calcWidth(
6517
- column,
6518
- column.width ||
6519
- column.maxWidth ||
6520
- column.minWidth
6521
- ) || "unset",
6522
- },
6359
+ style: [
6360
+ {
6361
+ "background-color":
6362
+ _vm.instance.headerBackground,
6363
+ },
6364
+ column.width ||
6365
+ column.maxWidth ||
6366
+ column.minWidth
6367
+ ? "width: " +
6368
+ _vm.calcWidth(
6369
+ column,
6370
+ column.width ||
6371
+ column.maxWidth ||
6372
+ column.minWidth
6373
+ )
6374
+ : "width: unset",
6375
+ ],
6523
6376
  attrs: {
6524
6377
  "column-name": column.name,
6525
6378
  index: index,
@@ -6532,13 +6385,8 @@ var __vue_render__$2 = function () {
6532
6385
  staticClass: "zd-table-header-cell",
6533
6386
  style: {
6534
6387
  width:
6535
- _vm.calcWidth(
6536
- column,
6537
- column.width ||
6538
- column.maxWidth ||
6539
- column.minWidth,
6540
- true
6541
- ) || "unset",
6388
+ _vm.setSpanWidth(column) ||
6389
+ "100%",
6542
6390
  color:
6543
6391
  _vm.instance.headerCellTextColor,
6544
6392
  },
@@ -7169,65 +7017,54 @@ var __vue_render__$2 = function () {
7169
7017
  [
7170
7018
  {
7171
7019
  column: header,
7172
- cellProps: Object.assign(
7173
- {},
7020
+ rowStyle:
7174
7021
  _vm.instance.getRowStyleConditions(item),
7175
- (_vm.instance.cellsApplied[
7176
- _vm.rowKey(item)
7177
- ] || {})[header.name]
7178
- ),
7022
+ cellsApplied: (_vm.instance.cellsApplied[
7023
+ _vm.rowKey(item)
7024
+ ] || {})[header.name],
7179
7025
  },
7180
7026
  ],
7181
7027
  function (ref) {
7182
7028
  var column = ref.column;
7183
- var cellProps = ref.cellProps;
7029
+ var rowStyle = ref.rowStyle;
7030
+ var cellsApplied = ref.cellsApplied;
7184
7031
  return [
7185
7032
  column.isVisible && column.type !== "action"
7186
7033
  ? [
7187
7034
  _c(
7188
- "td",
7035
+ "zd-grid-cell",
7189
7036
  {
7190
7037
  key: column.name,
7191
- class: [
7192
- "zd-table-cell",
7193
- "text-" + column.align,
7194
- Object.assign(
7195
- {},
7196
- column,
7197
- cellProps
7198
- ).cssClass,
7199
- { first: headerIndex === 0 },
7200
- {
7201
- "zd-table-column-editable":
7202
- column.editable,
7203
- "zd-table-cell-editable":
7204
- Object.assign(
7205
- {},
7206
- column,
7207
- cellProps
7208
- ).editable &&
7209
- _vm.canEditRowValues[
7210
- _vm.rowKey(item)
7211
- ],
7212
- "zd-table-fixed-column":
7213
- column.fixed,
7214
- },
7215
- ],
7216
- style: [
7217
- Object.assign(
7218
- {},
7219
- column,
7220
- cellProps
7221
- ).style,
7222
- Object.assign(
7223
- {},
7224
- column,
7225
- cellProps
7226
- ).cssStyle,
7227
- {
7228
- left: _vm.getFixedLeft(column),
7229
- },
7230
- ],
7038
+ attrs: {
7039
+ column: column,
7040
+ rowStyle: rowStyle,
7041
+ cellsApplied: cellsApplied,
7042
+ cellClass: [
7043
+ { first: headerIndex === 0 },
7044
+ {
7045
+ "zd-table-column-editable":
7046
+ column.editable,
7047
+ "zd-table-cell-editable":
7048
+ Object.assign(
7049
+ {},
7050
+ column,
7051
+ cellsApplied
7052
+ ).editable &&
7053
+ _vm.canEditRowValues[
7054
+ _vm.rowKey(item)
7055
+ ],
7056
+ "zd-table-fixed-column":
7057
+ column.fixed,
7058
+ },
7059
+ ],
7060
+ cellStyle: [
7061
+ {
7062
+ left: _vm.getFixedLeft(
7063
+ column
7064
+ ),
7065
+ },
7066
+ ],
7067
+ },
7231
7068
  on: {
7232
7069
  click: function ($event) {
7233
7070
  _vm.cellClick(
@@ -7263,127 +7100,45 @@ var __vue_render__$2 = function () {
7263
7100
  Object.assign(
7264
7101
  {},
7265
7102
  column,
7266
- cellProps
7103
+ cellsApplied
7267
7104
  ).editable &&
7268
7105
  _vm.canEditRowValues[
7269
7106
  _vm.rowKey(item)
7270
7107
  ] &&
7271
7108
  _vm.instance.editing
7272
- ? _c(
7273
- "span",
7274
- {
7275
- directives: [
7276
- {
7277
- name: "show",
7278
- rawName: "v-show",
7279
- value:
7280
- !column.loading,
7281
- expression:
7282
- "!column.loading",
7283
- },
7284
- ],
7285
- staticClass:
7286
- "zd-table-cell-inline-edit",
7287
- style: {
7288
- width:
7289
- _vm.calcWidth(
7290
- column,
7291
- column.width,
7292
- true
7293
- ) || "unset",
7294
- "min-width":
7295
- _vm.calcWidth(
7296
- column,
7297
- column.minWidth,
7298
- true
7299
- ) || "unset",
7300
- "max-width":
7301
- _vm.calcWidth(
7302
- column,
7303
- column.maxWidth,
7304
- true
7305
- ) || "unset",
7109
+ ? _c("zd-grid-cell-edit", {
7110
+ directives: [
7111
+ {
7112
+ name: "show",
7113
+ rawName: "v-show",
7114
+ value:
7115
+ !column.loading,
7116
+ expression:
7117
+ "!column.loading",
7306
7118
  },
7307
- },
7308
- [
7309
- _vm.instance.isEdited(
7310
- column,
7311
- item
7312
- )
7313
- ? _c(
7314
- "span",
7315
- {
7316
- staticClass:
7317
- "zd-table-cell-edit-icon",
7318
- },
7319
- [
7320
- _vm.instance.isValid(
7321
- column,
7322
- item
7323
- )
7324
- ? _c(
7325
- "v-icon",
7326
- {
7327
- attrs: {
7328
- color:
7329
- "primary",
7330
- },
7331
- },
7332
- [
7333
- _vm._v(
7334
- _vm._s(
7335
- _vm.$getIcon(
7336
- "pencil"
7337
- )
7338
- )
7339
- ),
7340
- ]
7341
- )
7342
- : _c(
7343
- "v-icon",
7344
- {
7345
- attrs: {
7346
- color:
7347
- "error",
7348
- },
7349
- },
7350
- [
7351
- _vm._v(
7352
- _vm._s(
7353
- _vm.$getIcon(
7354
- "warning"
7355
- )
7356
- )
7357
- ),
7358
- ]
7359
- ),
7360
- ],
7361
- 1
7362
- )
7363
- : _vm._e(),
7364
- _vm._v(" "),
7365
- _c(
7366
- column.componentProps
7367
- .component,
7368
- _vm._b(
7369
- {
7370
- key:
7371
- column.name +
7372
- "rowKey(item)",
7373
- tag: "component",
7374
- },
7375
- "component",
7376
- _vm.getEditableComponent(
7377
- column,
7378
- item,
7379
- cellProps
7380
- ),
7381
- false
7382
- )
7383
- ),
7384
7119
  ],
7385
- 1
7386
- )
7120
+ attrs: {
7121
+ getWidthStyle:
7122
+ _vm.getWidthStyle,
7123
+ column: column,
7124
+ row: item,
7125
+ rowStyle: rowStyle,
7126
+ cellsApplied:
7127
+ cellsApplied,
7128
+ isEdited:
7129
+ _vm.instance.isEdited(
7130
+ column,
7131
+ item
7132
+ ),
7133
+ isValid:
7134
+ _vm.instance.isValid(
7135
+ column,
7136
+ item
7137
+ ),
7138
+ getEditableComponent:
7139
+ _vm.getEditableComponent,
7140
+ },
7141
+ })
7387
7142
  : _vm.hasToggleIcon(
7388
7143
  column,
7389
7144
  item
@@ -7397,7 +7152,7 @@ var __vue_render__$2 = function () {
7397
7152
  _vm.$getIcon(
7398
7153
  column.formatterByRow(
7399
7154
  item,
7400
- cellProps
7155
+ cellsApplied
7401
7156
  )
7402
7157
  )
7403
7158
  )
@@ -7407,7 +7162,7 @@ var __vue_render__$2 = function () {
7407
7162
  1
7408
7163
  )
7409
7164
  : _c(
7410
- "span",
7165
+ "zd-tree-grid-cell-content",
7411
7166
  {
7412
7167
  directives: [
7413
7168
  {
@@ -7419,55 +7174,28 @@ var __vue_render__$2 = function () {
7419
7174
  "!column.loading",
7420
7175
  },
7421
7176
  ],
7422
- class: [
7423
- "zd-table-cell-text",
7424
- {
7425
- "zd-table-cell-text-first":
7426
- headerIndex ===
7427
- 0 ||
7428
- (headerIndex ===
7429
- 1 &&
7430
- _vm.instance
7431
- .selectable),
7432
- "zd-table-cell-text-editable":
7433
- Object.assign(
7434
- {},
7435
- column,
7436
- cellProps
7437
- ).editable,
7438
- "overflow-hidden":
7439
- column.overflow ===
7440
- "hidden",
7441
- "overflow-wrap":
7442
- column.overflow ===
7443
- "wrap",
7444
- },
7445
- !isNaN(
7446
- column.overflow
7447
- )
7448
- ? "overflow-clamp overflow-clamp-" +
7449
- column.overflow
7450
- : "",
7451
- ],
7452
- style: {
7453
- width:
7454
- _vm.calcWidth(
7455
- column,
7456
- column.width,
7457
- true
7458
- ) || "unset",
7459
- "min-width":
7460
- _vm.calcWidth(
7461
- column,
7462
- column.minWidth,
7463
- true
7464
- ) || "unset",
7465
- "max-width":
7466
- _vm.calcWidth(
7467
- column,
7468
- column.maxWidth,
7469
- true
7470
- ) || "unset",
7177
+ attrs: {
7178
+ getWidthStyle:
7179
+ _vm.getWidthStyle,
7180
+ column: column,
7181
+ row: item,
7182
+ rowStyle: rowStyle,
7183
+ cellsApplied:
7184
+ cellsApplied,
7185
+ headerIndex:
7186
+ headerIndex,
7187
+ selectable:
7188
+ _vm.instance
7189
+ .selectable,
7190
+ toggleExpand:
7191
+ _vm.toggleExpand,
7192
+ rowIndex: index,
7193
+ search:
7194
+ _vm.instance
7195
+ .datasource
7196
+ .search,
7197
+ expandClass:
7198
+ "zd-tree-grid-editable-expand",
7471
7199
  },
7472
7200
  on: {
7473
7201
  mouseenter: function (
@@ -7483,91 +7211,10 @@ var __vue_render__$2 = function () {
7483
7211
  return _vm.removeTooltip()
7484
7212
  },
7485
7213
  },
7486
- },
7487
- [
7488
- _c(
7489
- "div",
7490
- {
7491
- directives: [
7492
- {
7493
- name: "show",
7494
- rawName:
7495
- "v-show",
7496
- value:
7497
- headerIndex ===
7498
- 0,
7499
- expression:
7500
- "headerIndex === 0",
7501
- },
7502
- ],
7503
- class: [
7504
- "zd-tree-grid-editable-expand",
7505
- "level" +
7506
- item.tree__level,
7507
- ],
7508
- },
7509
- [
7510
- item.tree__children
7511
- .length > 0
7512
- ? _c(
7513
- "v-icon",
7514
- {
7515
- class: {
7516
- opened:
7517
- item.tree__opened,
7518
- },
7519
- attrs: {
7520
- tabindex:
7521
- "-1",
7522
- },
7523
- on: {
7524
- click:
7525
- function (
7526
- $event
7527
- ) {
7528
- $event.stopPropagation();
7529
- return _vm.instance.toggleExpand(
7530
- item,
7531
- index
7532
- )
7533
- },
7534
- },
7535
- },
7536
- [
7537
- _vm._v(
7538
- "\n " +
7539
- _vm._s(
7540
- _vm.$getIcon(
7541
- "chevronRight"
7542
- )
7543
- ) +
7544
- "\n "
7545
- ),
7546
- ]
7547
- )
7548
- : _vm._e(),
7549
- ],
7550
- 1
7551
- ),
7552
- _vm._v(" "),
7553
- _c("span", {
7554
- key: item.tree__searched
7555
- ? "a"
7556
- : "b",
7557
- domProps: {
7558
- innerHTML: _vm._s(
7559
- _vm.formatSearchResult(
7560
- column.formatterByRow(
7561
- item,
7562
- cellProps
7563
- )
7564
- )
7565
- ),
7566
- },
7567
- }),
7568
- ]
7214
+ }
7569
7215
  ),
7570
- ]
7216
+ ],
7217
+ 1
7571
7218
  ),
7572
7219
  ],
7573
7220
  1
@@ -7577,36 +7224,22 @@ var __vue_render__$2 = function () {
7577
7224
  column.type === "action"
7578
7225
  ? [
7579
7226
  _c(
7580
- "td",
7227
+ "zd-grid-cell",
7581
7228
  {
7582
7229
  key: column.name,
7583
- class: [
7584
- {
7585
- "zd-table-cell-text-first":
7586
- headerIndex === 0 ||
7587
- (headerIndex === 1 &&
7588
- _vm.instance.selectable),
7589
- },
7590
- "zd-table-cell",
7591
- "text-" + column.align,
7592
- Object.assign(
7593
- {},
7594
- column,
7595
- cellProps
7596
- ).cssClass,
7597
- ],
7598
- style: [
7599
- Object.assign(
7600
- {},
7601
- column,
7602
- cellProps
7603
- ).style,
7604
- Object.assign(
7605
- {},
7606
- column,
7607
- cellProps
7608
- ).cssStyle,
7609
- ],
7230
+ attrs: {
7231
+ column: column,
7232
+ rowStyle: rowStyle,
7233
+ cellsApplied: cellsApplied,
7234
+ cellClass: [
7235
+ {
7236
+ "zd-table-cell-text-first":
7237
+ headerIndex === 0 ||
7238
+ (headerIndex === 1 &&
7239
+ _vm.instance.selectable),
7240
+ },
7241
+ ],
7242
+ },
7610
7243
  on: {
7611
7244
  click: function ($event) {
7612
7245
  return _vm.cellClick(
@@ -7676,36 +7309,17 @@ var __vue_render__$2 = function () {
7676
7309
  1
7677
7310
  ),
7678
7311
  _vm._v(" "),
7679
- _vm._l(
7680
- column.childrenProps,
7681
- function (child) {
7682
- return _c(
7683
- child.component,
7684
- _vm._b(
7685
- {
7686
- key:
7687
- "" +
7688
- child.name +
7689
- _vm.rowKey(item),
7690
- tag: "component",
7691
- },
7692
- "component",
7693
- Object.assign(
7694
- {},
7695
- child,
7696
- _vm.instance.getActionComponent(
7697
- child,
7698
- column,
7699
- item
7700
- )
7701
- ),
7702
- false
7703
- )
7704
- )
7705
- }
7706
- ),
7312
+ _c("zd-grid-action", {
7313
+ attrs: {
7314
+ column: column,
7315
+ row: item,
7316
+ rowKey: _vm.rowKey(item),
7317
+ getActionComponent:
7318
+ _vm.getActionComponent,
7319
+ },
7320
+ }),
7707
7321
  ],
7708
- 2
7322
+ 1
7709
7323
  ),
7710
7324
  ]
7711
7325
  : _vm._e(),
@@ -7811,7 +7425,7 @@ __vue_render__$2._withStripped = true;
7811
7425
  /* style */
7812
7426
  const __vue_inject_styles__$2 = function (inject) {
7813
7427
  if (!inject) return
7814
- inject("data-v-0ffefa42_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7428
+ inject("data-v-3a64cd2e_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7815
7429
 
7816
7430
  };
7817
7431
  /* scoped */