@sankhyalabs/sankhyablocks 5.6.0 → 5.7.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 (136) hide show
  1. package/dist/cjs/{SnkMessageBuilder-e64dce7f.js → SnkMessageBuilder-056d1c24.js} +9 -1
  2. package/dist/cjs/{filter-item-type.enum-3daf58d3.js → filter-item-type.enum-aa823a00.js} +1 -0
  3. package/dist/cjs/filter-type.enum-b14ce507.js +11 -0
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/presentationMode-52ec3bdd.js +7 -0
  6. package/dist/cjs/sankhyablocks.cjs.js +1 -1
  7. package/dist/cjs/snk-application.cjs.entry.js +1 -1
  8. package/dist/cjs/snk-data-exporter.cjs.entry.js +2 -2
  9. package/dist/cjs/{snk-data-unit-85d6565e.js → snk-data-unit-289081c4.js} +1 -1
  10. package/dist/cjs/snk-data-unit.cjs.entry.js +2 -2
  11. package/dist/cjs/snk-detail-view.cjs.entry.js +1 -1
  12. package/dist/cjs/snk-filter-bar.cjs.entry.js +52 -140
  13. package/dist/cjs/snk-filter-binary-select.cjs.entry.js +8 -1
  14. package/dist/cjs/snk-filter-detail.cjs.entry.js +1 -1
  15. package/dist/cjs/snk-filter-item.cjs.entry.js +1 -1
  16. package/dist/cjs/snk-filter-modal-item.cjs.entry.js +66 -0
  17. package/dist/cjs/snk-filter-modal.cjs.entry.js +72 -49
  18. package/dist/cjs/snk-filter-multi-select.cjs.entry.js +3 -1
  19. package/dist/cjs/snk-filter-number.cjs.entry.js +3 -1
  20. package/dist/cjs/snk-filter-period.cjs.entry.js +11 -2
  21. package/dist/cjs/snk-filter-personalized.cjs.entry.js +3 -1
  22. package/dist/cjs/snk-filter-search.cjs.entry.js +3 -1
  23. package/dist/cjs/snk-filter-text.cjs.entry.js +2 -0
  24. package/dist/collection/collection-manifest.json +1 -0
  25. package/dist/collection/components/snk-filter-bar/filter-item/editors/enum/presentationMode.js +5 -0
  26. package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-binary-select.js +47 -0
  27. package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-multi-select.js +19 -0
  28. package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-number.js +19 -0
  29. package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-period.js +50 -1
  30. package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-personalized.js +19 -0
  31. package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-search.js +19 -0
  32. package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-text.js +19 -0
  33. package/dist/collection/components/snk-filter-bar/filter-item/filter-item-type.enum.js +1 -0
  34. package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.css +31 -2
  35. package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.js +116 -156
  36. package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.css +4 -0
  37. package/dist/collection/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.js +115 -0
  38. package/dist/collection/components/snk-filter-bar/snk-filter-bar.js +19 -142
  39. package/dist/collection/components/snk-filter-bar/types/filter-type.enum.js +7 -0
  40. package/dist/collection/components/snk-filter-bar/utils/SnkFilterModalFactory.js +36 -0
  41. package/dist/collection/components/snk-filter-bar/utils/filters-mock.js +315 -0
  42. package/dist/collection/lib/message/resources/snk-filter-bar.msg.js +9 -1
  43. package/dist/components/SnkMessageBuilder.js +9 -1
  44. package/dist/components/filter-item-type.enum.js +1 -0
  45. package/dist/components/index.d.ts +1 -0
  46. package/dist/components/index.js +1 -0
  47. package/dist/components/presentationMode.js +7 -0
  48. package/dist/components/snk-crud.js +22 -34
  49. package/dist/components/snk-detail-view2.js +24 -46
  50. package/dist/components/snk-filter-bar2.js +57 -157
  51. package/dist/components/snk-filter-binary-select.js +9 -1
  52. package/dist/components/snk-filter-list.js +171 -1
  53. package/dist/components/snk-filter-modal-item.d.ts +11 -0
  54. package/dist/components/snk-filter-modal-item.js +6 -0
  55. package/dist/components/snk-filter-modal-item2.js +85 -0
  56. package/dist/components/snk-filter-modal.js +118 -1
  57. package/dist/components/snk-filter-multi-select.js +3 -1
  58. package/dist/components/snk-filter-number.js +3 -1
  59. package/dist/components/snk-filter-period.js +12 -2
  60. package/dist/components/snk-filter-personalized.js +3 -1
  61. package/dist/components/snk-filter-search.js +3 -1
  62. package/dist/components/snk-filter-text.js +3 -1
  63. package/dist/components/snk-grid2.js +10 -22
  64. package/dist/esm/{SnkMessageBuilder-f3590f65.js → SnkMessageBuilder-23272e07.js} +9 -1
  65. package/dist/esm/{filter-item-type.enum-a79b2fa8.js → filter-item-type.enum-5028ed3f.js} +1 -0
  66. package/dist/esm/filter-type.enum-a80c1b6b.js +9 -0
  67. package/dist/esm/loader.js +1 -1
  68. package/dist/esm/presentationMode-783bbf9d.js +7 -0
  69. package/dist/esm/sankhyablocks.js +1 -1
  70. package/dist/esm/snk-application.entry.js +1 -1
  71. package/dist/esm/snk-data-exporter.entry.js +2 -2
  72. package/dist/esm/{snk-data-unit-50b1660c.js → snk-data-unit-34dc5371.js} +1 -1
  73. package/dist/esm/snk-data-unit.entry.js +2 -2
  74. package/dist/esm/snk-detail-view.entry.js +1 -1
  75. package/dist/esm/snk-filter-bar.entry.js +53 -141
  76. package/dist/esm/snk-filter-binary-select.entry.js +9 -2
  77. package/dist/esm/snk-filter-detail.entry.js +1 -1
  78. package/dist/esm/snk-filter-item.entry.js +1 -1
  79. package/dist/esm/snk-filter-modal-item.entry.js +62 -0
  80. package/dist/esm/snk-filter-modal.entry.js +73 -50
  81. package/dist/esm/snk-filter-multi-select.entry.js +4 -2
  82. package/dist/esm/snk-filter-number.entry.js +4 -2
  83. package/dist/esm/snk-filter-period.entry.js +12 -3
  84. package/dist/esm/snk-filter-personalized.entry.js +4 -2
  85. package/dist/esm/snk-filter-search.entry.js +4 -2
  86. package/dist/esm/snk-filter-text.entry.js +3 -1
  87. package/dist/sankhyablocks/{p-f344b811.entry.js → p-0110b7da.entry.js} +1 -1
  88. package/dist/sankhyablocks/p-1a68fb59.js +1 -0
  89. package/dist/sankhyablocks/{p-3d3263b4.js → p-3db1d3de.js} +1 -1
  90. package/dist/sankhyablocks/p-45ee8b22.entry.js +1 -0
  91. package/dist/sankhyablocks/p-4ce96831.entry.js +1 -0
  92. package/dist/sankhyablocks/{p-9dd2b8cb.js → p-584d7212.js} +1 -1
  93. package/dist/sankhyablocks/{p-c4417efb.entry.js → p-64b03506.entry.js} +1 -1
  94. package/dist/sankhyablocks/p-7695c404.entry.js +1 -0
  95. package/dist/sankhyablocks/p-786ae316.entry.js +1 -0
  96. package/dist/sankhyablocks/p-82bc97da.entry.js +1 -0
  97. package/dist/sankhyablocks/p-8efb0f47.entry.js +1 -0
  98. package/dist/sankhyablocks/p-9af04fc7.entry.js +1 -0
  99. package/dist/sankhyablocks/{p-3a2ce158.entry.js → p-a1c58536.entry.js} +1 -1
  100. package/dist/sankhyablocks/{p-afba9bbe.entry.js → p-bdbb2672.entry.js} +1 -1
  101. package/dist/sankhyablocks/{p-3fbe2d69.entry.js → p-c1ab16d0.entry.js} +2 -2
  102. package/dist/sankhyablocks/p-d9804798.js +1 -0
  103. package/dist/sankhyablocks/p-e2bb9c9a.entry.js +1 -0
  104. package/dist/sankhyablocks/p-ed3d6ab4.entry.js +1 -0
  105. package/dist/sankhyablocks/p-ee1381f4.entry.js +1 -0
  106. package/dist/sankhyablocks/p-f5f36fbb.js +1 -0
  107. package/dist/sankhyablocks/p-ffac37d5.entry.js +1 -0
  108. package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
  109. package/dist/types/components/snk-filter-bar/filter-item/editors/enum/presentationMode.d.ts +4 -0
  110. package/dist/types/components/snk-filter-bar/filter-item/editors/snk-filter-personalized.d.ts +5 -0
  111. package/dist/types/components/snk-filter-bar/filter-item/filter-item-type.enum.d.ts +2 -1
  112. package/dist/types/components/snk-filter-bar/filter-item/snk-filter-item.d.ts +3 -0
  113. package/dist/types/components/snk-filter-bar/filter-modal/snk-filter-modal.d.ts +37 -0
  114. package/dist/types/components/snk-filter-bar/filter-modal/subcomponents/snk-filter-modal-item.d.ts +17 -0
  115. package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts +2 -11
  116. package/dist/types/components/snk-filter-bar/types/filter-type.enum.d.ts +6 -0
  117. package/dist/types/components/snk-filter-bar/utils/SnkFilterModalFactory.d.ts +20 -0
  118. package/dist/types/components/snk-filter-bar/utils/filters-mock.d.ts +186 -0
  119. package/dist/types/components.d.ts +113 -54
  120. package/package.json +1 -1
  121. package/react/components.d.ts +1 -0
  122. package/react/components.js +1 -0
  123. package/react/components.js.map +1 -1
  124. package/dist/components/snk-filter-list2.js +0 -173
  125. package/dist/components/snk-filter-modal2.js +0 -97
  126. package/dist/sankhyablocks/p-1dcfd32a.entry.js +0 -1
  127. package/dist/sankhyablocks/p-5e62a17b.entry.js +0 -1
  128. package/dist/sankhyablocks/p-5fc55684.entry.js +0 -1
  129. package/dist/sankhyablocks/p-73e830cf.entry.js +0 -1
  130. package/dist/sankhyablocks/p-86d29b6f.entry.js +0 -1
  131. package/dist/sankhyablocks/p-ad51bf1c.entry.js +0 -1
  132. package/dist/sankhyablocks/p-c336170d.entry.js +0 -1
  133. package/dist/sankhyablocks/p-c9477950.js +0 -1
  134. package/dist/sankhyablocks/p-d5c9c1f8.entry.js +0 -1
  135. package/dist/sankhyablocks/p-ee82c157.entry.js +0 -1
  136. package/dist/sankhyablocks/p-fac37198.entry.js +0 -1
