@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.umd.js CHANGED
@@ -1793,17 +1793,23 @@
1793
1793
  ? "active"
1794
1794
  : "",
1795
1795
  ],
1796
- style: {
1797
- "background-color":
1798
- _vm.instance.headerBackground,
1799
- width:
1800
- _vm.calcWidth(
1801
- column,
1802
- column.width ||
1803
- column.maxWidth ||
1804
- column.minWidth
1805
- ) || "unset",
1806
- },
1796
+ style: [
1797
+ {
1798
+ "background-color":
1799
+ _vm.instance.headerBackground,
1800
+ },
1801
+ column.width ||
1802
+ column.maxWidth ||
1803
+ column.minWidth
1804
+ ? "width: " +
1805
+ _vm.calcWidth(
1806
+ column,
1807
+ column.width ||
1808
+ column.maxWidth ||
1809
+ column.minWidth
1810
+ )
1811
+ : "width: unset",
1812
+ ],
1807
1813
  attrs: {
1808
1814
  "column-name": column.name,
1809
1815
  index: index,
@@ -1816,13 +1822,8 @@
1816
1822
  staticClass: "zd-table-header-cell",
1817
1823
  style: {
1818
1824
  width:
1819
- _vm.calcWidth(
1820
- column,
1821
- column.width ||
1822
- column.maxWidth ||
1823
- column.minWidth,
1824
- true
1825
- ) || "unset",
1825
+ _vm.setSpanWidth(column) ||
1826
+ "100%",
1826
1827
  },
1827
1828
  },
1828
1829
  [
@@ -2656,22 +2657,19 @@
2656
2657
  [
2657
2658
  {
2658
2659
  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
- ),
2660
+ rowStyle:
2661
+ _vm.instance.getRowStyleConditions(
2662
+ item
2663
+ ),
2664
+ cellsApplied: (_vm.instance.cellsApplied[
2665
+ _vm.rowKey(item)
2666
+ ] || {})[header.name],
2670
2667
  },
2671
2668
  ],
