@zeedhi/teknisa-components-vuetify 1.67.0 → 1.69.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 +295 -696
  2. package/dist/tek-components-vuetify.umd.js +295 -696
  3. package/package.json +2 -2
  4. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +6 -1
package/dist/tek-components-vuetify.esm.js CHANGED
@@ -2654,22 +2654,19 @@ var __vue_render__$b = function () {
2654
2654
  [
2655
2655
  {
2656
2656
  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
- ),
2657
+ rowStyle:
2658
+ _vm.instance.getRowStyleConditions(
2659
+ item
2660
+ ),
2661
+ cellsApplied: (_vm.instance.cellsApplied[
2662
+ _vm.rowKey(item)
2663
+ ] || {})[header.name],
2668
2664
  },
2669
2665
  ],
2670
2666
  function (ref) {
2671
2667
  var column = ref.column;
2672
- var cellProps = ref.cellProps;
2668
+ var rowStyle = ref.rowStyle;
2669
+ var cellsApplied = ref.cellsApplied;
2673
2670
  return [
2674
2671
  column.isVisible &&
2675
2672
  _vm.instance.groupColumnNames.indexOf(
@@ -2678,65 +2675,55 @@ var __vue_render__$b = function () {
2678
2675
  column.type !== "action"
2679
2676
  ? [
2680
2677
  _c(
2681
- "td",
2678
+ "zd-grid-cell",
2682
2679
  {
2683
2680
  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
- ],
2681
+ attrs: {
2682
+ column: column,
2683
+ rowStyle: rowStyle,
2684
+ cellsApplied: cellsApplied,
2685
+ cellClass: [
2686
+ {
2687
+ "zd-table-column-editable":
2688
+ column.editable,
2689
+ "zd-table-cell-editable":
2690
+ Object.assign(
2691
+ {},
2692
+ column,
2693
+ cellsApplied
2694
+ ).editable &&
2695
+ _vm.canEditRowValues[
2696
+ _vm.rowKey(item)
2697
+ ] &&
2698
+ !item.groupFooter,
2699
+ "zd-table-fixed-column":
2700
+ column.fixed,
2701
+ },
2702
+ {
2703
+ "theme--dark":
2704
+ (_vm.$vuetify.theme
2705
+ .dark &&
2706
+ !_vm.instance
2707
+ .light) ||
2708
+ _vm.instance.dark,
2709
+ },
2710
+ {
2711
+ "theme--light":
2712
+ !_vm.$vuetify.theme
2713
+ .dark ||
2714
+ _vm.instance.light,
2715
+ },
2716
+ ],
2717
+ cellStyle: [
2718
+ {
2719
+ left: column.fixed
2720
+ ? _vm.fixedLeft[
2721
+ column.name
2722
+ ]
2723
+ : "unset",
2724
+ },
2725
+ ],
2726
+ },
2740
2727
  on: {
2741
2728
  click: function ($event) {
2742
2729
  _vm.cellClick(
@@ -2799,133 +2786,46 @@ var __vue_render__$b = function () {
2799
2786
  Object.assign(
2800
2787
  {},
2801
2788
  column,
2802
- cellProps
2789
+ cellsApplied
2803
2790
  ).editable &&
2804
2791
  _vm.canEditRowValues[
2805
2792
  _vm.rowKey(item)
2806
2793
  ] &&
2807
2794
  _vm.instance.editing &&
2808
2795
  !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",
2796
+ ? _c("zd-grid-cell-edit", {
2797
+ directives: [
2798
+ {
2799
+ name: "show",
2800
+ rawName: "v-show",
2801
+ value:
2802
+ !column.loading,
2803
+ expression:
2804
+ "!column.loading",
2845
2805
  },
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
2806
  ],
2927
- 1
2928
- )
2807
+ attrs: {
2808
+ getWidthStyle:
2809
+ _vm.getWidthStyle,
2810
+ column: column,
2811
+ row: item,
2812
+ rowStyle: rowStyle,
2813
+ cellsApplied:
2814
+ cellsApplied,
2815
+ isEdited:
2816
+ _vm.instance.isEdited(
2817
+ column,
2818
+ item
2819
+ ),
2820
+ isValid:
2821
+ _vm.instance.isValid(
2822
+ column,
2823
+ item
2824
+ ),
2825
+ getEditableComponent:
2826
+ _vm.getEditableComponent,
2827
+ },
2828
+ })
2929
2829
  : _vm.hasToggleIcon(
2930
2830
  column,
2931
2831
  item
@@ -2939,7 +2839,7 @@ var __vue_render__$b = function () {
2939
2839
  _vm.$getIcon(
2940
2840
  column.formatterByRow(
2941
2841
  item,
2942
- cellProps
2842
+ cellsApplied
2943
2843
  )
2944
2844
  )
2945
2845
  )
@@ -2948,96 +2848,48 @@ var __vue_render__$b = function () {
2948
2848
  ],
2949
2849
  1
2950
2850
  )
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
- : "",
2851
+ : _c("zd-grid-cell-content", {
2852
+ directives: [
2853
+ {
2854
+ name: "show",
2855
+ rawName: "v-show",
2856
+ value:
2857
+ !column.loading,
2858
+ expression:
2859
+ "!column.loading",
2860
+ },
2861
+ ],
2862
+ attrs: {
2863
+ getWidthStyle:
2864
+ _vm.getWidthStyle,
2865
+ column: column,
2866
+ row: item,
2867
+ rowStyle: rowStyle,
2868
+ cellsApplied:
2869
+ cellsApplied,
2870
+ cssClass: [
2987
2871
  _vm.instance
2988
2872
  .groupColumnNames
2989
2873
  .length > 0
2990
2874
  ? "zd-table-cell-aling-total"
2991
2875
  : "",
2992
2876
  ],
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 (
2877
+ },
2878
+ on: {
2879
+ mouseenter: function (
2880
+ $event
2881
+ ) {
2882
+ return _vm.checkOverflow(
3024
2883
  $event
3025
- ) {
3026
- return _vm.removeTooltip()
3027
- },
2884
+ )
2885
+ },
2886
+ mouseleave: function (
2887
+ $event
2888
+ ) {
2889
+ return _vm.removeTooltip()
3028
2890
  },
3029
2891
  },
3030
- [
3031
- _vm._v(
3032
- _vm._s(
3033
- column.formatterByRow(
3034
- item,
3035
- cellProps
3036
- )
3037
- )
3038
- ),
3039
- ]
3040
- ),
2892
+ }),
3041
2893
  ],
3042
2894
  2
3043
2895
  ),
@@ -3046,54 +2898,43 @@ var __vue_render__$b = function () {
3046
2898
  column.type === "action"
3047
2899
  ? [
3048
2900
  _c(
3049
- "td",
2901
+ "zd-grid-cell",
3050
2902
  {
3051
2903
  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
- ],
2904
+ attrs: {
2905
+ column: column,
2906
+ rowStyle: rowStyle,
2907
+ cellsApplied: cellsApplied,
2908
+ cellClass: [
2909
+ {
2910
+ "zd-table-fixed-column":
2911
+ column.fixed,
2912
+ },
2913
+ {
2914
+ "theme--dark":
2915
+ (_vm.$vuetify.theme
2916
+ .dark &&
2917
+ !_vm.instance
2918
+ .light) ||
2919
+ _vm.instance.dark,
2920
+ },
2921
+ {
2922
+ "theme--light":
2923
+ !_vm.$vuetify.theme
2924
+ .dark ||
2925
+ _vm.instance.light,
2926
+ },
2927
+ ],
2928
+ cellStyle: [
2929
+ {
2930
+ left: column.fixed
2931
+ ? _vm.fixedLeft[
2932
+ column.name
2933
+ ]
2934
+ : "unset",
2935
+ },
2936
+ ],
2937
+ },
3097
2938
  on: {
3098
2939
  click: function ($event) {
3099
2940
  return _vm.cellClick(
@@ -3121,30 +2962,15 @@ var __vue_render__$b = function () {
3121
2962
  )
3122
2963
  : _vm._e(),
3123
2964
  _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
- ),
2965
+ _c("zd-grid-action", {
2966
+ attrs: {
2967
+ column: column,
2968
+ row: item,
2969
+ rowKey: _vm.rowKey(item),
2970
+ getActionComponent:
2971
+ _vm.getActionComponent,
2972
+ },
2973
+ }),
3148
2974
  ],
3149
2975
  2
3150
2976
  ),
@@ -3253,7 +3079,7 @@ __vue_render__$b._withStripped = true;
3253
3079
  /* style */
3254
3080
  const __vue_inject_styles__$b = function (inject) {
3255
3081
  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 });
3082
+ inject("data-v-4e1e67ac_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
3083
 
3258
3084
  };
3259
3085
  /* scoped */
@@ -6253,6 +6079,13 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
6253
6079
  return 'unset';
6254
6080
  return headerElement[0].style.left;
6255
6081
  }
6082
+ getWidthStyle(column) {
6083
+ return {
6084
+ width: this.calcWidth(column, column.width) || 'unset',
6085
+ 'min-width': this.calcWidth(column, column.minWidth) || 'unset',
6086
+ 'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
6087
+ };
6088
+ }
6256
6089
  };
6257
6090
  __decorate([
6258
6091
  PropWatch({ type: [String], default: '' })
@@ -7169,65 +7002,54 @@ var __vue_render__$2 = function () {
7169
7002
  [
7170
7003
  {
7171
7004
  column: header,
7172
- cellProps: Object.assign(
7173
- {},
7005
+ rowStyle:
7174
7006
  _vm.instance.getRowStyleConditions(item),
7175
- (_vm.instance.cellsApplied[
7176
- _vm.rowKey(item)
7177
- ] || {})[header.name]
7178
- ),
7007
+ cellsApplied: (_vm.instance.cellsApplied[
7008
+ _vm.rowKey(item)
7009
+ ] || {})[header.name],
7179
7010
  },
7180
7011
  ],
7181
7012
  function (ref) {
7182
7013
  var column = ref.column;
7183
- var cellProps = ref.cellProps;
7014
+ var rowStyle = ref.rowStyle;
7015
+ var cellsApplied = ref.cellsApplied;
7184
7016
  return [
7185
7017
  column.isVisible && column.type !== "action"
7186
7018
  ? [
7187
7019
  _c(
7188
- "td",
7020
+ "zd-grid-cell",
7189
7021
  {
7190
7022
  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
- ],
7023
+ attrs: {
7024
+ column: column,
7025
+ rowStyle: rowStyle,
7026
+ cellsApplied: cellsApplied,
7027
+ cellClass: [
7028
+ { first: headerIndex === 0 },
7029
+ {
7030
+ "zd-table-column-editable":
7031
+ column.editable,
7032
+ "zd-table-cell-editable":
7033
+ Object.assign(
7034
+ {},
7035
+ column,
7036
+ cellsApplied
7037
+ ).editable &&
7038
+ _vm.canEditRowValues[
7039
+ _vm.rowKey(item)
7040
+ ],
7041
+ "zd-table-fixed-column":
7042
+ column.fixed,
7043
+ },
7044
+ ],
7045
+ cellStyle: [
7046
+ {
7047
+ left: _vm.getFixedLeft(
7048
+ column
7049
+ ),
7050
+ },
7051
+ ],
7052
+ },
7231
7053
  on: {
7232
7054
  click: function ($event) {
7233
7055
  _vm.cellClick(
@@ -7263,127 +7085,45 @@ var __vue_render__$2 = function () {
7263
7085
  Object.assign(
7264
7086
  {},
7265
7087
  column,
7266
- cellProps
7088
+ cellsApplied
7267
7089
  ).editable &&
7268
7090
  _vm.canEditRowValues[
7269
7091
  _vm.rowKey(item)
7270
7092
  ] &&
7271
7093
  _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",
7094
+ ? _c("zd-grid-cell-edit", {
7095
+ directives: [
7096
+ {
7097
+ name: "show",
7098
+ rawName: "v-show",
7099
+ value:
7100
+ !column.loading,
7101
+ expression:
7102
+ "!column.loading",
7306
7103
  },
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
7104
  ],
7385
- 1
7386
- )
7105
+ attrs: {
7106
+ getWidthStyle:
7107
+ _vm.getWidthStyle,
7108
+ column: column,
7109
+ row: item,
7110
+ rowStyle: rowStyle,
7111
+ cellsApplied:
7112
+ cellsApplied,
7113
+ isEdited:
7114
+ _vm.instance.isEdited(
7115
+ column,
7116
+ item
7117
+ ),
7118
+ isValid:
7119
+ _vm.instance.isValid(
7120
+ column,
7121
+ item
7122
+ ),
7123
+ getEditableComponent:
7124
+ _vm.getEditableComponent,
7125
+ },
7126
+ })
7387
7127
  : _vm.hasToggleIcon(
7388
7128
  column,
7389
7129
  item
@@ -7397,7 +7137,7 @@ var __vue_render__$2 = function () {
7397
7137
  _vm.$getIcon(
7398
7138
  column.formatterByRow(
7399
7139
  item,
7400
- cellProps
7140
+ cellsApplied
7401
7141
  )
7402
7142
  )
7403
7143
  )
@@ -7407,7 +7147,7 @@ var __vue_render__$2 = function () {
7407
7147
  1
7408
7148
  )
7409
7149
  : _c(
7410
- "span",
7150
+ "zd-tree-grid-cell-content",
7411
7151
  {
7412
7152
  directives: [
7413
7153
  {
@@ -7419,55 +7159,28 @@ var __vue_render__$2 = function () {
7419
7159
  "!column.loading",
7420
7160
  },
7421
7161
  ],
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",
7162
+ attrs: {
7163
+ getWidthStyle:
7164
+ _vm.getWidthStyle,
7165
+ column: column,
7166
+ row: item,
7167
+ rowStyle: rowStyle,
7168
+ cellsApplied:
7169
+ cellsApplied,
7170
+ headerIndex:
7171
+ headerIndex,
7172
+ selectable:
7173
+ _vm.instance
7174
+ .selectable,
7175
+ toggleExpand:
7176
+ _vm.toggleExpand,
7177
+ rowIndex: index,
7178
+ search:
7179
+ _vm.instance
7180
+ .datasource
7181
+ .search,
7182
+ expandClass:
7183
+ "zd-tree-grid-editable-expand",
7471
7184
  },
7472
7185
  on: {
7473
7186
  mouseenter: function (
@@ -7483,91 +7196,10 @@ var __vue_render__$2 = function () {
7483
7196
  return _vm.removeTooltip()
7484
7197
  },
7485
7198
  },
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
- ]
7199
+ }
7569
7200
  ),
7570
- ]
7201
+ ],
7202
+ 1
7571
7203
  ),
7572
7204
  ],
7573
7205
  1
@@ -7577,36 +7209,22 @@ var __vue_render__$2 = function () {
7577
7209
  column.type === "action"
7578
7210
  ? [
7579
7211
  _c(
7580
- "td",
7212
+ "zd-grid-cell",
7581
7213
  {
7582
7214
  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
- ],
7215
+ attrs: {
7216
+ column: column,
7217
+ rowStyle: rowStyle,
7218
+ cellsApplied: cellsApplied,
7219
+ cellClass: [
7220
+ {
7221
+ "zd-table-cell-text-first":
7222
+ headerIndex === 0 ||
7223
+ (headerIndex === 1 &&
7224
+ _vm.instance.selectable),
7225
+ },
7226
+ ],
7227
+ },
7610
7228
  on: {
7611
7229
  click: function ($event) {
7612
7230
  return _vm.cellClick(
@@ -7676,36 +7294,17 @@ var __vue_render__$2 = function () {
7676
7294
  1
7677
7295
  ),
7678
7296
  _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
- ),
7297
+ _c("zd-grid-action", {
7298
+ attrs: {
7299
+ column: column,
7300
+ row: item,
7301
+ rowKey: _vm.rowKey(item),
7302
+ getActionComponent:
7303
+ _vm.getActionComponent,
7304
+ },
7305
+ }),
7707
7306
  ],
7708
- 2
7307
+ 1
7709
7308
  ),
7710
7309
  ]
7711
7310
  : _vm._e(),
@@ -7811,7 +7410,7 @@ __vue_render__$2._withStripped = true;
7811
7410
  /* style */
7812
7411
  const __vue_inject_styles__$2 = function (inject) {
7813
7412
  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 });
7413
+ inject("data-v-1e325382_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
7414
 
7816
7415
  };
7817
7416
  /* scoped */