@schukai/monster 3.100.5 → 3.100.7

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 (30) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/package.json +1 -1
  3. package/source/components/datatable/dataset.mjs +10 -5
  4. package/source/components/datatable/datasource.mjs +0 -1
  5. package/source/components/datatable/datatable.mjs +2 -0
  6. package/source/components/datatable/filter.mjs +4 -5
  7. package/source/components/datatable/style/datatable.pcss +1 -1
  8. package/source/components/datatable/util.mjs +2 -2
  9. package/source/components/form/api-bar.mjs +1 -1
  10. package/source/components/form/api-button.mjs +1 -1
  11. package/source/components/form/button.mjs +21 -1
  12. package/source/components/form/confirm-button.mjs +0 -45
  13. package/source/components/form/context-help.mjs +1 -1
  14. package/source/components/form/form.mjs +165 -164
  15. package/source/components/form/message-state-button.mjs +21 -7
  16. package/source/components/form/popper-button.mjs +25 -57
  17. package/source/components/form/select.mjs +2142 -2164
  18. package/source/components/form/state-button.mjs +24 -14
  19. package/source/components/form/style/button.pcss +2 -0
  20. package/source/components/form/style/message-state-button.pcss +1 -2
  21. package/source/components/form/style/state-button.pcss +1 -0
  22. package/source/components/form/stylesheet/button.mjs +1 -1
  23. package/source/components/form/stylesheet/field-set.mjs +14 -7
  24. package/source/components/form/stylesheet/message-state-button.mjs +7 -14
  25. package/source/components/form/stylesheet/state-button.mjs +7 -14
  26. package/source/components/layout/collapse.mjs +1 -1
  27. package/source/components/layout/details.mjs +1 -1
  28. package/source/components/style/accessibility.css +27 -0
  29. package/source/components/style/accessibility.pcss +31 -0
  30. package/source/components/stylesheet/accessibility.mjs +38 -0
@@ -126,7 +126,7 @@ class Details extends Collapse {
126
126
  }
127
127
 
128
128
  /**
129
- * @return {Array<CSSStyleSheet>}
129
+ * @return {CSSStyleSheet[]}
130
130
  */
131
131
  static getCSSStyleSheet() {
132
132
  const css = super.getCSSStyleSheet();
@@ -0,0 +1,27 @@
1
+ /** generated from accessibility.pcss **/
2
+ .visually-hidden {
3
+ height: 1px !important;
4
+ margin: -1px !important;
5
+ overflow: hidden !important;
6
+ padding: 0 !important;
7
+ width: 1px !important;
8
+ clip: rect(0, 0, 0, 0) !important;
9
+ border: 0 !important;
10
+ white-space: nowrap !important;
11
+ }
12
+ .visually-hidden:not(caption) {
13
+ position: absolute !important;
14
+ }
15
+ .visually-hidden-focusable:not(:focus):not(:focus-within) {
16
+ height: 1px !important;
17
+ margin: -1px !important;
18
+ overflow: hidden !important;
19
+ padding: 0 !important;
20
+ width: 1px !important;
21
+ clip: rect(0, 0, 0, 0) !important;
22
+ border: 0 !important;
23
+ white-space: nowrap !important;
24
+ }
25
+ .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
26
+ position: absolute !important;
27
+ }
@@ -0,0 +1,31 @@
1
+ .visually-hidden {
2
+ width: 1px !important;
3
+ height: 1px !important;
4
+ padding: 0 !important;
5
+ margin: -1px !important;
6
+ overflow: hidden !important;
7
+ clip: rect(0, 0, 0, 0) !important;
8
+ white-space: nowrap !important;
9
+ border: 0 !important;
10
+
11
+ &:not(caption) {
12
+ position: absolute !important;
13
+ }
14
+ }
15
+
16
+ .visually-hidden-focusable {
17
+ &:not(:focus):not(:focus-within) {
18
+ width: 1px !important;
19
+ height: 1px !important;
20
+ padding: 0 !important;
21
+ margin: -1px !important;
22
+ overflow: hidden !important;
23
+ clip: rect(0, 0, 0, 0) !important;
24
+ white-space: nowrap !important;
25
+ border: 0 !important;
26
+
27
+ &:not(caption) {
28
+ position: absolute !important;
29
+ }
30
+ }
31
+ }
@@ -0,0 +1,38 @@
1
+ /**
2
+ * Copyright © schukai GmbH and all contributing authors, 2025. All rights reserved.
3
+ * Node module: @schukai/monster
4
+ *
5
+ * This source code is licensed under the GNU Affero General Public License version 3 (AGPLv3).
6
+ * The full text of the license can be found at: https://www.gnu.org/licenses/agpl-3.0.en.html
7
+ *
8
+ * For those who do not wish to adhere to the AGPLv3, a commercial license is available.
9
+ * Acquiring a commercial license allows you to use this software without complying with the AGPLv3 terms.
10
+ * For more information about purchasing a commercial license, please contact schukai GmbH.
11
+ */
12
+
13
+ import { addAttributeToken } from "../../dom/attributes.mjs";
14
+ import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs";
15
+
16
+ export { AccessibilityStyleSheet };
17
+
18
+ /**
19
+ * @private
20
+ * @type {CSSStyleSheet}
21
+ */
22
+ const AccessibilityStyleSheet = new CSSStyleSheet();
23
+
24
+ try {
25
+ AccessibilityStyleSheet.insertRule(
26
+ `
27
+ @layer accessibility {
28
+ .visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden-focusable:not(:focus):not(:focus-within){height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}
29
+ }`,
30
+ 0,
31
+ );
32
+ } catch (e) {
33
+ addAttributeToken(
34
+ document.getRootNode().querySelector("html"),
35
+ ATTRIBUTE_ERRORMESSAGE,
36
+ e + "",
37
+ );
38
+ }