2672
2669
  function (ref) {
2673
2670
  var column = ref.column;
2674
- var cellProps = ref.cellProps;
2671
+ var rowStyle = ref.rowStyle;
2672
+ var cellsApplied = ref.cellsApplied;
2675
2673
  return [
2676
2674
  column.isVisible &&
2677
2675
  _vm.instance.groupColumnNames.indexOf(
@@ -2680,65 +2678,55 @@
2680
2678
  column.type !== "action"
2681
2679
  ? [
2682
2680
  _c(
2683
- "td",
2681
+ "zd-grid-cell",
2684
2682
  {
2685
2683
  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
- ],
2684
+ attrs: {
2685
+ column: column,
2686
+ rowStyle: rowStyle,
2687
+ cellsApplied: cellsApplied,
2688
+ cellClass: [
2689
+ {
2690
+ "zd-table-column-editable":
2691
+ column.editable,
2692
+ "zd-table-cell-editable":
2693
+ Object.assign(
2694
+ {},
2695
+ column,
2696
+ cellsApplied
2697
+ ).editable &&
2698
+ _vm.canEditRowValues[
2699
+ _vm.rowKey(item)
2700
+ ] &&
2701
+ !item.groupFooter,
2702
+ "zd-table-fixed-column":
2703
+ column.fixed,
2704
+ },
2705
+ {
2706
+ "theme--dark":
2707
+ (_vm.$vuetify.theme
2708
+ .dark &&
2709
+ !_vm.instance
2710
+ .light) ||
2711
+ _vm.instance.dark,
2712
+ },
2713
+ {
2714
+ "theme--light":
2715
+ !_vm.$vuetify.theme
2716
+ .dark ||
2717
+ _vm.instance.light,
2718
+ },
2719
+ ],
2720
+ cellStyle: [
2721
+ {
2722
+ left: column.fixed
2723
+ ? _vm.fixedLeft[
2724
+ column.name
2725
+ ]
2726
+ : "unset",
2727
+ },
2728
+ ],
2729
+ },
2742
2730
  on: {
2743
2731
  click: function ($event) {
2744
2732
  _vm.cellClick(
@@ -2801,133 +2789,46 @@
2801
2789
  Object.assign(
2802
2790
  {},
2803
2791
  column,
2804
- cellProps
2792
+ cellsApplied
2805
2793
  ).editable &&
2806
2794
  _vm.canEditRowValues[
2807
2795
  _vm.rowKey(item)
2808
2796
  ] &&
2809
2797
  _vm.instance.editing &&
2810
2798
  !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",
2799
+ ? _c("zd-grid-cell-edit", {
2800
+ directives: [
2801
+ {
2802
+ name: "show",
2803
+ rawName: "v-show",
2804
+ value:
2805
+ !column.loading,
2806
+ expression:
2807
+ "!column.loading",
2847
2808
  },
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
2809
  ],
2929
- 1
2930
- )
2810
+ attrs: {
2811
+ getWidthStyle:
2812
+ _vm.getWidthStyle,
2813
+ column: column,
2814
+ row: item,
2815
+ rowStyle: rowStyle,
2816
+ cellsApplied:
2817
+ cellsApplied,
2818
+ isEdited:
2819
+ _vm.instance.isEdited(
2820
+ column,
2821
+ item
2822
+ ),
2823
+ isValid:
2824
+ _vm.instance.isValid(
2825
+ column,
2826
+ item
2827
+ ),
2828
+ getEditableComponent:
2829
+ _vm.getEditableComponent,
2830
+ },
2831
+ })
2931
2832
  : _vm.hasToggleIcon(
2932
2833
  column,
2933
2834
  item
@@ -2941,7 +2842,7 @@
2941
2842
  _vm.$getIcon(
2942
2843
  column.formatterByRow(
2943
2844
  item,
2944
- cellProps
2845
+ cellsApplied
2945
2846
  )
2946
2847
  )
2947
2848
  )
@@ -2950,96 +2851,48 @@
2950
2851
  ],
2951
2852
  1
2952
2853
  )
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
- : "",
2854
+ : _c("zd-grid-cell-content", {
2855
+ directives: [
2856
+ {
2857
+ name: "show",
2858
+ rawName: "v-show",
2859
+ value:
2860
+ !column.loading,
2861
+ expression:
2862
+ "!column.loading",
2863
+ },
2864
+ ],
2865
+ attrs: {
2866
+ getWidthStyle:
2867
+ _vm.getWidthStyle,
2868
+ column: column,
2869
+ row: item,
2870
+ rowStyle: rowStyle,
2871
+ cellsApplied:
2872
+ cellsApplied,
2873
+ cssClass: [
2989
2874
  _vm.instance
2990
2875
  .groupColumnNames
2991
2876
  .length > 0
2992
2877
  ? "zd-table-cell-aling-total"
2993
2878
  : "",
2994
2879
  ],
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 (
2880
+ },
2881
+ on: {
2882
+ mouseenter: function (
2883
+ $event
2884
+ ) {
2885
+ return _vm.checkOverflow(
3026
2886
  $event
3027
- ) {
3028
- return _vm.removeTooltip()
3029
- },
2887
+ )
2888
+ },
2889
+ mouseleave: function (
2890
+ $event
2891
+ ) {
2892
+ return _vm.removeTooltip()
3030
2893
  },
3031
2894
  },
3032
- [
3033
- _vm._v(
3034
- _vm._s(
3035
- column.formatterByRow(
3036
- item,
3037
- cellProps
3038
- )
3039
- )
3040
- ),
3041
- ]
3042
- ),
2895
+ }),
3043
2896
  ],
3044
2897
  2
3045
2898
  ),
@@ -3048,54 +2901,43 @@
3048
2901
  column.type === "action"
3049
2902
  ? [
3050
2903
  _c(
3051
- "td",
2904
+ "zd-grid-cell",
3052
2905
  {
3053
2906
  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
- ],
2907
+ attrs: {
2908
+ column: column,
2909
+ rowStyle: rowStyle,
2910
+ cellsApplied: cellsApplied,
2911
+ cellClass: [
2912
+ {
2913
+ "zd-table-fixed-column":
2914
+ column.fixed,
2915
+ },
2916
+ {
2917
+ "theme--dark":
2918
+ (_vm.$vuetify.theme
2919
+ .dark &&
2920
+ !_vm.instance
2921
+ .light) ||
2922
+ _vm.instance.dark,
2923
+ },
2924
+ {
2925
+ "theme--light":
2926
+ !_vm.$vuetify.theme
2927
+ .dark ||
2928
+ _vm.instance.light,
2929
+ },
2930
+ ],
2931
+ cellStyle: [
2932
+ {
2933
+ left: column.fixed
2934
+ ? _vm.fixedLeft[
2935
+ column.name
2936
+ ]
2937
+ : "unset",
2938
+ },
2939
+ ],
2940
+ },
3099
2941
  on: {
3100
2942
  click: function ($event) {
3101
2943
  return _vm.cellClick(
@@ -3123,30 +2965,15 @@
3123
2965
  )
3124
2966
  : _vm._e(),
3125
2967
  _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
- ),
2968
+ _c("zd-grid-action", {
2969
+ attrs: {
2970
+ column: column,
2971
+ row: item,
2972
+ rowKey: _vm.rowKey(item),
2973
+ getActionComponent:
2974
+ _vm.getActionComponent,
2975
+ },
2976
+ }),
3150
2977
  ],
3151
2978
  2
3152
2979
  ),
@@ -3255,7 +3082,7 @@
3255
3082
  /* style */
3256
3083
  const __vue_inject_styles__$b = function (inject) {
3257
3084
  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 });
3085
+ 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 });
3259
3086
 
