@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.
@@ -2656,22 +2656,19 @@
2656
2656
  [
2657
2657
  {
2658
2658
  column: header,
2659
- cellProps: item.groupFooter
2660
- ? {}
2661
- : Object.assign(
2662
- {},
2663
- _vm.instance.getRowStyleConditions(
2664
- item
2665
- ),
2666
- (_vm.instance.cellsApplied[
2667
- _vm.rowKey(item)
2668
- ] || {})[header.name]
2669
- ),
2659
+ rowStyle:
2660
+ _vm.instance.getRowStyleConditions(
2661
+ item
2662
+ ),
2663
+ cellsApplied: (_vm.instance.cellsApplied[
2664
+ _vm.rowKey(item)
2665
+ ] || {})[header.name],
2670
2666
  },
2671
2667
  ],
2672
2668
  function (ref) {
2673
2669
  var column = ref.column;
2674
- var cellProps = ref.cellProps;
2670
+ var rowStyle = ref.rowStyle;
2671
+ var cellsApplied = ref.cellsApplied;
2675
2672
  return [
2676
2673
  column.isVisible &&
2677
2674
  _vm.instance.groupColumnNames.indexOf(
@@ -2680,65 +2677,55 @@
2680
2677
  column.type !== "action"
2681
2678
  ? [
2682
2679
  _c(
2683
- "td",
2680
+ "zd-grid-cell",
2684
2681
  {
2685
2682
  key: column.name,
2686
- class: [
2687
- "zd-table-cell",
2688
- "text-" + column.align,
2689
- Object.assign(
2690
- {},
2691
- column,
2692
- cellProps
2693
- ).cssClass,
2694
- {
2695
- "zd-table-column-editable":
2696
- column.editable,
2697
- "zd-table-cell-editable":
2698
- Object.assign(
2699
- {},
2700
- column,
2701
- cellProps
2702
- ).editable &&
2703
- _vm.canEditRowValues[
2704
- _vm.rowKey(item)
2705
- ],
2706
- "zd-table-fixed-column":
2707
- column.fixed,
2708
- },
2709
- {
2710
- "theme--dark":
2711
- (_vm.$vuetify.theme
2712
- .dark &&
2713
- !_vm.instance.light) ||
2714
- _vm.instance.dark,
2715
- },
2716
- {
2717
- "theme--light":
2718
- !_vm.$vuetify.theme
2719
- .dark ||
2720
- _vm.instance.light,
2721
- },
2722
- ],
2723
- style: [
2724
- Object.assign(
2725
- {},
2726
- column,
2727
- cellProps
2728
- ).style,
2729
- Object.assign(
2730
- {},
2731
- column,
2732
- cellProps
2733
- ).cssStyle,
2734
- {
2735
- left: column.fixed
2736
- ? _vm.fixedLeft[
2737
- column.name
2738
- ]
2739
- : "unset",
2740
- },
2741
- ],
2683
+ attrs: {
2684
+ column: column,
2685
+ rowStyle: rowStyle,
2686
+ cellsApplied: cellsApplied,
2687
+ cellClass: [
2688
+ {
2689
+ "zd-table-column-editable":
2690
+ column.editable,
2691
+ "zd-table-cell-editable":
2692
+ Object.assign(
2693
+ {},
2694
+ column,
2695
+ cellsApplied
2696
+ ).editable &&
2697
+ _vm.canEditRowValues[
2698
+ _vm.rowKey(item)
2699
+ ] &&
2700
+ !item.groupFooter,
2701
+ "zd-table-fixed-column":
2702
+ column.fixed,
2703
+ },
2704
+ {
2705
+ "theme--dark":
2706
+ (_vm.$vuetify.theme
2707
+ .dark &&
2708
+ !_vm.instance
2709
+ .light) ||
2710
+ _vm.instance.dark,
2711
+ },
2712
+ {
2713
+ "theme--light":
2714
+ !_vm.$vuetify.theme
2715
+ .dark ||
2716
+ _vm.instance.light,
2717
+ },
2718
+ ],
2719
+ cellStyle: [
2720
+ {
2721
+ left: column.fixed
2722
+ ? _vm.fixedLeft[
2723
+ column.name
2724
+ ]
2725
+ : "unset",
2726
+ },
2727
+ ],
2728
+ },
2742
2729
  on: {
2743
2730
  click: function ($event) {
2744
2731
  _vm.cellClick(
@@ -2801,133 +2788,46 @@
2801
2788
  Object.assign(
2802
2789
  {},
2803
2790
  column,
2804
- cellProps
2791
+ cellsApplied
2805
2792
  ).editable &&
2806
2793
  _vm.canEditRowValues[
2807
2794
  _vm.rowKey(item)
2808
2795
  ] &&
2809
2796
  _vm.instance.editing &&
2810
2797
  !item.groupFooter
2811
- ? _c(
2812
- "span",
2813
- {
2814
- directives: [
2815
- {
2816
- name: "show",
2817
- rawName: "v-show",
2818
- value:
2819
- !column.loading,
2820
- expression:
2821
- "!column.loading",
2822
- },
2823
- ],
2824
- staticClass:
2825
- "zd-table-cell-inline-edit",
2826
- style: {
2827
- width:
2828
- _vm.calcWidth(
2829
- column,
2830
- column.width ||
2831
- column.maxWidth ||
2832
- column.minWidth,
2833
- true
2834
- ) || "unset",
2835
- "min-width":
2836
- _vm.calcWidth(
2837
- column,
2838
- column.minWidth,
2839
- true
2840
- ) || "unset",
2841
- "max-width":
2842
- _vm.calcWidth(
2843
- column,
2844
- column.maxWidth,
2845
- true
2846
- ) || "unset",
2798
+ ? _c("zd-grid-cell-edit", {
2799
+ directives: [
2800
+ {
2801
+ name: "show",
2802
+ rawName: "v-show",
2803
+ value:
2804
+ !column.loading,
2805
+ expression:
2806
+ "!column.loading",
2847
2807
  },
2848
- },
2849
- [
2850
- _vm.instance.isEdited(
2851
- column,
2852
- item
2853
- )
2854
- ? _c(
2855
- "span",
2856
- {
2857
- staticClass:
2858
- "zd-table-cell-edit-icon",
2859
- },
2860
- [
2861
- _vm.instance.isValid(
2862
- column,
2863
- item
2864
- )
2865
- ? _c(
2866
- "v-icon",
2867
- {
2868
- attrs: {
2869
- color:
2870
- "primary",
2871
- },
2872
- },
2873
- [
2874
- _vm._v(
2875
- _vm._s(
2876
- _vm.$getIcon(
2877
- "pencil"
2878
- )
2879
- )
2880
- ),
2881
- ]
2882
- )
2883
- : _c(
2884
- "v-icon",
2885
- {
2886
- attrs: {
2887
- color:
2888
- "error",
2889
- },
2890
- },
2891
- [
2892
- _vm._v(
2893
- _vm._s(
2894
- _vm.$getIcon(
2895
- "warning"
2896
- )
2897
- )
2898
- ),
2899
- ]
2900
- ),
2901
- ],
2902
- 1
2903
- )
2904
- : _vm._e(),
2905
- _vm._v(" "),
2906
- _c(
2907
- column.componentProps
2908
- .component,
2909
- _vm._b(
2910
- {
2911
- key:
2912
- "" +
2913
- column.name +
2914
- _vm.rowKey(
2915
- item
2916
- ),
2917
- tag: "component",
2918
- },
2919
- "component",
2920
- _vm.getEditableComponent(
2921
- column,
2922
- item,
2923
- cellProps
2924
- ),
2925
- false
2926
- )
2927
- ),
2928
2808
  ],
2929
- 1
2930
- )
2809
+ attrs: {
2810
+ getWidthStyle:
2811
+ _vm.getWidthStyle,
2812
+ column: column,
2813
+ row: item,
2814
+ rowStyle: rowStyle,
2815
+ cellsApplied:
2816
+ cellsApplied,
2817
+ isEdited:
2818
+ _vm.instance.isEdited(
2819
+ column,
2820
+ item
2821
+ ),
2822
+ isValid:
2823
+ _vm.instance.isValid(
2824
+ column,
2825
+ item
2826
+ ),
2827
+ getEditableComponent:
2828
+ _vm.getEditableComponent,
2829
+ },
2830
+ })
2931
2831
  : _vm.hasToggleIcon(
2932
2832
  column,
2933
2833
  item
@@ -2941,7 +2841,7 @@
2941
2841
  _vm.$getIcon(
2942
2842
  column.formatterByRow(
2943
2843
  item,
2944
- cellProps
2844
+ cellsApplied
2945
2845
  )
2946
2846
  )
2947
2847
  )
@@ -2950,96 +2850,48 @@
2950
2850
  ],
2951
2851
  1
2952
2852
  )
2953
- : _c(
2954
- "span",
2955
- {
2956
- directives: [
2957
- {
2958
- name: "show",
2959
- rawName: "v-show",
2960
- value:
2961
- !column.loading,
2962
- expression:
2963
- "!column.loading",
2964
- },
2965
- ],
2966
- class: [
2967
- "zd-table-cell-text",
2968
- {
2969
- "zd-table-cell-text-editable":
2970
- Object.assign(
2971
- {},
2972
- column,
2973
- cellProps
2974
- ).editable &&
2975
- !item.groupFooter,
2976
- "overflow-hidden":
2977
- column.overflow ===
2978
- "hidden",
2979
- "overflow-wrap":
2980
- column.overflow ===
2981
- "wrap",
2982
- },
2983
- !isNaN(
2984
- column.overflow
2985
- )
2986
- ? "overflow-clamp overflow-clamp-" +
2987
- column.overflow
2988
- : "",
2853
+ : _c("zd-grid-cell-content", {
2854
+ directives: [
2855
+ {
2856
+ name: "show",
2857
+ rawName: "v-show",
2858
+ value:
2859
+ !column.loading,
2860
+ expression:
2861
+ "!column.loading",
2862
+ },
2863
+ ],
2864
+ attrs: {
2865
+ getWidthStyle:
2866
+ _vm.getWidthStyle,
2867
+ column: column,
2868
+ row: item,
2869
+ rowStyle: rowStyle,
2870
+ cellsApplied:
2871
+ cellsApplied,
2872
+ cssClass: [
2989
2873
  _vm.instance
2990
2874
  .groupColumnNames
2991
2875
  .length > 0
2992
2876
  ? "zd-table-cell-aling-total"
2993
2877
  : "",
2994
2878
  ],
2995
- style: {
2996
- width:
2997
- _vm.calcWidth(
2998
- column,
2999
- column.width ||
3000
- column.maxWidth ||
3001
- column.minWidth,
3002
- true
3003
- ) || "unset",
3004
- "min-width":
3005
- _vm.calcWidth(
3006
- column,
3007
- column.minWidth,
3008
- true
3009
- ) || "unset",
3010
- "max-width":
3011
- _vm.calcWidth(
3012
- column,
3013
- column.maxWidth,
3014
- true
3015
- ) || "unset",
3016
- },
3017
- on: {
3018
- mouseenter: function (
3019
- $event
3020
- ) {
3021
- return _vm.checkOverflow(
3022
- $event
3023
- )
3024
- },
3025
- mouseleave: function (
2879
+ },
2880
+ on: {
2881
+ mouseenter: function (
2882
+ $event
2883
+ ) {
2884
+ return _vm.checkOverflow(
3026
2885
  $event
3027
- ) {
3028
- return _vm.removeTooltip()
3029
- },
2886
+ )
2887
+ },
2888
+ mouseleave: function (
2889
+ $event
2890
+ ) {
2891
+ return _vm.removeTooltip()
3030
2892
  },
3031
2893
  },
3032
- [
3033
- _vm._v(
3034
- _vm._s(
3035
- column.formatterByRow(
3036
- item,
3037
- cellProps
3038
- )
3039
- )
3040
- ),
3041
- ]
3042
- ),
2894
+ }),
3043
2895
  ],
3044
2896
  2
3045
2897
  ),
@@ -3048,54 +2900,43 @@
3048
2900
  column.type === "action"
3049
2901
  ? [
3050
2902
  _c(
3051
- "td",
2903
+ "zd-grid-cell",
3052
2904
  {
3053
2905
  key: column.name,
3054
- class: [
3055
- "zd-table-cell",
3056
- "text-" + column.align,
3057
- Object.assign(
3058
- {},
3059
- column,
3060
- cellProps
3061
- ).cssClass,
3062
- {
3063
- "zd-table-fixed-column":
3064
- column.fixed,
3065
- },
3066
- {
3067
- "theme--dark":
3068
- (_vm.$vuetify.theme
3069
- .dark &&
3070
- !_vm.instance.light) ||
3071
- _vm.instance.dark,
3072
- },
3073
- {
3074
- "theme--light":
3075
- !_vm.$vuetify.theme
3076
- .dark ||
3077
- _vm.instance.light,
3078
- },
3079
- ],
3080
- style: [
3081
- Object.assign(
3082
- {},
3083
- column,
3084
- cellProps
3085
- ).style,
3086
- Object.assign(
3087
- {},
3088
- column,
3089
- cellProps
3090
- ).cssStyle,
3091
- {
3092
- left: column.fixed
3093
- ? _vm.fixedLeft[
3094
- column.name
3095
- ]
3096
- : "unset",
3097
- },
3098
- ],
2906
+ attrs: {
2907
+ column: column,
2908
+ rowStyle: rowStyle,
2909
+ cellsApplied: cellsApplied,
2910
+ cellClass: [
2911
+ {
2912
+ "zd-table-fixed-column":
2913
+ column.fixed,
2914
+ },
2915
+ {
2916
+ "theme--dark":
2917
+ (_vm.$vuetify.theme
2918
+ .dark &&
2919
+ !_vm.instance
2920
+ .light) ||
2921
+ _vm.instance.dark,
2922
+ },
2923
+ {
2924
+ "theme--light":
2925
+ !_vm.$vuetify.theme
2926
+ .dark ||
2927
+ _vm.instance.light,
2928
+ },
2929
+ ],
2930
+ cellStyle: [
2931
+ {
2932
+ left: column.fixed
2933
+ ? _vm.fixedLeft[
2934
+ column.name
2935
+ ]
2936
+ : "unset",
2937
+ },
2938
+ ],
2939
+ },
3099
2940
  on: {
3100
2941
  click: function ($event) {
3101
2942
  return _vm.cellClick(
@@ -3123,30 +2964,15 @@
3123
2964
  )
3124
2965
  : _vm._e(),
3125
2966
  _vm._v(" "),
3126
- _vm._l(
3127
- column.childrenProps,
3128
- function (child) {
3129
- return _c(
3130
- child.component,
3131
- _vm._b(
3132
- {
3133
- key:
3134
- "" +
3135
- child.name +
3136
- _vm.rowKey(item),
3137
- tag: "component",
3138
- },
3139
- "component",
3140
- _vm.instance.getActionComponent(
3141
- child,
3142
- column,
3143
- item
3144
- ),
3145
- false
3146
- )
3147
- )
3148
- }
3149
- ),
2967
+ _c("zd-grid-action", {
2968
+ attrs: {
2969
+ column: column,
2970
+ row: item,
2971
+ rowKey: _vm.rowKey(item),
2972
+ getActionComponent:
2973
+ _vm.getActionComponent,
2974
+ },
2975
+ }),
3150
2976
  ],
3151
2977
  2
3152
2978
  ),
@@ -3255,7 +3081,7 @@
3255
3081
  /* style */
3256
3082
  const __vue_inject_styles__$b = function (inject) {
3257
3083
  if (!inject) return
3258
- 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 });
3084
+ 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 });
3259
3085
 
3260
3086
  };
3261
3087
  /* scoped */
@@ -6255,6 +6081,13 @@
6255
6081
  return 'unset';
6256
6082
  return headerElement[0].style.left;
6257
6083
  }
6084
+ getWidthStyle(column) {
6085
+ return {
6086
+ width: this.calcWidth(column, column.width) || 'unset',
6087
+ 'min-width': this.calcWidth(column, column.minWidth) || 'unset',
6088
+ 'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
6089
+ };
6090
+ }
6258
6091
  };
6259
6092
  __decorate([
6260
6093
  vuetify.PropWatch({ type: [String], default: '' })
@@ -7171,65 +7004,54 @@
7171
7004
  [
7172
7005
  {
7173
7006
  column: header,
7174
- cellProps: Object.assign(
7175
- {},
7007
+ rowStyle:
7176
7008
  _vm.instance.getRowStyleConditions(item),
7177
- (_vm.instance.cellsApplied[
7178
- _vm.rowKey(item)
7179
- ] || {})[header.name]
7180
- ),
7009
+ cellsApplied: (_vm.instance.cellsApplied[
7010
+ _vm.rowKey(item)
7011
+ ] || {})[header.name],
7181
7012
  },
7182
7013
  ],
7183
7014
  function (ref) {
7184
7015
  var column = ref.column;
7185
- var cellProps = ref.cellProps;
7016
+ var rowStyle = ref.rowStyle;
7017
+ var cellsApplied = ref.cellsApplied;
7186
7018
  return [
7187
7019
  column.isVisible && column.type !== "action"
7188
7020
  ? [
7189
7021
  _c(
7190
- "td",
7022
+ "zd-grid-cell",
7191
7023
  {
7192
7024
  key: column.name,
7193
- class: [
7194
- "zd-table-cell",
7195
- "text-" + column.align,
7196
- Object.assign(
7197
- {},
7198
- column,
7199
- cellProps
7200
- ).cssClass,
7201
- { first: headerIndex === 0 },
7202
- {
7203
- "zd-table-column-editable":
7204
- column.editable,
7205
- "zd-table-cell-editable":
7206
- Object.assign(
7207
- {},
7208
- column,
7209
- cellProps
7210
- ).editable &&
7211
- _vm.canEditRowValues[
7212
- _vm.rowKey(item)
7213
- ],
7214
- "zd-table-fixed-column":
7215
- column.fixed,
7216
- },
7217
- ],
7218
- style: [
7219
- Object.assign(
7220
- {},
7221
- column,
7222
- cellProps
7223
- ).style,
7224
- Object.assign(
7225
- {},
7226
- column,
7227
- cellProps
7228
- ).cssStyle,
7229
- {
7230
- left: _vm.getFixedLeft(column),
7231
- },
7232
- ],
7025
+ attrs: {
7026
+ column: column,
7027
+ rowStyle: rowStyle,
7028
+ cellsApplied: cellsApplied,
7029
+ cellClass: [
7030
+ { first: headerIndex === 0 },
7031
+ {
7032
+ "zd-table-column-editable":
7033
+ column.editable,
7034
+ "zd-table-cell-editable":
7035
+ Object.assign(
7036
+ {},
7037
+ column,
7038
+ cellsApplied
7039
+ ).editable &&
7040
+ _vm.canEditRowValues[
7041
+ _vm.rowKey(item)
7042
+ ],
7043
+ "zd-table-fixed-column":
7044
+ column.fixed,
7045
+ },
7046
+ ],
7047
+ cellStyle: [
7048
+ {
7049
+ left: _vm.getFixedLeft(
7050
+ column
7051
+ ),
7052
+ },
7053
+ ],
7054
+ },
7233
7055
  on: {
7234
7056
  click: function ($event) {
7235
7057
  _vm.cellClick(
@@ -7265,127 +7087,45 @@
7265
7087
  Object.assign(
7266
7088
  {},
7267
7089
  column,
7268
- cellProps
7090
+ cellsApplied
7269
7091
  ).editable &&
7270
7092
  _vm.canEditRowValues[
7271
7093
  _vm.rowKey(item)
7272
7094
  ] &&
7273
7095
  _vm.instance.editing
7274
- ? _c(
7275
- "span",
7276
- {
7277
- directives: [
7278
- {
7279
- name: "show",
7280
- rawName: "v-show",
7281
- value:
7282
- !column.loading,
7283
- expression:
7284
- "!column.loading",
7285
- },
7286
- ],
7287
- staticClass:
7288
- "zd-table-cell-inline-edit",
7289
- style: {
7290
- width:
7291
- _vm.calcWidth(
7292
- column,
7293
- column.width,
7294
- true
7295
- ) || "unset",
7296
- "min-width":
7297
- _vm.calcWidth(
7298
- column,
7299
- column.minWidth,
7300
- true
7301
- ) || "unset",
7302
- "max-width":
7303
- _vm.calcWidth(
7304
- column,
7305
- column.maxWidth,
7306
- true
7307
- ) || "unset",
7096
+ ? _c("zd-grid-cell-edit", {
7097
+ directives: [
7098
+ {
7099
+ name: "show",
7100
+ rawName: "v-show",
7101
+ value:
7102
+ !column.loading,
7103
+ expression:
7104
+ "!column.loading",
7308
7105
  },
7309
- },
7310
- [
7311
- _vm.instance.isEdited(
7312
- column,
7313
- item
7314
- )
7315
- ? _c(
7316
- "span",
7317
- {
7318
- staticClass:
7319
- "zd-table-cell-edit-icon",
7320
- },
7321
- [
7322
- _vm.instance.isValid(
7323
- column,
7324
- item
7325
- )
7326
- ? _c(
7327
- "v-icon",
7328
- {
7329
- attrs: {
7330
- color:
7331
- "primary",
7332
- },
7333
- },
7334
- [
7335
- _vm._v(
7336
- _vm._s(
7337
- _vm.$getIcon(
7338
- "pencil"
7339
- )
7340
- )
7341
- ),
7342
- ]
7343
- )
7344
- : _c(
7345
- "v-icon",
7346
- {
7347
- attrs: {
7348
- color:
7349
- "error",
7350
- },
7351
- },
7352
- [
7353
- _vm._v(
7354
- _vm._s(
7355
- _vm.$getIcon(
7356
- "warning"
7357
- )
7358
- )
7359
- ),
7360
- ]
7361
- ),
7362
- ],
7363
- 1
7364
- )
7365
- : _vm._e(),
7366
- _vm._v(" "),
7367
- _c(
7368
- column.componentProps
7369
- .component,
7370
- _vm._b(
7371
- {
7372
- key:
7373
- column.name +
7374
- "rowKey(item)",
7375
- tag: "component",
7376
- },
7377
- "component",
7378
- _vm.getEditableComponent(
7379
- column,
7380
- item,
7381
- cellProps
7382
- ),
7383
- false
7384
- )
7385
- ),
7386
7106
  ],
7387
- 1
7388
- )
7107
+ attrs: {
7108
+ getWidthStyle:
7109
+ _vm.getWidthStyle,
7110
+ column: column,
7111
+ row: item,
7112
+ rowStyle: rowStyle,
7113
+ cellsApplied:
7114
+ cellsApplied,
7115
+ isEdited:
7116
+ _vm.instance.isEdited(
7117
+ column,
7118
+ item
7119
+ ),
7120
+ isValid:
7121
+ _vm.instance.isValid(
7122
+ column,
7123
+ item
7124
+ ),
7125
+ getEditableComponent:
7126
+ _vm.getEditableComponent,
7127
+ },
7128
+ })
7389
7129
  : _vm.hasToggleIcon(
7390
7130
  column,
7391
7131
  item
@@ -7399,7 +7139,7 @@
7399
7139
  _vm.$getIcon(
7400
7140
  column.formatterByRow(
7401
7141
  item,
7402
- cellProps
7142
+ cellsApplied
7403
7143
  )
7404
7144
  )
7405
7145
  )
@@ -7409,7 +7149,7 @@
7409
7149
  1
7410
7150
  )
7411
7151
  : _c(
7412
- "span",
7152
+ "zd-tree-grid-cell-content",
7413
7153
  {
7414
7154
  directives: [
7415
7155
  {
@@ -7421,55 +7161,28 @@
7421
7161
  "!column.loading",
7422
7162
  },
7423
7163
  ],
7424
- class: [
7425
- "zd-table-cell-text",
7426
- {
7427
- "zd-table-cell-text-first":
7428
- headerIndex ===
7429
- 0 ||
7430
- (headerIndex ===
7431
- 1 &&
7432
- _vm.instance
7433
- .selectable),
7434
- "zd-table-cell-text-editable":
7435
- Object.assign(
7436
- {},
7437
- column,
7438
- cellProps
7439
- ).editable,
7440
- "overflow-hidden":
7441
- column.overflow ===
7442
- "hidden",
7443
- "overflow-wrap":
7444
- column.overflow ===
7445
- "wrap",
7446
- },
7447
- !isNaN(
7448
- column.overflow
7449
- )
7450
- ? "overflow-clamp overflow-clamp-" +
7451
- column.overflow
7452
- : "",
7453
- ],
7454
- style: {
7455
- width:
7456
- _vm.calcWidth(
7457
- column,
7458
- column.width,
7459
- true
7460
- ) || "unset",
7461
- "min-width":
7462
- _vm.calcWidth(
7463
- column,
7464
- column.minWidth,
7465
- true
7466
- ) || "unset",
7467
- "max-width":
7468
- _vm.calcWidth(
7469
- column,
7470
- column.maxWidth,
7471
- true
7472
- ) || "unset",
7164
+ attrs: {
7165
+ getWidthStyle:
7166
+ _vm.getWidthStyle,
7167
+ column: column,
7168
+ row: item,
7169
+ rowStyle: rowStyle,
7170
+ cellsApplied:
7171
+ cellsApplied,
7172
+ headerIndex:
7173
+ headerIndex,
7174
+ selectable:
7175
+ _vm.instance
7176
+ .selectable,
7177
+ toggleExpand:
7178
+ _vm.toggleExpand,
7179
+ rowIndex: index,
7180
+ search:
7181
+ _vm.instance
7182
+ .datasource
7183
+ .search,
7184
+ expandClass:
7185
+ "zd-tree-grid-editable-expand",
7473
7186
  },
7474
7187
  on: {
7475
7188
  mouseenter: function (
@@ -7485,91 +7198,10 @@
7485
7198
  return _vm.removeTooltip()
7486
7199
  },
7487
7200
  },
7488
- },
7489
- [
7490
- _c(
7491
- "div",
7492
- {
7493
- directives: [
7494
- {
7495
- name: "show",
7496
- rawName:
7497
- "v-show",
7498
- value:
7499
- headerIndex ===
7500
- 0,
7501
- expression:
7502
- "headerIndex === 0",
7503
- },
7504
- ],
7505
- class: [
7506
- "zd-tree-grid-editable-expand",
7507
- "level" +
7508
- item.tree__level,
7509
- ],
7510
- },
7511
- [
7512
- item.tree__children
7513
- .length > 0
7514
- ? _c(
7515
- "v-icon",
7516
- {
7517
- class: {
7518
- opened:
7519
- item.tree__opened,
7520
- },
7521
- attrs: {
7522
- tabindex:
7523
- "-1",
7524
- },
7525
- on: {
7526
- click:
7527
- function (
7528
- $event
7529
- ) {
7530
- $event.stopPropagation();
7531
- return _vm.instance.toggleExpand(
7532
- item,
7533
- index
7534
- )
7535
- },
7536
- },
7537
- },
7538
- [
7539
- _vm._v(
7540
- "\n " +
7541
- _vm._s(
7542
- _vm.$getIcon(
7543
- "chevronRight"
7544
- )
7545
- ) +
7546
- "\n "
7547
- ),
7548
- ]
7549
- )
7550
- : _vm._e(),
7551
- ],
7552
- 1
7553
- ),
7554
- _vm._v(" "),
7555
- _c("span", {
7556
- key: item.tree__searched
7557
- ? "a"
7558
- : "b",
7559
- domProps: {
7560
- innerHTML: _vm._s(
7561
- _vm.formatSearchResult(
7562
- column.formatterByRow(
7563
- item,
7564
- cellProps
7565
- )
7566
- )
7567
- ),
7568
- },
7569
- }),
7570
- ]
7201
+ }
7571
7202
  ),
7572
- ]
7203
+ ],
7204
+ 1
7573
7205
  ),
7574
7206
  ],
7575
7207
  1
@@ -7579,36 +7211,22 @@
7579
7211
  column.type === "action"
7580
7212
  ? [
7581
7213
  _c(
7582
- "td",
7214
+ "zd-grid-cell",
7583
7215
  {
7584
7216
  key: column.name,
7585
- class: [
7586
- {
7587
- "zd-table-cell-text-first":
7588
- headerIndex === 0 ||
7589
- (headerIndex === 1 &&
7590
- _vm.instance.selectable),
7591
- },
7592
- "zd-table-cell",
7593
- "text-" + column.align,
7594
- Object.assign(
7595
- {},
7596
- column,
7597
- cellProps
7598
- ).cssClass,
7599
- ],
7600
- style: [
7601
- Object.assign(
7602
- {},
7603
- column,
7604
- cellProps
7605
- ).style,
7606
- Object.assign(
7607
- {},
7608
- column,
7609
- cellProps
7610
- ).cssStyle,
7611
- ],
7217
+ attrs: {
7218
+ column: column,
7219
+ rowStyle: rowStyle,
7220
+ cellsApplied: cellsApplied,
7221
+ cellClass: [
7222
+ {
7223
+ "zd-table-cell-text-first":
7224
+ headerIndex === 0 ||
7225
+ (headerIndex === 1 &&
7226
+ _vm.instance.selectable),
7227
+ },
7228
+ ],
7229
+ },
7612
7230
  on: {
7613
7231
  click: function ($event) {
7614
7232
  return _vm.cellClick(
@@ -7678,36 +7296,17 @@
7678
7296
  1
7679
7297
  ),
7680
7298
  _vm._v(" "),
7681
- _vm._l(
7682
- column.childrenProps,
7683
- function (child) {
7684
- return _c(
7685
- child.component,
7686
- _vm._b(
7687
- {
7688
- key:
7689
- "" +
7690
- child.name +
7691
- _vm.rowKey(item),
7692
- tag: "component",
7693
- },
7694
- "component",
7695
- Object.assign(
7696
- {},
7697
- child,
7698
- _vm.instance.getActionComponent(
7699
- child,
7700
- column,
7701
- item
7702
- )
7703
- ),
7704
- false
7705
- )
7706
- )
7707
- }
7708
- ),
7299
+ _c("zd-grid-action", {
7300
+ attrs: {
7301
+ column: column,
7302
+ row: item,
7303
+ rowKey: _vm.rowKey(item),
7304
+ getActionComponent:
7305
+ _vm.getActionComponent,
7306
+ },
7307
+ }),
7709
7308
  ],
7710
- 2
7309
+ 1
7711
7310
  ),
7712
7311
  ]
7713
7312
  : _vm._e(),
@@ -7813,7 +7412,7 @@
7813
7412
  /* style */
7814
7413
  const __vue_inject_styles__$2 = function (inject) {
7815
7414
  if (!inject) return
7816
- 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 });
7415
+ 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 });
7817
7416
 
7818
7417
  };
7819
7418
  /* scoped */