@@ -30,11 +30,10 @@ import { IExportResult } from "./components/snk-data-exporter/data/export-result
30
30
  import { IExportConfig } from "./components/snk-data-exporter/data/export-config";
31
31
  import { IExpressionItem } from "./components/snk-personalized-filter/subcomponents/snk-filter-param-config/interfaces/IExpressionItem";
32
32
  import { SnkFilterItemConfig } from "./components/snk-filter-bar/filter-item/snk-filter-item";
33
+ import { EPresentationMode } from "./components/snk-filter-bar/filter-item/editors/enum/presentationMode";
33
34
  import { FilterFieldsDataSource, IFilterField, IFilterLink } from "./components/snk-filter-field-search/interfaces";
34
35
  import { SnkFilterItemConfig as SnkFilterItemConfig1 } from "./components/snk-filter-bar/filter-item/snk-filter-item";
35
36
  import { ListItem } from "./components/snk-filter-bar/filter-list/snk-filter-list";
36
- import { ModalItem } from "./components/snk-filter-bar/filter-modal/snk-filter-modal";
37
- import { ModalAction } from "@sankhyalabs/ezui/dist/collection/components/ez-modal-container";
38
37
  import { IFormViewField } from "@sankhyalabs/ezui/dist/types/components/ez-form-view/interfaces/IFormViewField";
39
38
  import { FormMetadata } from "@sankhyalabs/ezui/dist/collection/utils/form";
40
39
  import { PresentationMode as PresentationMode1 } from "./lib/@types";