3260
3087
  };
3261
3088
  /* scoped */
@@ -4591,12 +4418,14 @@
4591
4418
  layoutChanged = true;
4592
4419
  return isInGrid;
4593
4420
  });
4594
- if (layoutChanged)
4421
+ if (layoutChanged) {
4595
4422
  this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
4423
+ }
4596
4424
  tableElement.style.width = layout.gridWidth || 'auto';
4597
4425
  grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
4598
4426
  grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
4599
- if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource && layout.dynamicFilter !== undefined) {
4427
+ if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource
4428
+ && layout.dynamicFilter !== undefined) {
4600
4429
  grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
4601
4430
  }
4602
4431
  if (layout.columns) {
@@ -4611,6 +4440,7 @@
4611
4440
  col.aggregation = column.aggregation;
4612
4441
  col.minWidth = column.minWidth || '';
4613
4442
  col.maxWidth = column.maxWidth || '';
4443
+ col.width = column.width;
4614
4444
  this.setHelperValue(col, column.filterHelperValue || '');
4615
4445
  return col;
4616
4446
  });
@@ -4646,6 +4476,7 @@
4646
4476
  col.aggregation = column.aggregation;
4647
4477
  col.minWidth = column.minWidth || '';
4648
4478
  col.maxWidth = column.maxWidth || '';
4479
+ col.width = column.width;
4649
4480
  this.setHelperValue(col, column.filterHelperValue || '');
4650
4481
  return col;
4651
4482
  });
@@ -4657,8 +4488,10 @@
4657
4488
  }
4658
4489
  if ((JSON.stringify(grid.datasource.order) !== oldOrder
4659
4490
  || JSON.stringify(grid.datasource.filter) !== oldFilter
4660
- || JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
4661
- && !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
4491
+ || JSON.stringify(this.datasourceDynamicFilter(grid.datasource))
4492
+ !== oldDynamicFilter)
4493
+ && !groupParamsChanged) {
4494
+ // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
4662
4495
  grid.datasource.get();
4663
4496
  }
4664
4497
  this.$refs.layoutMenu.isActive = false;
@@ -4682,7 +4515,8 @@
4682
4515
  const column = columns[columns.findIndex((col) => col.name === columnName)];
4683
4516
  const { filterHelperValue } = column;
4684
4517
  filterOptions.forEach((item) => {
4685
- if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation) && !Array.isArray(item.value)) {
4518
+ if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation)
4519
+ && !Array.isArray(item.value)) {
4686
4520
  item.value = item.value.split(';');
4687
4521
  }
4688
4522
  let helperValue = '';
@@ -4692,7 +4526,8 @@
4692
4526
  else {
4693
4527
  Object.keys(filterHelperValue).forEach((key) => {
4694
4528
  const value = filterHelperValue[key] || '';
4695
- if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}` === key) {
4529
+ if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}`
4530
+ === key) {
4696
4531
  helperValue = value;
4697
4532
  }
4698
4533
  });
@@ -4708,7 +4543,9 @@
4708
4543
  getCurrentLayout(layoutName) {
4709
4544
  const { grid } = this.instance;
4710
4545
  const tableElement = this.getParentTable();
4711
- const gridWidth = tableElement ? window.getComputedStyle(tableElement).width : 'auto';
4546
+ const gridWidth = tableElement
4547
+ ? window.getComputedStyle(tableElement).width
4548
+ : 'auto';
4712
4549
  return {
4713
4550
  name: layoutName,
4714
4551
  gridWidth,
@@ -6255,6 +6092,16 @@
6255
6092
  return 'unset';
6256
6093
  return headerElement[0].style.left;
6257
6094
  }
6095
+ setSpanWidth(column) {
6096
+ return column.width;
6097
+ }
6098
+ getWidthStyle(column) {
6099
+ return {
6100
+ width: this.calcWidth(column, column.width) || 'unset',
6101
+ 'min-width': this.calcWidth(column, column.minWidth) || 'unset',
6102
+ 'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
6103
+ };
6104
+ }
6258
6105
  };
6259
6106
  __decorate([
6260
6107
  vuetify.PropWatch({ type: [String], default: '' })
@@ -6511,17 +6358,23 @@
6511
6358
  ? "active"
6512
6359
  : "",
6513
6360
  ],
6514
- style: {
6515
- "background-color":
6516
- _vm.instance.headerBackground,
6517
- width:
6518
- _vm.calcWidth(
6519
- column,
6520
- column.width ||
6521
- column.maxWidth ||
6522
- column.minWidth
6523
- ) || "unset",
6524
- },
6361
+ style: [
6362
+ {
6363
+ "background-color":
6364
+ _vm.instance.headerBackground,
6365
+ },
6366
+ column.width ||
6367
+ column.maxWidth ||
6368
+ column.minWidth
6369
+ ? "width: " +
6370
+ _vm.calcWidth(
6371
+ column,
6372
+ column.width ||
6373
+ column.maxWidth ||
6374
+ column.minWidth
6375
+ )
6376
+ : "width: unset",
6377
+ ],
6525
6378
  attrs: {
6526
6379
  "column-name": column.name,
6527
6380
  index: index,
@@ -6534,13 +6387,8 @@
6534
6387
  staticClass: "zd-table-header-cell",
6535
6388
  style: {
6536
6389
  width:
6537
- _vm.calcWidth(
6538
- column,
6539
- column.width ||
6540
- column.maxWidth ||
6541
- column.minWidth,
6542
- true
6543
- ) || "unset",
6390
+ _vm.setSpanWidth(column) ||
6391
+ "100%",
6544
6392
  color:
6545
6393
  _vm.instance.headerCellTextColor,
6546
6394
  },
@@ -7171,65 +7019,54 @@
7171
7019
  [
7172
7020
  {
7173
7021
  column: header,
7174
- cellProps: Object.assign(
7175
- {},
7022
+ rowStyle:
7176
7023
  _vm.instance.getRowStyleConditions(item),
7177
- (_vm.instance.cellsApplied[
7178
- _vm.rowKey(item)
7179
- ] || {})[header.name]
7180
- ),
7024
+ cellsApplied: (_vm.instance.cellsApplied[
7025
+ _vm.rowKey(item)
7026
+ ] || {})[header.name],
7181
7027
  },
7182
7028
  ],
7183
7029
  function (ref) {
7184
7030
  var column = ref.column;
7185
- var cellProps = ref.cellProps;
7031
+ var rowStyle = ref.rowStyle;
7032
+ var cellsApplied = ref.cellsApplied;
7186
7033
  return [
7187
7034
  column.isVisible && column.type !== "action"
7188
7035
  ? [
7189
7036
  _c(
7190
- "td",
7037
+ "zd-grid-cell",
7191
7038
  {
7192
7039
  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
- ],
7040
+ attrs: {
7041
+ column: column,
7042
+ rowStyle: rowStyle,
7043
+ cellsApplied: cellsApplied,
7044
+ cellClass: [
7045
+ { first: headerIndex === 0 },
7046
+ {
7047
+ "zd-table-column-editable":
7048
+ column.editable,
7049
+ "zd-table-cell-editable":
7050
+ Object.assign(
7051
+ {},
7052
+ column,
7053
+ cellsApplied
7054
+ ).editable &&
7055
+ _vm.canEditRowValues[
7056
+ _vm.rowKey(item)
7057
+ ],
7058
+ "zd-table-fixed-column":
7059
+ column.fixed,
7060
+ },
7061
+ ],
7062
+ cellStyle: [
7063
+ {
7064
+ left: _vm.getFixedLeft(
7065
+ column
7066
+ ),
7067
+ },
7068
+ ],
7069
+ },
7233
7070
  on: {
7234
7071
  click: function ($event) {
7235
7072
  _vm.cellClick(
@@ -7265,127 +7102,45 @@
7265
7102
  Object.assign(
7266
7103
  {},
7267
7104
  column,
7268
- cellProps
7105
+ cellsApplied
7269
7106
  ).editable &&
7270
7107
  _vm.canEditRowValues[
7271
7108
  _vm.rowKey(item)
7272
7109
  ] &&
7273
7110
  _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",
7111
+ ? _c("zd-grid-cell-edit", {
7112
+ directives: [
7113
+ {
7114
+ name: "show",
7115
+ rawName: "v-show",
7116
+ value:
7117
+ !column.loading,
7118
+ expression:
7119
+ "!column.loading",
7308
7120
  },
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
7121
  ],
7387
- 1
7388
- )
7122
+ attrs: {
7123
+ getWidthStyle:
7124
+ _vm.getWidthStyle,
7125
+ column: column,
7126
+ row: item,
7127
+ rowStyle: rowStyle,
7128
+ cellsApplied:
7129
+ cellsApplied,
7130
+ isEdited:
7131
+ _vm.instance.isEdited(
7132
+ column,
7133
+ item
7134
+ ),
7135
+ isValid:
7136
+ _vm.instance.isValid(
7137
+ column,
7138
+ item
7139
+ ),
7140
+ getEditableComponent:
7141
+ _vm.getEditableComponent,
7142
+ },
7143
+ })
7389
7144
  : _vm.hasToggleIcon(
7390
7145
  column,
7391
7146
  item
@@ -7399,7 +7154,7 @@
7399
7154
  _vm.$getIcon(
7400
7155
  column.formatterByRow(
7401
7156
  item,
7402
- cellProps
7157
+ cellsApplied
7403
7158
  )
7404
7159
  )
7405
7160
  )
@@ -7409,7 +7164,7 @@
7409
7164
  1
7410
7165
  )
7411
7166
  : _c(
7412
- "span",
7167
+ "zd-tree-grid-cell-content",
7413
7168
  {
7414
7169
  directives: [
7415
7170
  {
@@ -7421,55 +7176,28 @@
7421
7176
  "!column.loading",
7422
7177
  },
7423
7178
  ],
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",
7179
+ attrs: {
7180
+ getWidthStyle:
7181
+ _vm.getWidthStyle,
7182
+ column: column,
7183
+ row: item,
7184
+ rowStyle: rowStyle,
7185
+ cellsApplied:
7186
+ cellsApplied,
7187
+ headerIndex:
7188
+ headerIndex,
7189
+ selectable:
7190
+ _vm.instance
7191
+ .selectable,
7192
+ toggleExpand:
7193
+ _vm.toggleExpand,
7194
+ rowIndex: index,
7195
+ search:
7196
+ _vm.instance
7197
+ .datasource
7198
+ .search,
7199
+ expandClass:
7200
+ "zd-tree-grid-editable-expand",
7473
7201
  },
7474
7202
  on: {
7475
7203
  mouseenter: function (
@@ -7485,91 +7213,10 @@
7485
7213
  return _vm.removeTooltip()
7486
7214
  },
7487
7215
  },
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
- ]
7216
+ }
7571
7217
  ),
7572
- ]
7218
+ ],
7219
+ 1
7573
7220
  ),
7574
7221
  ],
7575
7222
  1
@@ -7579,36 +7226,22 @@
7579
7226
  column.type === "action"
7580
7227
  ? [
7581
7228
  _c(
7582
- "td",
7229
+ "zd-grid-cell",
7583
7230
  {
7584
7231
  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
- ],
7232
+ attrs: {
7233
+ column: column,
7234
+ rowStyle: rowStyle,
7235
+ cellsApplied: cellsApplied,
7236
+ cellClass: [
7237
+ {
7238
+ "zd-table-cell-text-first":
7239
+ headerIndex === 0 ||
7240
+ (headerIndex === 1 &&
7241
+ _vm.instance.selectable),
7242
+ },
7243
+ ],
7244
+ },
7612
7245
  on: {
7613
7246
  click: function ($event) {
7614
7247
  return _vm.cellClick(
@@ -7678,36 +7311,17 @@
7678
7311
  1
7679
7312
  ),
7680
7313
  _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
- ),
7314
+ _c("zd-grid-action", {
7315
+ attrs: {
7316
+ column: column,
7317
+ row: item,
7318
+ rowKey: _vm.rowKey(item),
7319
+ getActionComponent:
7320
+ _vm.getActionComponent,
7321
+ },
7322
+ }),
7709
7323
  ],
7710
- 2
7324
+ 1
7711
7325
  ),
7712
7326
  ]
7713
7327
  : _vm._e(),
@@ -7813,7 +7427,7 @@
7813
7427
  /* style */
7814
7428
  const __vue_inject_styles__$2 = function (inject) {
7815
7429
  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 });
7430
+ 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 });
7817
7431
 
7818
7432
  };
7819
7433
  /* scoped */