@@ -475,6 +474,10 @@ export namespace Components {
475
474
  * Define as configurações do componente snk-filter-binary-select
476
475
  */
477
476
  "config": SnkFilterItemConfig;
477
+ /**
478
+ * Define a variação do componente
479
+ */
480
+ "presentationMode": EPresentationMode;
478
481
  /**
479
482
  * Exibe o componente snk-filter-binary-select
480
483
  */
@@ -572,41 +575,28 @@ export namespace Components {
572
575
  }
573
576
  interface SnkFilterModal {
574
577
  /**
575
- * Define o label do botão de cancelar.
578
+ * Ação executada ao aplicar os filtros
576
579
  */
577
- "cancelButtonLabel": string;
580
+ "applyFilters": (updatedFilterConfig: Array<SnkFilterItemConfig>) => void;
578
581
  /**
579
- * Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
580
- */
581
- "getMessage": (key: string, props?: any) => string;
582
- /**
583
- * Define a descrição do filtro.
584
- */
585
- "infoText": string;
586
- /**
587
- * Guarda a lista de filtros.
582
+ * Ação executada ao limpar os filtros
588
583
  */
589
- "items": Array<ModalItem>;
584
+ "clearAll": (configSnapshot: SnkFilterItemConfig[]) => Array<SnkFilterItemConfig>;
590
585
  /**
591
- * Define o subtítulo do filtro.
586
+ * Ação disparada ao fechar o modal
592
587
  */
593
- "modalSubTitle": string;
588
+ "closeModal": () => void;
594
589
  /**
595
- * Define o título do filtro.
590
+ * Filtros a serem apresentados
596
591
  */
597
- "modalTitle": string;
592
+ "filters": Array<SnkFilterItemConfig>;
598
593
  /**
599
- * Define o label do botão de confirmar.
600
- */
601
- "okButtonLabel": string;
602
- /**
603
- * É disparado em qualquer interação com o filtro.
604
- */
605
- "processModalAction": (action: ModalAction) => void;
606
- /**
607
- * Se `true`, exibe a barra de pesquisa do filtro.
594
+ * Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
608
595
  */
609
- "useSearch": boolean;
596
+ "getMessage": (key: string, props?: any) => string;
597
+ }
598
+ interface SnkFilterModalItem {
599
+ "filterItem": SnkFilterItemConfig;
610
600
  }
611
601
  interface SnkFilterMultiSelect {
612
602
  /**
@@ -649,6 +639,10 @@ export namespace Components {
649
639
  * Define as configurações do componente snk-filter-period
650
640
  */
651
641
  "config": SnkFilterItemConfig;
642
+ /**
643
+ * Define a variação do componente
644
+ */
645
+ "presentationMode": EPresentationMode;
652
646
  /**
653
647
  * Exibe o componente snk-filter-period
654
648
  */
@@ -1074,6 +1068,10 @@ export interface SnkFieldConfigCustomEvent<T> extends CustomEvent<T> {
1074
1068
  detail: T;
1075
1069
  target: HTMLSnkFieldConfigElement;
1076
1070
  }
1071
+ export interface SnkFilterBinarySelectCustomEvent<T> extends CustomEvent<T> {
1072
+ detail: T;
1073
+ target: HTMLSnkFilterBinarySelectElement;
1074
+ }
1077
1075
  export interface SnkFilterDetailCustomEvent<T> extends CustomEvent<T> {
1078
1076
  detail: T;
1079
1077
  target: HTMLSnkFilterDetailElement;
@@ -1090,6 +1088,34 @@ export interface SnkFilterListCustomEvent<T> extends CustomEvent<T> {
1090
1088
  detail: T;
1091
1089
  target: HTMLSnkFilterListElement;
1092
1090
  }
1091
+ export interface SnkFilterModalItemCustomEvent<T> extends CustomEvent<T> {
1092
+ detail: T;
1093
+ target: HTMLSnkFilterModalItemElement;
1094
+ }
1095
+ export interface SnkFilterMultiSelectCustomEvent<T> extends CustomEvent<T> {
1096
+ detail: T;
1097
+ target: HTMLSnkFilterMultiSelectElement;
1098
+ }
1099
+ export interface SnkFilterNumberCustomEvent<T> extends CustomEvent<T> {
1100
+ detail: T;
1101
+ target: HTMLSnkFilterNumberElement;
1102
+ }
1103
+ export interface SnkFilterPeriodCustomEvent<T> extends CustomEvent<T> {
1104
+ detail: T;
1105
+ target: HTMLSnkFilterPeriodElement;
1106
+ }
1107
+ export interface SnkFilterPersonalizedCustomEvent<T> extends CustomEvent<T> {
1108
+ detail: T;
1109
+ target: HTMLSnkFilterPersonalizedElement;
1110
+ }
1111
+ export interface SnkFilterSearchCustomEvent<T> extends CustomEvent<T> {
1112
+ detail: T;
1113
+ target: HTMLSnkFilterSearchElement;
1114
+ }
1115
+ export interface SnkFilterTextCustomEvent<T> extends CustomEvent<T> {
1116
+ detail: T;
1117
+ target: HTMLSnkFilterTextElement;
1118
+ }
1093
1119
  export interface SnkFormCustomEvent<T> extends CustomEvent<T> {
1094
1120
  detail: T;
1095
1121
  target: HTMLSnkFormElement;
@@ -1243,6 +1269,12 @@ declare global {
1243
1269
  prototype: HTMLSnkFilterModalElement;
1244
1270
  new (): HTMLSnkFilterModalElement;
1245
1271
  };
1272
+ interface HTMLSnkFilterModalItemElement extends Components.SnkFilterModalItem, HTMLStencilElement {
1273
+ }
1274
+ var HTMLSnkFilterModalItemElement: {
1275
+ prototype: HTMLSnkFilterModalItemElement;
1276
+ new (): HTMLSnkFilterModalItemElement;
1277
+ };
1246
1278
  interface HTMLSnkFilterMultiSelectElement extends Components.SnkFilterMultiSelect, HTMLStencilElement {
1247
1279
  }
1248
1280
  var HTMLSnkFilterMultiSelectElement: {
@@ -1394,6 +1426,7 @@ declare global {
1394
1426
  "snk-filter-item": HTMLSnkFilterItemElement;
1395
1427
  "snk-filter-list": HTMLSnkFilterListElement;
1396
1428
  "snk-filter-modal": HTMLSnkFilterModalElement;
1429
+ "snk-filter-modal-item": HTMLSnkFilterModalItemElement;
1397
1430
  "snk-filter-multi-select": HTMLSnkFilterMultiSelectElement;
1398
1431
  "snk-filter-number": HTMLSnkFilterNumberElement;
1399
1432
  "snk-filter-param-config": HTMLSnkFilterParamConfigElement;
@@ -1720,6 +1753,14 @@ declare namespace LocalJSX {
1720
1753
  * Define as configurações do componente snk-filter-binary-select
1721
1754
  */
1722
1755
  "config"?: SnkFilterItemConfig;
1756
+ /**
1757
+ * Emitido quando o valor do filtro é alterado.
1758
+ */
1759
+ "onValueChanged"?: (event: SnkFilterBinarySelectCustomEvent<any>) => void;
1760
+ /**
1761
+ * Define a variação do componente
1762
+ */
1763
+ "presentationMode"?: EPresentationMode;
1723
1764
  /**
1724
1765
  * Define o valor do componente snk-filter-binary-select
1725
1766
  */
@@ -1808,47 +1849,39 @@ declare namespace LocalJSX {
1808
1849
  }
1809
1850
  interface SnkFilterModal {
1810
1851
  /**
1811
- * Define o label do botão de cancelar.
1812
- */
1813
- "cancelButtonLabel"?: string;
1814
- /**
1815
- * Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
1816
- */
1817
- "getMessage"?: (key: string, props?: any) => string;
1818
- /**
1819
- * Define a descrição do filtro.
1820
- */
1821
- "infoText"?: string;
1822
- /**
1823
- * Guarda a lista de filtros.
1824
- */
1825
- "items"?: Array<ModalItem>;
1826
- /**
1827
- * Define o subtítulo do filtro.
1852
+ * Ação executada ao aplicar os filtros
1828
1853
  */
1829
- "modalSubTitle"?: string;
1854
+ "applyFilters"?: (updatedFilterConfig: Array<SnkFilterItemConfig>) => void;
1830
1855
  /**
1831
- * Define o título do filtro.
1856
+ * Ação executada ao limpar os filtros
1832
1857
  */
1833
- "modalTitle"?: string;
1858
+ "clearAll"?: (configSnapshot: SnkFilterItemConfig[]) => Array<SnkFilterItemConfig>;
1834
1859
  /**
1835
- * Define o label do botão de confirmar.
1860
+ * Ação disparada ao fechar o modal
1836
1861
  */
1837
- "okButtonLabel"?: string;
1862
+ "closeModal"?: () => void;
1838
1863
  /**
1839
- * É disparado em qualquer interação com o filtro.
1864
+ * Filtros a serem apresentados
1840
1865
  */
1841
- "processModalAction"?: (action: ModalAction) => void;
1866
+ "filters"?: Array<SnkFilterItemConfig>;
1842
1867
  /**
1843
- * Se `true`, exibe a barra de pesquisa do filtro.
1868
+ * Usado pra flexibilizar os verbetes e mensagens de acordo com o SnkMessageBuilder.
1844
1869
  */
1845
- "useSearch"?: boolean;
1870
+ "getMessage"?: (key: string, props?: any) => string;
1871
+ }
1872
+ interface SnkFilterModalItem {
1873
+ "filterItem"?: SnkFilterItemConfig;
1874
+ "onFilterChange"?: (event: SnkFilterModalItemCustomEvent<SnkFilterItemConfig>) => void;
1846
1875
  }
1847
1876
  interface SnkFilterMultiSelect {
1848
1877
  /**
1849
1878
  * Define as configurações do componente snk-filter-multi-select
1850
1879
  */
1851
1880
  "config"?: SnkFilterItemConfig;
1881
+ /**
1882
+ * Emitido quando o valor do filtro é alterado.
1883
+ */
1884
+ "onValueChanged"?: (event: SnkFilterMultiSelectCustomEvent<any>) => void;
1852
1885
  /**
1853
1886
  * Define o valor do componente snk-filter-multi-select
1854
1887
  */
@@ -1859,6 +1892,10 @@ declare namespace LocalJSX {
1859
1892
  * Define as configurações do componente snk-filter-number
1860
1893
  */
1861
1894
  "config"?: SnkFilterItemConfig;
1895
+ /**
1896
+ * Emitido quando o valor do filtro é alterado.
1897
+ */
1898
+ "onValueChanged"?: (event: SnkFilterNumberCustomEvent<any>) => void;
1862
1899
  /**
1863
1900
  * Define o valor do componente snk-filter-number
1864
1901
  */
@@ -1875,6 +1912,14 @@ declare namespace LocalJSX {
1875
1912
  * Define as configurações do componente snk-filter-period
1876
1913
  */
1877
1914
  "config"?: SnkFilterItemConfig;
1915
+ /**
1916
+ * Emitido quando o valor do filtro é alterado.
1917
+ */
1918
+ "onValueChanged"?: (event: SnkFilterPeriodCustomEvent<any>) => void;
1919
+ /**
1920
+ * Define a variação do componente
1921
+ */
1922
+ "presentationMode"?: EPresentationMode;
1878
1923
  /**
1879
1924
  * Define o valor do componente snk-filter-period
1880
1925
  */
@@ -1886,6 +1931,10 @@ declare namespace LocalJSX {
1886
1931
  */
1887
1932
  "config"?: SnkFilterItemConfig;
1888
1933
  "fix"?: ()=>void;
1934
+ /**
1935
+ * Emitido quando o valor do filtro é alterado.
1936
+ */
1937
+ "onValueChanged"?: (event: SnkFilterPersonalizedCustomEvent<any>) => void;
1889
1938
  "unfix"?: ()=>void;
1890
1939
  /**
1891
1940
  * Define o valor do componente snk-filter-personalized
@@ -1897,6 +1946,10 @@ declare namespace LocalJSX {
1897
1946
  * Define as configurações do componente snk-filter-search
1898
1947
  */
1899
1948
  "config"?: SnkFilterItemConfig;
1949
+ /**
1950
+ * Emitido quando o valor do filtro é alterado.
1951
+ */
1952
+ "onValueChanged"?: (event: SnkFilterSearchCustomEvent<any>) => void;
1900
1953
  /**
1901
1954
  * Define o valor do componente snk-filter-search
1902
1955
  */
@@ -1907,6 +1960,10 @@ declare namespace LocalJSX {
1907
1960
  * Define as configurações do componente snk-filter-text.
1908
1961
  */
1909
1962
  "config"?: SnkFilterItemConfig;
1963
+ /**
1964
+ * Emitido quando o valor do filtro é alterado.
1965
+ */
1966
+ "onValueChanged"?: (event: SnkFilterTextCustomEvent<any>) => void;
1910
1967
  /**
1911
1968
  * Define o valor do componente snk-filter-text.
1912
1969
  */
@@ -2329,6 +2386,7 @@ declare namespace LocalJSX {
2329
2386
  "snk-filter-item": SnkFilterItem;
2330
2387
  "snk-filter-list": SnkFilterList;
2331
2388
  "snk-filter-modal": SnkFilterModal;
2389
+ "snk-filter-modal-item": SnkFilterModalItem;
2332
2390
  "snk-filter-multi-select": SnkFilterMultiSelect;
2333
2391
  "snk-filter-number": SnkFilterNumber;
2334
2392
  "snk-filter-param-config": SnkFilterParamConfig;
@@ -2375,6 +2433,7 @@ declare module "@stencil/core" {
2375
2433
  "snk-filter-item": LocalJSX.SnkFilterItem & JSXBase.HTMLAttributes<HTMLSnkFilterItemElement>;
2376
2434
  "snk-filter-list": LocalJSX.SnkFilterList & JSXBase.HTMLAttributes<HTMLSnkFilterListElement>;
2377
2435
  "snk-filter-modal": LocalJSX.SnkFilterModal & JSXBase.HTMLAttributes<HTMLSnkFilterModalElement>;
2436
+ "snk-filter-modal-item": LocalJSX.SnkFilterModalItem & JSXBase.HTMLAttributes<HTMLSnkFilterModalItemElement>;
2378
2437
  "snk-filter-multi-select": LocalJSX.SnkFilterMultiSelect & JSXBase.HTMLAttributes<HTMLSnkFilterMultiSelectElement>;
2379
2438
  "snk-filter-number": LocalJSX.SnkFilterNumber & JSXBase.HTMLAttributes<HTMLSnkFilterNumberElement>;
2380
2439
  "snk-filter-param-config": LocalJSX.SnkFilterParamConfig & JSXBase.HTMLAttributes<HTMLSnkFilterParamConfigElement>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sankhyalabs/sankhyablocks",
3
- "version": "5.6.0",
3
+ "version": "5.7.0",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -18,6 +18,7 @@ export declare const SnkFilterFieldSearch: import("react").ForwardRefExoticCompo
18
18
  export declare const SnkFilterItem: import("react").ForwardRefExoticComponent<JSX.SnkFilterItem & Omit<import("react").HTMLAttributes<HTMLSnkFilterItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterItemElement>>;
19
19
  export declare const SnkFilterList: import("react").ForwardRefExoticComponent<JSX.SnkFilterList & Omit<import("react").HTMLAttributes<HTMLSnkFilterListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterListElement>>;
20
20
  export declare const SnkFilterModal: import("react").ForwardRefExoticComponent<JSX.SnkFilterModal & Omit<import("react").HTMLAttributes<HTMLSnkFilterModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterModalElement>>;
21
+ export declare const SnkFilterModalItem: import("react").ForwardRefExoticComponent<JSX.SnkFilterModalItem & Omit<import("react").HTMLAttributes<HTMLSnkFilterModalItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterModalItemElement>>;
21
22
  export declare const SnkFilterMultiSelect: import("react").ForwardRefExoticComponent<JSX.SnkFilterMultiSelect & Omit<import("react").HTMLAttributes<HTMLSnkFilterMultiSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterMultiSelectElement>>;
22
23
  export declare const SnkFilterNumber: import("react").ForwardRefExoticComponent<JSX.SnkFilterNumber & Omit<import("react").HTMLAttributes<HTMLSnkFilterNumberElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterNumberElement>>;
23
24
  export declare const SnkFilterParamConfig: import("react").ForwardRefExoticComponent<JSX.SnkFilterParamConfig & Omit<import("react").HTMLAttributes<HTMLSnkFilterParamConfigElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSnkFilterParamConfigElement>>;
@@ -20,6 +20,7 @@ export const SnkFilterFieldSearch = /*@__PURE__*/ createReactComponent('snk-filt
20
20
  export const SnkFilterItem = /*@__PURE__*/ createReactComponent('snk-filter-item');
21
21
  export const SnkFilterList = /*@__PURE__*/ createReactComponent('snk-filter-list');
22
22
  export const SnkFilterModal = /*@__PURE__*/ createReactComponent('snk-filter-modal');
23
+ export const SnkFilterModalItem = /*@__PURE__*/ createReactComponent('snk-filter-modal-item');
23
24
  export const SnkFilterMultiSelect = /*@__PURE__*/ createReactComponent('snk-filter-multi-select');
24
25
  export const SnkFilterNumber = /*@__PURE__*/ createReactComponent('snk-filter-number');
25
26
  export const SnkFilterParamConfig = /*@__PURE__*/ createReactComponent('snk-filter-param-config');
@@ -1 +1 @@
1
- {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"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"}
@@ -1,173 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { FloatingManager, ElementIDUtils, ArrayUtils } from '@sankhyalabs/core';
3
-
4
- const SHOW_MORE_ITEM_NAME = "__SHOWMORE__";
5
- const MAX_FILTERS = 5;
6
- const SnkFilterList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
7
- constructor() {
8
- super();
9
- this.__registerHost();
10
- this.snkItemSelected = createEvent(this, "snkItemSelected", 7);
11
- this._preselection = -1;
12
- this.innerClickCheck = (_floatingContainer, node) => {
13
- if (node.id != FloatingManager.MODAL_ELEMENT_ID) {
14
- return true;
15
- }
16
- this._detailIsVisible = false;
17
- return false;
18
- };
19
- this._filterArgument = undefined;
20
- this._showAll = undefined;
21
- this.label = undefined;
22
- this.iconName = undefined;
23
- this.items = undefined;
24
- this.getMessage = undefined;
25
- this.emptyText = undefined;
26
- this.findFilterText = undefined;
27
- this.buttonClass = undefined;
28
- }
29
- showDetail() {
30
- this._preselection = -1;
31
- this._floatingID = FloatingManager.float(this._popover, this._popoverContainer, {
32
- autoClose: true,
33
- innerClickTest: this.innerClickCheck,
34
- backClickListener: () => this.onListCloseCallback(),
35
- useOverlay: true
36
- });
37
- this._detailIsVisible = true;
38
- this._showAll = false;
39
- this._filterArgument = "";
40
- this._filterInput.setFocus();
41
- }
42
- /**
43
- * Oculta os detalhes do componente snk-filter-list.
44
- */
45
- async hideDetail() {
46
- if (this._floatingID != undefined) {
47
- FloatingManager.close(this._floatingID);
48
- }
49
- }
50
- onListCloseCallback() {
51
- this._floatingID = undefined;
52
- this._detailIsVisible = false;
53
- }
54
- buttonClick() {
55
- if (this._detailIsVisible) {
56
- this.hideDetail();
57
- }
58
- else {
59
- this.showDetail();
60
- }
61
- }
62
- componentDidLoad() {
63
- if (this._element) {
64
- ElementIDUtils.addIDInfo(this._element);
65
- }
66
- }
67
- componentDidRender() {
68
- if (this._floatingID == undefined) {
69
- if (this._popover) {
70
- this._popover.remove();
71
- }
72
- }
73
- }
74
- buildIdElement(buttonElement, name) {
75
- if (!buttonElement)
76
- return;
77
- const dataElement = { id: name };
78
- buttonElement.removeAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
79
- ElementIDUtils.addIDInfoIfNotExists(buttonElement, "filterItemList", dataElement);
80
- }
81
- buildItemElement(item) {
82
- const itemId = ++this._selectableItemsCount;
83
- return (h("button", { ref: elem => elem && this.buildIdElement(elem, item.label), id: `filter-item${itemId}`, onFocusin: () => this._preselection = itemId, class: `ez-col ez-col--sd-12 ez-align--middle ez-padding--small sc-snk-filter-bar snk-filter-bar__filter-list-item`, onClick: () => this.itemSelected(item.name), name: item.label, key: itemId }, item.iconName ? h("ez-icon", { iconName: item.iconName, size: "small", class: `ez-padding-right--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__icon ${item.iconClass || ""}` }) : undefined, h("div", { class: `ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-item__label ${item.labelClass || ""}` }, item.label)));
84
- }
85
- itemSelected(itemName) {
86
- if (itemName === SHOW_MORE_ITEM_NAME) {
87
- this._showAll = true;
88
- }
89
- else {
90
- this.hideDetail();
91
- this.snkItemSelected.emit(itemName);
92
- }
93
- }
94
- getFilterItems() {
95
- const items = this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items.filter(item => item.kind === "FILTER")) : [];
96
- if (items.length === 0) {
97
- return h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding--extra-small sc-snk-filter-bar snk-filter-bar__filter-list-items-container--empty" }, this.emptyText);
98
- }
99
- const hideItems = !this._filterArgument && !this._showAll && (items.length > MAX_FILTERS + 1);
100
- if (hideItems) {
101
- items.splice(MAX_FILTERS);
102
- items.push({ kind: "INTERNAL", label: "Mostrar mais", iconName: "dots-horizontal", name: SHOW_MORE_ITEM_NAME, iconClass: "snk-filter-bar__filter-list-item__icon--secondary", labelClass: "snk-filter-bar__filter-list-item__label--secondary" });
103
- }
104
- this._selectableItemsCount = 0;
105
- return h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-list-items-container" }, items.map(item => this.buildItemElement(item)));
106
- }
107
- getFooterItems() {
108
- return this.items.filter(item => item.kind === "FOOTER");
109
- }
110
- keyDownHandler(event) {
111
- switch (event.key) {
112
- case "ArrowDown":
113
- this.changePreselection(this._preselection + 1);
114
- //Paramos a propagação do evento para evitar scroll indesejado
115
- event.stopImmediatePropagation();
116
- event.stopPropagation();
117
- event.preventDefault();
118
- break;
119
- case "ArrowUp":
120
- this.changePreselection(this._preselection - 1);
121
- //Paramos a propagação do evento para evitar scroll indesejado
122
- event.stopImmediatePropagation();
123
- event.stopPropagation();
124
- event.preventDefault();
125
- break;
126
- }
127
- }
128
- changePreselection(newSelection) {
129
- if (newSelection < 0) {
130
- newSelection = this._selectableItemsCount;
131
- }
132
- this._preselection = newSelection > this._selectableItemsCount ? 0 : newSelection;
133
- if (this._preselection === 0) {
134
- this._filterInput.setFocus();
135
- }
136
- else {
137
- const item = this._element.querySelector(`#filter-item${this._preselection}`);
138
- if (item) {
139
- item.focus();
140
- }
141
- }
142
- }
143
- render() {
144
- return (h(Host, { class: "ez-flex ez-flex--column" }, h("ez-button", { class: this.buttonClass, label: this.label, onClick: () => this.buttonClick(), mode: this.iconName ? "icon" : undefined, iconName: this.iconName, size: "small" }, h("slot", { name: "leftIcon" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("div", { class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem }, h("ez-filter-input", { ref: ref => this._filterInput = ref, "data-element-id": "serachFilters", mode: "slim", label: this.findFilterText, value: this._filterArgument, onEzChange: (evt) => this._filterArgument = evt.detail, onFocus: () => this._preselection = 0 }), this.getFilterItems(), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), this.items ? this.getFooterItems().map(item => this.buildItemElement(item)) : undefined))));
145
- }
146
- get _element() { return this; }
147
- }, [4, "snk-filter-list", {
148
- "label": [1],
149
- "iconName": [1, "icon-name"],
150
- "items": [16],
151
- "getMessage": [16],
152
- "emptyText": [1, "empty-text"],
153
- "findFilterText": [1, "find-filter-text"],
154
- "buttonClass": [1, "button-class"],
155
- "_filterArgument": [32],
156
- "_showAll": [32],
157
- "hideDetail": [64]
158
- }, [[2, "keydown", "keyDownHandler"]]]);
159
- function defineCustomElement() {
160
- if (typeof customElements === "undefined") {
161
- return;
162
- }
163
- const components = ["snk-filter-list"];
164
- components.forEach(tagName => { switch (tagName) {
165
- case "snk-filter-list":
166
- if (!customElements.get(tagName)) {
167
- customElements.define(tagName, SnkFilterList);
168
- }
169
- break;
170
- } });
171
- }
172
-
173
- export { SnkFilterList as S, defineCustomElement as d };
@@ -1,97 +0,0 @@
1
- import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
- import { ModalAction, ModalButtonStatus } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
3
- import { ArrayUtils } from '@sankhyalabs/core';
4
- import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
5
-
6
- const snkFilterModalCss = ".snk-filter__modal-container{width:359px;max-width:359px}";
7
-
8
- const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this._filterArgument = undefined;
13
- this.getMessage = undefined;
14
- this.items = undefined;
15
- this.modalTitle = undefined;
16
- this.modalSubTitle = undefined;
17
- this.cancelButtonLabel = undefined;
18
- this.okButtonLabel = undefined;
19
- this.infoText = undefined;
20
- this.useSearch = undefined;
21
- this.processModalAction = undefined;
22
- }
23
- updateValue(id, value = undefined) {
24
- this.items = this.items.map(item => {
25
- if (item.id === id && item.enabled) {
26
- if (value == undefined) {
27
- value = !item.active;
28
- }
29
- return Object.assign(Object.assign({}, item), { active: value });
30
- }
31
- return item;
32
- });
33
- }
34
- getActiveFiltersMsg() {
35
- const activeFilters = this.items.filter(item => item.active).length;
36
- if (activeFilters === 0) {
37
- return this.getMessage("snkFilterBar.noActiveFilters");
38
- }
39
- return this.getMessage(activeFilters > 1 ? "snkFilterBar.activeFilters" : "snkFilterBar.activeFilter", { ACTIVE_FILTERS: activeFilters });
40
- }
41
- buildItems(list) {
42
- return list.map(item => {
43
- return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: -1, class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: CheckMode.SWITCH }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
44
- });
45
- }
46
- itemKeyBoardSelect(event, item) {
47
- if (event.key === "Enter" || event.key === " ") {
48
- this.updateValue(item.id);
49
- }
50
- }
51
- modalActionListener(evt) {
52
- const modalAction = evt.detail;
53
- if (modalAction === ModalAction.LOAD) {
54
- if (this._filterInput) {
55
- this._filterInput.setFocus();
56
- }
57
- }
58
- else {
59
- this.processModalAction(modalAction);
60
- }
61
- }
62
- render() {
63
- const allowCancel = this.items.filter(item => item.active).length > 0;
64
- const items = (this.items ? ArrayUtils.applyStringFilter(this._filterArgument, this.items) : []);
65
- return (h("ez-modal-container", { class: "snk-filter__modal-container", modalTitle: this.modalTitle, modalSubTitle: this.modalSubTitle, cancelButtonLabel: this.cancelButtonLabel, okButtonLabel: this.okButtonLabel, onEzModalAction: evt => this.modalActionListener(evt), cancelButtonStatus: allowCancel ? ModalButtonStatus.ENABLED : ModalButtonStatus.DISABLED }, h("div", { class: "sc-snk-filter-bar snk-filter-bar__filter-modal-content" }, h("div", null, this.useSearch ?
66
- h("ez-filter-input", { ref: ref => this._filterInput = ref, label: this.getMessage("snkFilterBar.modalFindFilter"), onEzChange: (evt) => this._filterArgument = evt.detail })
67
- :
68
- undefined), items.length > 0 ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-padding-bottom--small" }, this.getActiveFiltersMsg()) : undefined, h("div", null, this.buildItems(items)), h("div", { class: "ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large" }, this.infoText))));
69
- }
70
- static get style() { return snkFilterModalCss; }
71
- }, [0, "snk-filter-modal", {
72
- "getMessage": [16],
73
- "items": [1040],
74
- "modalTitle": [1, "modal-title"],
75
- "modalSubTitle": [1, "modal-sub-title"],
76
- "cancelButtonLabel": [1, "cancel-button-label"],
77
- "okButtonLabel": [1, "ok-button-label"],
78
- "infoText": [1, "info-text"],
79
- "useSearch": [4, "use-search"],
80
- "processModalAction": [16],
81
- "_filterArgument": [32]
82
- }]);
83
- function defineCustomElement() {
84
- if (typeof customElements === "undefined") {
85
- return;
86
- }
87
- const components = ["snk-filter-modal"];
88
- components.forEach(tagName => { switch (tagName) {
89
- case "snk-filter-modal":
90
- if (!customElements.get(tagName)) {
91
- customElements.define(tagName, SnkFilterModal);
92
- }
93
- break;
94
- } });
95
- }
96
-
97
- export { SnkFilterModal as S, defineCustomElement as d };
@@ -1 +0,0 @@
1
- export{S as snk_data_unit}from"./p-3d3263b4.js";import"./p-b9667fbe.js";import"@sankhyalabs/core";import"@sankhyalabs/ezui/dist/collection/utils";import"./p-c9477950.js";
@@ -1 +0,0 @@
1
- import{r as t,h as s,g as e}from"./p-b9667fbe.js";import{ElementIDUtils as i,ApplicationContext as r}from"@sankhyalabs/core";import{F as o}from"./p-9dd2b8cb.js";const h=class{constructor(s){t(this,s),this.config=void 0,this.value=void 0}ezChangeListener(t){this.value=this._searchInput.value}componentDidLoad(){this._element&&i.addIDInfo(this._element,"filterContentEditor")}doSearch(t,s){const e=r.getContextValue("__SNK__APPLICATION__");return new Promise(((i,r)=>{e.executePreparedSearch(t,s,this.config.props.searchContext).then((t=>{i(t)})).catch((t=>{r(t)}))}))}async show(){this._searchInput.setFocus()}render(){if(this.config&&this.config.type===o.SEARCH)return s("ez-search",{id:this.config.id,suppressEmptyOption:!0,value:this.config.value,label:this.config.label,ref:t=>this._searchInput=t,optionLoader:({mode:t,argument:s})=>this.doSearch(t,s)})}get _element(){return e(this)}};export{h as snk_filter_search}
@@ -1 +0,0 @@
1
- import{r as t,h as e,g as s}from"./p-b9667fbe.js";import{ElementIDUtils as i}from"@sankhyalabs/core";import{F as r}from"./p-9dd2b8cb.js";const n=class{constructor(e){t(this,e),this.config=void 0,this.value=void 0}ezChangeListener(){const t=this._startDate.value,e=this._endDate.value;this.value=t||e?{start:t,end:e}:void 0}componentDidLoad(){this._element&&i.addIDInfo(this._element,"filterContentEditor")}getDate(t){const e=this.value?this.value[t]:null;if(e instanceof Date)return e;if("string"==typeof e){let t=new Date(e);return t.setMinutes(t.getMinutes()+t.getTimezoneOffset()),t}return null}async show(){this._startDate.setFocus()}render(){if(this.config&&this.config.type===r.PERIOD)return e("div",{class:"ez-col ez-col--nowrap"},e("ez-date-input",{id:`${this.config.id}_start`,label:this.config.label,ref:t=>this._startDate=t,value:this.getDate("start")}),e("label",{class:"ez-text ez-text--medium ez-text--primary ez-margin--medium"},"até"),e("ez-date-input",{id:`${this.config.id}_end`,label:this.config.label,ref:t=>this._endDate=t,value:this.getDate("end")}))}get _element(){return s(this)}};export{n as snk_filter_period}
@@ -1 +0,0 @@
1
- import{r as t,h as i}from"./p-b9667fbe.js";import{ModalAction as e,ModalButtonStatus as s}from"@sankhyalabs/ezui/dist/collection/components/ez-modal-container";import{ArrayUtils as l}from"@sankhyalabs/core";import{CheckMode as a}from"@sankhyalabs/ezui/dist/collection/utils";const r=class{constructor(i){t(this,i),this._filterArgument=void 0,this.getMessage=void 0,this.items=void 0,this.modalTitle=void 0,this.modalSubTitle=void 0,this.cancelButtonLabel=void 0,this.okButtonLabel=void 0,this.infoText=void 0,this.useSearch=void 0,this.processModalAction=void 0}updateValue(t,i){this.items=this.items.map((e=>e.id===t&&e.enabled?(null==i&&(i=!e.active),Object.assign(Object.assign({},e),{active:i})):e))}getActiveFiltersMsg(){const t=this.items.filter((t=>t.active)).length;return 0===t?this.getMessage("snkFilterBar.noActiveFilters"):this.getMessage(t>1?"snkFilterBar.activeFilters":"snkFilterBar.activeFilter",{ACTIVE_FILTERS:t})}buildItems(t){return t.map((t=>i("button",{onClick:()=>this.updateValue(t.id),class:"ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small"},i("ez-check",{id:`checkbox_${t.id}`,tabIndex:-1,class:"sc-snk-filter-bar snk-filter-bar__filter-modal-item__check",onEzChange:i=>this.updateValue(t.id,i.detail),enabled:t.enabled,value:t.active,mode:a.SWITCH}),i("div",{class:"ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label"},t.label))))}itemKeyBoardSelect(t,i){"Enter"!==t.key&&" "!==t.key||this.updateValue(i.id)}modalActionListener(t){const i=t.detail;i===e.LOAD?this._filterInput&&this._filterInput.setFocus():this.processModalAction(i)}render(){const t=this.items.filter((t=>t.active)).length>0,e=this.items?l.applyStringFilter(this._filterArgument,this.items):[];return i("ez-modal-container",{class:"snk-filter__modal-container",modalTitle:this.modalTitle,modalSubTitle:this.modalSubTitle,cancelButtonLabel:this.cancelButtonLabel,okButtonLabel:this.okButtonLabel,onEzModalAction:t=>this.modalActionListener(t),cancelButtonStatus:t?s.ENABLED:s.DISABLED},i("div",{class:"sc-snk-filter-bar snk-filter-bar__filter-modal-content"},i("div",null,this.useSearch?i("ez-filter-input",{ref:t=>this._filterInput=t,label:this.getMessage("snkFilterBar.modalFindFilter"),onEzChange:t=>this._filterArgument=t.detail}):void 0),e.length>0?i("div",{class:"ez-text ez-text--medium ez-text--primary ez-padding-bottom--small"},this.getActiveFiltersMsg()):void 0,i("div",null,this.buildItems(e)),i("div",{class:"ez-text ez-text--large ez-align--middle ez-text--secondary ez-text--center ez-padding-bottom--large"},this.infoText)))}};r.style=".snk-filter__modal-container{width:359px;max-width:359px}";export{r as snk_filter_modal}
@@ -1 +0,0 @@
1
- import{r as t,h as s,H as i,g as e}from"./p-b9667fbe.js";import{ElementIDUtils as h}from"@sankhyalabs/core";import{F as r}from"./p-9dd2b8cb.js";const o=class{constructor(s){t(this,s),this.value=void 0,this.config=void 0}isSelected(t){return null==this.value||this.value===t}ezChangeListener(t){t.detail||this.assertCheckedOption(t.target),this.updateValue()}componentDidLoad(){this._element&&h.addIDInfo(this._element,"filterContentEditor")}assertCheckedOption(t){t===this._checkOne?this._checkTwo.value=!0:this._checkOne.value=!0}updateValue(){if(this._checkOne.value&&this._checkTwo.value)this.value=void 0;else{const[t,s]=this.config.props.options;this.value=this._checkOne.value?t.name:s.name}}async show(){this._checkOne.setFocus()}render(){if(!this.config||this.config.type!==r.BINARY_SELECT)return;const[t,e]=this.config.props.options;return s(i,null,s("ez-check",{id:`${this.config.id}_${t.name||"option1"}`,label:t.label,class:"sc-snk-filter-bar editor__ez-check",ref:t=>this._checkOne=t,value:this.isSelected(t.name)}),s("ez-check",{id:`${this.config.id}_${e.name||"option2"}`,label:e.label,class:"sc-snk-filter-bar editor__ez-check",ref:t=>this._checkTwo=t,value:this.isSelected(e.name)}))}get _element(){return e(this)}};export{o as snk_filter_binary_select}