From 59531719b635108630fffc4ef6c3b3df4dcbee19 Mon Sep 17 00:00:00 2001
From: Volker Schukai <volker.schukai@schukai.com>
Date: Thu, 16 Jan 2025 21:53:00 +0100
Subject: [PATCH] fix(form): form has wrong default datasource #281
---
development/issues/closed/281.html | 39 ++
development/issues/closed/281.mjs | 20 +
package.json | 4 +-
pnpm-lock.yaml | 551 +++++++++---------
source/components/datatable/dataset.mjs | 15 +-
source/components/datatable/datasource.mjs | 1 +
source/components/datatable/util.mjs | 8 +-
source/components/form/form.mjs | 331 +++++------
source/components/form/style/field-set.pcss | 23 +
.../components/form/stylesheet/field-set.mjs | 21 +-
source/components/form/toggle-switch.mjs | 2 +-
11 files changed, 562 insertions(+), 453 deletions(-)
create mode 100644 development/issues/closed/281.html
create mode 100644 development/issues/closed/281.mjs
diff --git a/development/issues/closed/281.html b/development/issues/closed/281.html
new file mode 100644
index 000000000..e2f699416
--- /dev/null
+++ b/development/issues/closed/281.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>form tag without explicit datasource #281</title>
+ <script src="./281.mjs" type="module"></script>
+</head>
+<body>
+ <h1>form tag without explicit datasource #281</h1>
+ <p></p>
+ <ul>
+ <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/281">Issue #281</a></li>
+ <li><a href="/">Back to overview</a></li>
+ </ul>
+ <main>
+
+ <monster-form>
+ <monster-field-set>
+ <label for="name">Name</label>
+ <input id="name" type="text" placeholder="Name" required pattern="[a-z]{3,5}">
+ <label for="color">Color</label>
+ <input id="color" type="color" placeholder="Color">
+ </monster-field-set>
+
+ <monster-field-set>
+ <label for="name2">Name</label>
+ <input id="name2" type="text" placeholder="Name" required pattern="[a-z]{3,5}">
+ <label for="color2">Color</label>
+ <input id="color2" type="file" placeholder="Color">
+ </monster-field-set>
+
+ <monster-button>submit</monster-button>
+ </monster-form>
+ <!-- Write your code here -->
+
+ </main>
+</body>
+</html>
diff --git a/development/issues/closed/281.mjs b/development/issues/closed/281.mjs
new file mode 100644
index 000000000..c6dcb9b23
--- /dev/null
+++ b/development/issues/closed/281.mjs
@@ -0,0 +1,20 @@
+/**
+ * @file development/issues/open/281.mjs
+ * @url https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/281
+ * @description form tag without explicit datasource
+ * @issue 281
+ */
+
+import "../../../source/components/style/property.pcss";
+import "../../../source/components/style/link.pcss";
+import "../../../source/components/style/color.pcss";
+import "../../../source/components/style/theme.pcss";
+import "../../../source/components/style/normalize.pcss";
+import "../../../source/components/style/typography.pcss";
+
+import "../../../source/components/form/form.mjs";
+import "../../../source/components/form/button.mjs";
+import "../../../source/components/form/field-set.mjs";
+import "../../../source/data/datasource.mjs";
+
+
diff --git a/package.json b/package.json
index 89fa393e7..21df6c136 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
"btoa": "^1.2.1",
"c8": "^10.1.3",
"chai": "^5.1.2",
- "chai-dom": "^1.12.0",
+ "chai-dom": "^1.12.1",
"crypt": "^0.0.2",
"cssnano": "^7.0.6",
"dom-storage": "^2.1.0",
@@ -70,7 +70,7 @@
"jsdom-global": "^3.0.2",
"mocha": "^10.8.2",
"playwright": "^1.49.1",
- "postcss": "^8.4.49",
+ "postcss": "^8.5.1",
"postcss-fluid": "^1.4.2",
"postcss-for": "^2.1.1",
"postcss-import": "^16.1.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f8e551b5a..a26908c7a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -32,7 +32,7 @@ importers:
version: 5.12.4
autoprefixer:
specifier: ^10.4.20
- version: 10.4.20(postcss@8.4.49)
+ version: 10.4.20(postcss@8.5.1)
browserslist:
specifier: ^4.24.4
version: 4.24.4
@@ -46,14 +46,14 @@ importers:
specifier: ^5.1.2
version: 5.1.2
chai-dom:
- specifier: ^1.12.0
- version: 1.12.0(chai@5.1.2)
+ specifier: ^1.12.1
+ version: 1.12.1(chai@5.1.2)
crypt:
specifier: ^0.0.2
version: 0.0.2
cssnano:
specifier: ^7.0.6
- version: 7.0.6(postcss@8.4.49)
+ version: 7.0.6(postcss@8.5.1)
dom-storage:
specifier: ^2.1.0
version: 2.1.0
@@ -94,8 +94,8 @@ importers:
specifier: ^1.49.1
version: 1.49.1
postcss:
- specifier: ^8.4.49
- version: 8.4.49
+ specifier: ^8.5.1
+ version: 8.5.1
postcss-fluid:
specifier: ^1.4.2
version: 1.4.2
@@ -104,28 +104,28 @@ importers:
version: 2.1.1
postcss-import:
specifier: ^16.1.0
- version: 16.1.0(postcss@8.4.49)
+ version: 16.1.0(postcss@8.5.1)
postcss-load-config:
specifier: ^6.0.1
- version: 6.0.1(jiti@1.21.7)(postcss@8.4.49)(yaml@2.7.0)
+ version: 6.0.1(jiti@1.21.7)(postcss@8.5.1)(yaml@2.7.0)
postcss-mixins:
specifier: ^11.0.3
- version: 11.0.3(postcss@8.4.49)
+ version: 11.0.3(postcss@8.5.1)
postcss-nested:
specifier: ^6.2.0
- version: 6.2.0(postcss@8.4.49)
+ version: 6.2.0(postcss@8.5.1)
postcss-nesting:
specifier: ^13.0.1
- version: 13.0.1(postcss@8.4.49)
+ version: 13.0.1(postcss@8.5.1)
postcss-normalize:
specifier: ^13.0.1
- version: 13.0.1(browserslist@4.24.4)(postcss@8.4.49)
+ version: 13.0.1(browserslist@4.24.4)(postcss@8.5.1)
postcss-responsive-type:
specifier: ^1.0.0
version: 1.0.0
postcss-rtlcss:
specifier: ^5.6.0
- version: 5.6.0(postcss@8.4.49)
+ version: 5.6.0(postcss@8.5.1)
postcss-strip-units:
specifier: ^2.0.1
version: 2.0.1
@@ -149,33 +149,33 @@ importers:
version: 0.12.5
vite:
specifier: 5.4.8
- version: 5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
+ version: 5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
vite-plugin-banner:
specifier: ^0.8.0
version: 0.8.0
vite-plugin-directory-index:
specifier: ^3.0.1
- version: 3.0.1(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0))
+ version: 3.0.1(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0))
vite-plugin-list-directory-contents:
specifier: ^1.4.5
- version: 1.4.5(@types/node@18.19.70)(rollup@4.30.1)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
+ version: 1.4.5(@types/node@18.19.71)(rollup@4.30.1)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
vite-plugin-minify:
specifier: ^2.1.0
- version: 2.1.0(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0))
+ version: 2.1.0(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0))
vite-plugin-mock:
specifier: ^3.0.2
- version: 3.0.2(esbuild@0.24.2)(mockjs@1.1.0)(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0))
+ version: 3.0.2(esbuild@0.24.2)(mockjs@1.1.0)(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0))
vite-plugin-terminal:
specifier: ^1.2.0
- version: 1.2.0(rollup@4.30.1)(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0))
+ version: 1.2.0(rollup@4.30.1)(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0))
ws:
specifier: ^8.18.0
version: 8.18.0
packages:
- '@asamuzakjp/css-color@2.8.2':
- resolution: {integrity: sha512-RtWv9jFN2/bLExuZgFFZ0I3pWWeezAHGgrmjqGGWclATl1aDe3yhCUaI0Ilkp6OCk9zX7+FjvDasEX8Q9Rxc5w==}
+ '@asamuzakjp/css-color@2.8.3':
+ resolution: {integrity: sha512-GIc76d9UI1hCvOATjZPyHFmE5qhRccp3/zGfMPapK3jBi+yocEzp6BBB0UnfRYP9NP4FANqUZYb0hnfs3TM3hw==}
'@babel/code-frame@7.26.2':
resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
@@ -185,8 +185,8 @@ packages:
resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
engines: {node: '>=6.9.0'}
- '@bcoe/v8-coverage@1.0.1':
- resolution: {integrity: sha512-W+a0/JpU28AqH4IKtwUPcEUnUyXMDLALcn5/JLczGGT9fHE2sIby/xP/oQnx3nxkForzgzPy201RAKcB4xPAFQ==}
+ '@bcoe/v8-coverage@1.0.2':
+ resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
engines: {node: '>=18'}
'@biomejs/biome@1.9.2':
@@ -1001,11 +1001,11 @@ packages:
'@types/minimist@1.2.5':
resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
- '@types/node@18.19.70':
- resolution: {integrity: sha512-RE+K0+KZoEpDUbGGctnGdkrLFwi1eYKTlIHNl2Um98mUkGsm1u2Ff6Ltd0e8DktTtC98uy7rSj+hO8t/QuLoVQ==}
+ '@types/node@18.19.71':
+ resolution: {integrity: sha512-evXpcgtZm8FY4jqBSN8+DmOTcVkkvTmAayeo4Wf3m1xAruyVGzGuDh/Fb/WWX2yLItUiho42ozyJjB0dw//Tkw==}
- '@types/node@22.10.5':
- resolution: {integrity: sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==}
+ '@types/node@22.10.7':
+ resolution: {integrity: sha512-V09KvXxFiutGp6B7XkpaDXlNadZxrzajcY50EuoLIpQ6WWYCSvf19lVIazzfIzQvhUN2HjX12spLojTnhuKlGg==}
'@types/ps-tree@1.1.6':
resolution: {integrity: sha512-PtrlVaOaI44/3pl3cvnlK+GxOM3re2526TJvPvh7W+keHIXdV4TE0ylpPBAcvFQCbGitaTXwL9u+RF7qtVeazQ==}
@@ -1136,17 +1136,27 @@ packages:
bare-events@2.5.4:
resolution: {integrity: sha512-+gFfDkR8pj4/TrWCGUGWmJIkBwuxPS5F+a5yWjOHQt2hHvNZd5YLzadjmDUtFmMM4y429bnKLa8bYBMHcYdnQA==}
- bare-fs@2.3.5:
- resolution: {integrity: sha512-SlE9eTxifPDJrT6YgemQ1WGFleevzwY+XAP1Xqgl56HtcrisC2CHCZ2tq6dBpcH2TnNxwUEUGhweo+lrQtYuiw==}
+ bare-fs@4.0.1:
+ resolution: {integrity: sha512-ilQs4fm/l9eMfWY2dY0WCIUplSUp7U0CT1vrqMg1MUdeZl4fypu5UP0XcDBK5WBQPJAKP1b7XEodISmekH/CEg==}
+ engines: {bare: '>=1.7.0'}
- bare-os@2.4.4:
- resolution: {integrity: sha512-z3UiI2yi1mK0sXeRdc4O1Kk8aOa/e+FNWZcTiPB/dfTWyLypuE99LibgRaQki914Jq//yAWylcAt+mknKdixRQ==}
+ bare-os@3.4.0:
+ resolution: {integrity: sha512-9Ous7UlnKbe3fMi7Y+qh0DwAup6A1JkYgPnjvMDNOlmnxNRQvQ/7Nst+OnUQKzk0iAT0m9BisbDVp9gCv8+ETA==}
+ engines: {bare: '>=1.6.0'}
- bare-path@2.1.3:
- resolution: {integrity: sha512-lh/eITfU8hrj9Ru5quUp0Io1kJWIk1bTjzo7JH1P5dWmQ2EL4hFUlfI8FonAhSlgIfhn63p84CDY/x+PisgcXA==}
+ bare-path@3.0.0:
+ resolution: {integrity: sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==}
- bare-stream@2.6.1:
- resolution: {integrity: sha512-eVZbtKM+4uehzrsj49KtCy3Pbg7kO1pJ3SKZ1SFrIH/0pnj9scuGGgUlNDf/7qS8WKtGdiJY5Kyhs/ivYPTB/g==}
+ bare-stream@2.6.4:
+ resolution: {integrity: sha512-G6i3A74FjNq4nVrrSTUz5h3vgXzBJnjmWAVlBWaZETkgu+LgKd7AiyOml3EDJY1AHlIbBHKDXE+TUT53Ff8OaA==}
+ peerDependencies:
+ bare-buffer: '*'
+ bare-events: '*'
+ peerDependenciesMeta:
+ bare-buffer:
+ optional: true
+ bare-events:
+ optional: true
base64-js@1.5.1:
resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
@@ -1243,8 +1253,8 @@ packages:
caniuse-lite@1.0.30001692:
resolution: {integrity: sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==}
- chai-dom@1.12.0:
- resolution: {integrity: sha512-pLP8h6IBR8z1AdeQ+EMcJ7dXPdsax/1Q7gdGZjsnAmSBl3/gItQUYSCo32br1qOy4SlcBjvqId7ilAf3uJ2K1w==}
+ chai-dom@1.12.1:
+ resolution: {integrity: sha512-tvz+D0PJue2VHXRec3udgP/OeeXBiePU3VH6JhEnHQJYzvNzR2nUvEykA9dXVS76JvaUENSOYH8Ufr0kZSnlCQ==}
engines: {node: '>= 0.12.0'}
peerDependencies:
chai: '>= 3'
@@ -1540,8 +1550,8 @@ packages:
ee-first@1.1.1:
resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
- electron-to-chromium@1.5.80:
- resolution: {integrity: sha512-LTrKpW0AqIuHwmlVNV+cjFYTnXtM9K37OGhpe0ZI10ScPSxqVSryZHIY3WnCS5NSYbBODRTZyhRMS2h5FAEqAw==}
+ electron-to-chromium@1.5.83:
+ resolution: {integrity: sha512-LcUDPqSt+V0QmI47XLzZrz5OqILSMGsPFkDYus22rIbgorSvBYEFqq854ltTmUdHkY92FSdAAvsh4jWEULMdfQ==}
element-internals-polyfill@1.3.12:
resolution: {integrity: sha512-KW1k+cMGwXlx3X9nqhgmuElAfR/c/ccFt0pG4KpwK++Mx9Y+mPExxJW+jgQnqux/NQrJejgOxxg4Naf3f6y67Q==}
@@ -1585,8 +1595,8 @@ packages:
resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
engines: {node: '>= 0.4'}
- es-object-atoms@1.0.0:
- resolution: {integrity: sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==}
+ es-object-atoms@1.1.1:
+ resolution: {integrity: sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==}
engines: {node: '>= 0.4'}
es6-error@4.1.1:
@@ -1748,8 +1758,8 @@ packages:
resolution: {integrity: sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==}
engines: {node: '>=12'}
- fs-extra@11.2.0:
- resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
+ fs-extra@11.3.0:
+ resolution: {integrity: sha512-Z4XaCL6dUDHfP/jT25jJKMmtxvuwbkrD1vNSMFlo9lNLY2c5FHYSQgHPRZUjAB26TpDEoW9HCOgplrdbaPV/ew==}
engines: {node: '>=14.14'}
fs-extra@7.0.1:
@@ -2696,8 +2706,8 @@ packages:
resolution: {integrity: sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==}
engines: {node: '>=4.0.0'}
- postcss@8.4.49:
- resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
+ postcss@8.5.1:
+ resolution: {integrity: sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==}
engines: {node: ^10 || ^12 || >=14}
pretty-bytes@6.1.1:
@@ -2754,8 +2764,8 @@ packages:
resolution: {integrity: sha512-pMpnA0qRdFp32b1sJl1wOJNxZLQ2cbQx+k6tjNtZ8CpvVhNqEPRgivZ2WOUev2YMajecdH7ctUPDvEe87nariQ==}
engines: {node: '>=6.0.0'}
- qs@6.13.1:
- resolution: {integrity: sha512-EJPeIn0CYrGu+hli1xilKAPXODtJ12T0sP63Ijx2/khC2JtuaN3JyNIpvmnkmaEtha9ocbG4A4cMcr+TvqvwQg==}
+ qs@6.14.0:
+ resolution: {integrity: sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==}
engines: {node: '>=0.6'}
queue-microtask@1.2.3:
@@ -3076,8 +3086,8 @@ packages:
symbol-tree@3.2.4:
resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
- tar-fs@3.0.6:
- resolution: {integrity: sha512-iokBDQQkUyeXhgPYaZxmczGPhnhXZ0CmrqI+MOb/WFGS9DW5wnfrLgtjUJBvz50vQ3qfRwJ62QVoCFu8mPVu5w==}
+ tar-fs@3.0.8:
+ resolution: {integrity: sha512-ZoROL70jptorGAlgAYiLoBLItEKw/fUxg9BSYK/dF/GAGYFJOJJJMvjPAKDJraCXFwadD456FCuvLWgfhMsPwg==}
tar-stream@3.1.7:
resolution: {integrity: sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==}
@@ -3109,11 +3119,11 @@ packages:
resolution: {integrity: sha512-Zc+8eJlFMvgatPZTl6A9L/yht8QqdmUNtURHaKZLmKBE12hNPSrqNkUp2cs3M/UKmNVVAMFQYSjYIVHDjW5zew==}
engines: {node: '>=12.0.0'}
- tldts-core@6.1.71:
- resolution: {integrity: sha512-LRbChn2YRpic1KxY+ldL1pGXN/oVvKfCVufwfVzEQdFYNo39uF7AJa/WXdo+gYO7PTvdfkCPCed6Hkvz/kR7jg==}
+ tldts-core@6.1.72:
+ resolution: {integrity: sha512-FW3H9aCaGTJ8l8RVCR3EX8GxsxDbQXuwetwwgXA2chYdsX+NY1ytCBl61narjjehWmCw92tc1AxlcY3668CU8g==}
- tldts@6.1.71:
- resolution: {integrity: sha512-LQIHmHnuzfZgZWAf2HzL83TIIrD8NhhI0DVxqo9/FdOd4ilec+NTNZOlDZf7EwrTNoutccbsHjvWHYXLAtvxjw==}
+ tldts@6.1.72:
+ resolution: {integrity: sha512-QNtgIqSUb9o2CoUjX9T5TwaIvUUJFU1+12PJkgt42DFV2yf9J6549yTF2uGloQsJ/JOC8X+gIB81ind97hRiIQ==}
hasBin: true
to-regex-range@5.0.1:
@@ -3484,13 +3494,13 @@ packages:
snapshots:
- '@asamuzakjp/css-color@2.8.2':
+ '@asamuzakjp/css-color@2.8.3':
dependencies:
'@csstools/css-calc': 2.1.1(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
'@csstools/css-color-parser': 3.0.7(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
'@csstools/css-parser-algorithms': 3.0.4(@csstools/css-tokenizer@3.0.3)
'@csstools/css-tokenizer': 3.0.3
- lru-cache: 11.0.2
+ lru-cache: 10.4.3
'@babel/code-frame@7.26.2':
dependencies:
@@ -3500,7 +3510,7 @@ snapshots:
'@babel/helper-validator-identifier@7.25.9': {}
- '@bcoe/v8-coverage@1.0.1': {}
+ '@bcoe/v8-coverage@1.0.2': {}
'@biomejs/biome@1.9.2':
optionalDependencies:
@@ -3827,23 +3837,23 @@ snapshots:
'@jridgewell/resolve-uri': 3.1.2
'@jridgewell/sourcemap-codec': 1.5.0
- '@microsoft/api-extractor-model@7.30.2(@types/node@18.19.70)':
+ '@microsoft/api-extractor-model@7.30.2(@types/node@18.19.71)':
dependencies:
'@microsoft/tsdoc': 0.15.1
'@microsoft/tsdoc-config': 0.17.1
- '@rushstack/node-core-library': 5.10.2(@types/node@18.19.70)
+ '@rushstack/node-core-library': 5.10.2(@types/node@18.19.71)
transitivePeerDependencies:
- '@types/node'
- '@microsoft/api-extractor@7.49.1(@types/node@18.19.70)':
+ '@microsoft/api-extractor@7.49.1(@types/node@18.19.71)':
dependencies:
- '@microsoft/api-extractor-model': 7.30.2(@types/node@18.19.70)
+ '@microsoft/api-extractor-model': 7.30.2(@types/node@18.19.71)
'@microsoft/tsdoc': 0.15.1
'@microsoft/tsdoc-config': 0.17.1
- '@rushstack/node-core-library': 5.10.2(@types/node@18.19.70)
+ '@rushstack/node-core-library': 5.10.2(@types/node@18.19.71)
'@rushstack/rig-package': 0.5.3
- '@rushstack/terminal': 0.14.5(@types/node@18.19.70)
- '@rushstack/ts-command-line': 4.23.3(@types/node@18.19.70)
+ '@rushstack/terminal': 0.14.5(@types/node@18.19.71)
+ '@rushstack/ts-command-line': 4.23.3(@types/node@18.19.71)
lodash: 4.17.21
minimatch: 3.0.8
resolve: 1.22.10
@@ -3910,10 +3920,11 @@ snapshots:
progress: 2.0.3
proxy-agent: 6.5.0
semver: 7.6.3
- tar-fs: 3.0.6
+ tar-fs: 3.0.8
unbzip2-stream: 1.4.3
yargs: 17.7.2
transitivePeerDependencies:
+ - bare-buffer
- supports-color
'@roarr/cli@5.12.4':
@@ -4008,7 +4019,7 @@ snapshots:
'@rollup/rollup-win32-x64-msvc@4.30.1':
optional: true
- '@rushstack/node-core-library@3.66.1(@types/node@18.19.70)':
+ '@rushstack/node-core-library@3.66.1(@types/node@18.19.71)':
dependencies:
colors: 1.2.5
fs-extra: 7.0.1
@@ -4018,9 +4029,9 @@ snapshots:
semver: 7.5.4
z-schema: 5.0.5
optionalDependencies:
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
- '@rushstack/node-core-library@5.10.2(@types/node@18.19.70)':
+ '@rushstack/node-core-library@5.10.2(@types/node@18.19.71)':
dependencies:
ajv: 8.13.0
ajv-draft-04: 1.0.0(ajv@8.13.0)
@@ -4031,23 +4042,23 @@ snapshots:
resolve: 1.22.10
semver: 7.5.4
optionalDependencies:
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
'@rushstack/rig-package@0.5.3':
dependencies:
resolve: 1.22.10
strip-json-comments: 3.1.1
- '@rushstack/terminal@0.14.5(@types/node@18.19.70)':
+ '@rushstack/terminal@0.14.5(@types/node@18.19.71)':
dependencies:
- '@rushstack/node-core-library': 5.10.2(@types/node@18.19.70)
+ '@rushstack/node-core-library': 5.10.2(@types/node@18.19.71)
supports-color: 8.1.1
optionalDependencies:
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
- '@rushstack/ts-command-line@4.23.3(@types/node@18.19.70)':
+ '@rushstack/ts-command-line@4.23.3(@types/node@18.19.71)':
dependencies:
- '@rushstack/terminal': 0.14.5(@types/node@18.19.70)
+ '@rushstack/terminal': 0.14.5(@types/node@18.19.71)
'@types/argparse': 1.0.38
argparse: 1.0.10
string-argv: 0.3.2
@@ -4090,7 +4101,7 @@ snapshots:
'@types/fs-extra@11.0.4':
dependencies:
'@types/jsonfile': 6.1.4
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
'@types/html-minifier-terser@7.0.2': {}
@@ -4100,15 +4111,15 @@ snapshots:
'@types/jsonfile@6.1.4':
dependencies:
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
'@types/minimist@1.2.5': {}
- '@types/node@18.19.70':
+ '@types/node@18.19.71':
dependencies:
undici-types: 5.26.5
- '@types/node@22.10.5':
+ '@types/node@22.10.7':
dependencies:
undici-types: 6.20.0
optional: true
@@ -4119,14 +4130,14 @@ snapshots:
'@types/yauzl@2.10.3':
dependencies:
- '@types/node': 22.10.5
+ '@types/node': 22.10.7
optional: true
- '@wesbos/code-icons@1.2.4(rollup@4.30.1)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)':
+ '@wesbos/code-icons@1.2.4(rollup@4.30.1)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)':
dependencies:
- '@types/node': 18.19.70
- vite: 4.5.5(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
- vite-plugin-dts: 1.7.3(@types/node@18.19.70)(rollup@4.30.1)(vite@4.5.5(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0))
+ '@types/node': 18.19.71
+ vite: 4.5.5(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
+ vite-plugin-dts: 1.7.3(@types/node@18.19.71)(rollup@4.30.1)(vite@4.5.5(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0))
vscode-icons-js: 11.6.1
transitivePeerDependencies:
- less
@@ -4217,14 +4228,14 @@ snapshots:
asynckit@0.4.0: {}
- autoprefixer@10.4.20(postcss@8.4.49):
+ autoprefixer@10.4.20(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
caniuse-lite: 1.0.30001692
fraction.js: 4.3.7
normalize-range: 0.1.2
picocolors: 1.1.1
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
available-typed-arrays@1.0.7:
@@ -4238,24 +4249,28 @@ snapshots:
bare-events@2.5.4:
optional: true
- bare-fs@2.3.5:
+ bare-fs@4.0.1:
dependencies:
bare-events: 2.5.4
- bare-path: 2.1.3
- bare-stream: 2.6.1
+ bare-path: 3.0.0
+ bare-stream: 2.6.4(bare-events@2.5.4)
+ transitivePeerDependencies:
+ - bare-buffer
optional: true
- bare-os@2.4.4:
+ bare-os@3.4.0:
optional: true
- bare-path@2.1.3:
+ bare-path@3.0.0:
dependencies:
- bare-os: 2.4.4
+ bare-os: 3.4.0
optional: true
- bare-stream@2.6.1:
+ bare-stream@2.6.4(bare-events@2.5.4):
dependencies:
streamx: 2.21.1
+ optionalDependencies:
+ bare-events: 2.5.4
optional: true
base64-js@1.5.1: {}
@@ -4284,7 +4299,7 @@ snapshots:
browserslist@4.24.4:
dependencies:
caniuse-lite: 1.0.30001692
- electron-to-chromium: 1.5.80
+ electron-to-chromium: 1.5.83
node-releases: 2.0.19
update-browserslist-db: 1.1.2(browserslist@4.24.4)
@@ -4306,7 +4321,7 @@ snapshots:
c8@10.1.3:
dependencies:
- '@bcoe/v8-coverage': 1.0.1
+ '@bcoe/v8-coverage': 1.0.2
'@istanbuljs/schema': 0.1.3
find-up: 5.0.0
foreground-child: 3.3.0
@@ -4355,7 +4370,7 @@ snapshots:
caniuse-lite@1.0.30001692: {}
- chai-dom@1.12.0(chai@5.1.2):
+ chai-dom@1.12.1(chai@5.1.2):
dependencies:
chai: 5.1.2
@@ -4491,9 +4506,9 @@ snapshots:
crypt@0.0.2: {}
- css-declaration-sorter@7.2.0(postcss@8.4.49):
+ css-declaration-sorter@7.2.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
css-select@5.1.0:
dependencies:
@@ -4517,49 +4532,49 @@ snapshots:
cssesc@3.0.0: {}
- cssnano-preset-default@7.0.6(postcss@8.4.49):
+ cssnano-preset-default@7.0.6(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
- css-declaration-sorter: 7.2.0(postcss@8.4.49)
- cssnano-utils: 5.0.0(postcss@8.4.49)
- postcss: 8.4.49
- postcss-calc: 10.1.0(postcss@8.4.49)
- postcss-colormin: 7.0.2(postcss@8.4.49)
- postcss-convert-values: 7.0.4(postcss@8.4.49)
- postcss-discard-comments: 7.0.3(postcss@8.4.49)
- postcss-discard-duplicates: 7.0.1(postcss@8.4.49)
- postcss-discard-empty: 7.0.0(postcss@8.4.49)
- postcss-discard-overridden: 7.0.0(postcss@8.4.49)
- postcss-merge-longhand: 7.0.4(postcss@8.4.49)
- postcss-merge-rules: 7.0.4(postcss@8.4.49)
- postcss-minify-font-values: 7.0.0(postcss@8.4.49)
- postcss-minify-gradients: 7.0.0(postcss@8.4.49)
- postcss-minify-params: 7.0.2(postcss@8.4.49)
- postcss-minify-selectors: 7.0.4(postcss@8.4.49)
- postcss-normalize-charset: 7.0.0(postcss@8.4.49)
- postcss-normalize-display-values: 7.0.0(postcss@8.4.49)
- postcss-normalize-positions: 7.0.0(postcss@8.4.49)
- postcss-normalize-repeat-style: 7.0.0(postcss@8.4.49)
- postcss-normalize-string: 7.0.0(postcss@8.4.49)
- postcss-normalize-timing-functions: 7.0.0(postcss@8.4.49)
- postcss-normalize-unicode: 7.0.2(postcss@8.4.49)
- postcss-normalize-url: 7.0.0(postcss@8.4.49)
- postcss-normalize-whitespace: 7.0.0(postcss@8.4.49)
- postcss-ordered-values: 7.0.1(postcss@8.4.49)
- postcss-reduce-initial: 7.0.2(postcss@8.4.49)
- postcss-reduce-transforms: 7.0.0(postcss@8.4.49)
- postcss-svgo: 7.0.1(postcss@8.4.49)
- postcss-unique-selectors: 7.0.3(postcss@8.4.49)
-
- cssnano-utils@5.0.0(postcss@8.4.49):
- dependencies:
- postcss: 8.4.49
-
- cssnano@7.0.6(postcss@8.4.49):
- dependencies:
- cssnano-preset-default: 7.0.6(postcss@8.4.49)
+ css-declaration-sorter: 7.2.0(postcss@8.5.1)
+ cssnano-utils: 5.0.0(postcss@8.5.1)
+ postcss: 8.5.1
+ postcss-calc: 10.1.0(postcss@8.5.1)
+ postcss-colormin: 7.0.2(postcss@8.5.1)
+ postcss-convert-values: 7.0.4(postcss@8.5.1)
+ postcss-discard-comments: 7.0.3(postcss@8.5.1)
+ postcss-discard-duplicates: 7.0.1(postcss@8.5.1)
+ postcss-discard-empty: 7.0.0(postcss@8.5.1)
+ postcss-discard-overridden: 7.0.0(postcss@8.5.1)
+ postcss-merge-longhand: 7.0.4(postcss@8.5.1)
+ postcss-merge-rules: 7.0.4(postcss@8.5.1)
+ postcss-minify-font-values: 7.0.0(postcss@8.5.1)
+ postcss-minify-gradients: 7.0.0(postcss@8.5.1)
+ postcss-minify-params: 7.0.2(postcss@8.5.1)
+ postcss-minify-selectors: 7.0.4(postcss@8.5.1)
+ postcss-normalize-charset: 7.0.0(postcss@8.5.1)
+ postcss-normalize-display-values: 7.0.0(postcss@8.5.1)
+ postcss-normalize-positions: 7.0.0(postcss@8.5.1)
+ postcss-normalize-repeat-style: 7.0.0(postcss@8.5.1)
+ postcss-normalize-string: 7.0.0(postcss@8.5.1)
+ postcss-normalize-timing-functions: 7.0.0(postcss@8.5.1)
+ postcss-normalize-unicode: 7.0.2(postcss@8.5.1)
+ postcss-normalize-url: 7.0.0(postcss@8.5.1)
+ postcss-normalize-whitespace: 7.0.0(postcss@8.5.1)
+ postcss-ordered-values: 7.0.1(postcss@8.5.1)
+ postcss-reduce-initial: 7.0.2(postcss@8.5.1)
+ postcss-reduce-transforms: 7.0.0(postcss@8.5.1)
+ postcss-svgo: 7.0.1(postcss@8.5.1)
+ postcss-unique-selectors: 7.0.3(postcss@8.5.1)
+
+ cssnano-utils@5.0.0(postcss@8.5.1):
+ dependencies:
+ postcss: 8.5.1
+
+ cssnano@7.0.6(postcss@8.5.1):
+ dependencies:
+ cssnano-preset-default: 7.0.6(postcss@8.5.1)
lilconfig: 3.1.3
- postcss: 8.4.49
+ postcss: 8.5.1
csso@5.0.5:
dependencies:
@@ -4567,7 +4582,7 @@ snapshots:
cssstyle@4.2.1:
dependencies:
- '@asamuzakjp/css-color': 2.8.2
+ '@asamuzakjp/css-color': 2.8.3
rrweb-cssom: 0.8.0
data-uri-to-buffer@4.0.1: {}
@@ -4666,7 +4681,7 @@ snapshots:
ee-first@1.1.1: {}
- electron-to-chromium@1.5.80: {}
+ electron-to-chromium@1.5.83: {}
element-internals-polyfill@1.3.12: {}
@@ -4706,7 +4721,7 @@ snapshots:
es-errors@1.3.0: {}
- es-object-atoms@1.0.0:
+ es-object-atoms@1.1.1:
dependencies:
es-errors: 1.3.0
@@ -4938,7 +4953,7 @@ snapshots:
jsonfile: 6.1.0
universalify: 2.0.1
- fs-extra@11.2.0:
+ fs-extra@11.3.0:
dependencies:
graceful-fs: 4.2.11
jsonfile: 6.1.0
@@ -4971,7 +4986,7 @@ snapshots:
call-bind-apply-helpers: 1.0.1
es-define-property: 1.0.1
es-errors: 1.3.0
- es-object-atoms: 1.0.0
+ es-object-atoms: 1.1.1
function-bind: 1.1.2
get-proto: 1.0.1
gopd: 1.2.0
@@ -4982,7 +4997,7 @@ snapshots:
get-proto@1.0.1:
dependencies:
dunder-proto: 1.0.1
- es-object-atoms: 1.0.0
+ es-object-atoms: 1.1.1
get-stream@5.2.0:
dependencies:
@@ -5605,47 +5620,47 @@ snapshots:
possible-typed-array-names@1.0.0: {}
- postcss-browser-comments@6.0.1(browserslist@4.24.4)(postcss@8.4.49):
+ postcss-browser-comments@6.0.1(browserslist@4.24.4)(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
- postcss: 8.4.49
+ postcss: 8.5.1
- postcss-calc@10.1.0(postcss@8.4.49):
+ postcss-calc@10.1.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-selector-parser: 7.0.0
postcss-value-parser: 4.2.0
- postcss-colormin@7.0.2(postcss@8.4.49):
+ postcss-colormin@7.0.2(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
caniuse-api: 3.0.0
colord: 2.9.3
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-convert-values@7.0.4(postcss@8.4.49):
+ postcss-convert-values@7.0.4(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-discard-comments@7.0.3(postcss@8.4.49):
+ postcss-discard-comments@7.0.3(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-selector-parser: 6.1.2
- postcss-discard-duplicates@7.0.1(postcss@8.4.49):
+ postcss-discard-duplicates@7.0.1(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
- postcss-discard-empty@7.0.0(postcss@8.4.49):
+ postcss-discard-empty@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
- postcss-discard-overridden@7.0.0(postcss@8.4.49):
+ postcss-discard-overridden@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-fluid@1.4.2: {}
@@ -5654,162 +5669,162 @@ snapshots:
postcss: 5.2.18
postcss-simple-vars: 2.0.0
- postcss-import@16.1.0(postcss@8.4.49):
+ postcss-import@16.1.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
read-cache: 1.0.0
resolve: 1.22.10
- postcss-js@4.0.1(postcss@8.4.49):
+ postcss-js@4.0.1(postcss@8.5.1):
dependencies:
camelcase-css: 2.0.1
- postcss: 8.4.49
+ postcss: 8.5.1
- postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.4.49)(yaml@2.7.0):
+ postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.1)(yaml@2.7.0):
dependencies:
lilconfig: 3.1.3
optionalDependencies:
jiti: 1.21.7
- postcss: 8.4.49
+ postcss: 8.5.1
yaml: 2.7.0
- postcss-merge-longhand@7.0.4(postcss@8.4.49):
+ postcss-merge-longhand@7.0.4(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- stylehacks: 7.0.4(postcss@8.4.49)
+ stylehacks: 7.0.4(postcss@8.5.1)
- postcss-merge-rules@7.0.4(postcss@8.4.49):
+ postcss-merge-rules@7.0.4(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
caniuse-api: 3.0.0
- cssnano-utils: 5.0.0(postcss@8.4.49)
- postcss: 8.4.49
+ cssnano-utils: 5.0.0(postcss@8.5.1)
+ postcss: 8.5.1
postcss-selector-parser: 6.1.2
- postcss-minify-font-values@7.0.0(postcss@8.4.49):
+ postcss-minify-font-values@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-minify-gradients@7.0.0(postcss@8.4.49):
+ postcss-minify-gradients@7.0.0(postcss@8.5.1):
dependencies:
colord: 2.9.3
- cssnano-utils: 5.0.0(postcss@8.4.49)
- postcss: 8.4.49
+ cssnano-utils: 5.0.0(postcss@8.5.1)
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-minify-params@7.0.2(postcss@8.4.49):
+ postcss-minify-params@7.0.2(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
- cssnano-utils: 5.0.0(postcss@8.4.49)
- postcss: 8.4.49
+ cssnano-utils: 5.0.0(postcss@8.5.1)
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-minify-selectors@7.0.4(postcss@8.4.49):
+ postcss-minify-selectors@7.0.4(postcss@8.5.1):
dependencies:
cssesc: 3.0.0
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-selector-parser: 6.1.2
- postcss-mixins@11.0.3(postcss@8.4.49):
+ postcss-mixins@11.0.3(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
- postcss-js: 4.0.1(postcss@8.4.49)
- postcss-simple-vars: 7.0.1(postcss@8.4.49)
- sugarss: 4.0.1(postcss@8.4.49)
+ postcss: 8.5.1
+ postcss-js: 4.0.1(postcss@8.5.1)
+ postcss-simple-vars: 7.0.1(postcss@8.5.1)
+ sugarss: 4.0.1(postcss@8.5.1)
tinyglobby: 0.2.10
- postcss-nested@6.2.0(postcss@8.4.49):
+ postcss-nested@6.2.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-selector-parser: 6.1.2
- postcss-nesting@13.0.1(postcss@8.4.49):
+ postcss-nesting@13.0.1(postcss@8.5.1):
dependencies:
'@csstools/selector-resolve-nested': 3.0.0(postcss-selector-parser@7.0.0)
'@csstools/selector-specificity': 5.0.0(postcss-selector-parser@7.0.0)
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-selector-parser: 7.0.0
- postcss-normalize-charset@7.0.0(postcss@8.4.49):
+ postcss-normalize-charset@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
- postcss-normalize-display-values@7.0.0(postcss@8.4.49):
+ postcss-normalize-display-values@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize-positions@7.0.0(postcss@8.4.49):
+ postcss-normalize-positions@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize-repeat-style@7.0.0(postcss@8.4.49):
+ postcss-normalize-repeat-style@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize-string@7.0.0(postcss@8.4.49):
+ postcss-normalize-string@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize-timing-functions@7.0.0(postcss@8.4.49):
+ postcss-normalize-timing-functions@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize-unicode@7.0.2(postcss@8.4.49):
+ postcss-normalize-unicode@7.0.2(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize-url@7.0.0(postcss@8.4.49):
+ postcss-normalize-url@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize-whitespace@7.0.0(postcss@8.4.49):
+ postcss-normalize-whitespace@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-normalize@13.0.1(browserslist@4.24.4)(postcss@8.4.49):
+ postcss-normalize@13.0.1(browserslist@4.24.4)(postcss@8.5.1):
dependencies:
'@csstools/normalize.css': 12.1.1
browserslist: 4.24.4
- postcss: 8.4.49
- postcss-browser-comments: 6.0.1(browserslist@4.24.4)(postcss@8.4.49)
+ postcss: 8.5.1
+ postcss-browser-comments: 6.0.1(browserslist@4.24.4)(postcss@8.5.1)
sanitize.css: 13.0.0
- postcss-ordered-values@7.0.1(postcss@8.4.49):
+ postcss-ordered-values@7.0.1(postcss@8.5.1):
dependencies:
- cssnano-utils: 5.0.0(postcss@8.4.49)
- postcss: 8.4.49
+ cssnano-utils: 5.0.0(postcss@8.5.1)
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
- postcss-reduce-initial@7.0.2(postcss@8.4.49):
+ postcss-reduce-initial@7.0.2(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
caniuse-api: 3.0.0
- postcss: 8.4.49
+ postcss: 8.5.1
- postcss-reduce-transforms@7.0.0(postcss@8.4.49):
+ postcss-reduce-transforms@7.0.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
postcss-responsive-type@1.0.0:
dependencies:
postcss: 6.0.23
- postcss-rtlcss@5.6.0(postcss@8.4.49):
+ postcss-rtlcss@5.6.0(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
rtlcss: 4.3.0
postcss-selector-parser@6.1.2:
@@ -5826,24 +5841,24 @@ snapshots:
dependencies:
postcss: 5.2.18
- postcss-simple-vars@7.0.1(postcss@8.4.49):
+ postcss-simple-vars@7.0.1(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-strip-units@2.0.1:
dependencies:
postcss: 6.0.23
reduce-function-call: 1.0.3
- postcss-svgo@7.0.1(postcss@8.4.49):
+ postcss-svgo@7.0.1(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-value-parser: 4.2.0
svgo: 3.3.2
- postcss-unique-selectors@7.0.3(postcss@8.4.49):
+ postcss-unique-selectors@7.0.3(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-selector-parser: 6.1.2
postcss-value-parser@4.2.0: {}
@@ -5861,7 +5876,7 @@ snapshots:
source-map: 0.6.1
supports-color: 5.5.0
- postcss@8.4.49:
+ postcss@8.5.1:
dependencies:
nanoid: 3.3.8
picocolors: 1.1.1
@@ -5917,6 +5932,7 @@ snapshots:
typed-query-selector: 2.12.0
ws: 8.18.0
transitivePeerDependencies:
+ - bare-buffer
- bufferutil
- supports-color
- utf-8-validate
@@ -5930,6 +5946,7 @@ snapshots:
puppeteer-core: 23.11.1
typed-query-selector: 2.12.0
transitivePeerDependencies:
+ - bare-buffer
- bufferutil
- supports-color
- typescript
@@ -5941,7 +5958,7 @@ snapshots:
pvutils@1.1.3: {}
- qs@6.13.1:
+ qs@6.14.0:
dependencies:
side-channel: 1.1.0
@@ -6049,7 +6066,7 @@ snapshots:
dependencies:
escalade: 3.2.0
picocolors: 1.1.1
- postcss: 8.4.49
+ postcss: 8.5.1
strip-json-comments: 3.1.1
run-parallel@1.2.0:
@@ -6257,15 +6274,15 @@ snapshots:
strip-json-comments@3.1.1: {}
- stylehacks@7.0.4(postcss@8.4.49):
+ stylehacks@7.0.4(postcss@8.5.1):
dependencies:
browserslist: 4.24.4
- postcss: 8.4.49
+ postcss: 8.5.1
postcss-selector-parser: 6.1.2
- sugarss@4.0.1(postcss@8.4.49):
+ sugarss@4.0.1(postcss@8.5.1):
dependencies:
- postcss: 8.4.49
+ postcss: 8.5.1
supports-color@2.0.0: {}
@@ -6299,13 +6316,15 @@ snapshots:
symbol-tree@3.2.4: {}
- tar-fs@3.0.6:
+ tar-fs@3.0.8:
dependencies:
pump: 3.0.2
tar-stream: 3.1.7
optionalDependencies:
- bare-fs: 2.3.5
- bare-path: 2.1.3
+ bare-fs: 4.0.1
+ bare-path: 3.0.0
+ transitivePeerDependencies:
+ - bare-buffer
tar-stream@3.1.7:
dependencies:
@@ -6341,11 +6360,11 @@ snapshots:
fdir: 6.4.2(picomatch@4.0.2)
picomatch: 4.0.2
- tldts-core@6.1.71: {}
+ tldts-core@6.1.72: {}
- tldts@6.1.71:
+ tldts@6.1.72:
dependencies:
- tldts-core: 6.1.71
+ tldts-core: 6.1.72
to-regex-range@5.0.1:
dependencies:
@@ -6355,7 +6374,7 @@ snapshots:
tough-cookie@5.1.0:
dependencies:
- tldts: 6.1.71
+ tldts: 6.1.72
tr46@0.0.3: {}
@@ -6441,7 +6460,7 @@ snapshots:
url@0.11.4:
dependencies:
punycode: 1.4.1
- qs: 6.13.1
+ qs: 6.14.0
util-deprecate@1.0.2: {}
@@ -6465,33 +6484,33 @@ snapshots:
vite-plugin-banner@0.8.0: {}
- vite-plugin-directory-index@3.0.1(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)):
+ vite-plugin-directory-index@3.0.1(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)):
dependencies:
picomatch: 2.3.1
pretty-bytes: 6.1.1
- vite: 5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
+ vite: 5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
- vite-plugin-dts@1.7.3(@types/node@18.19.70)(rollup@4.30.1)(vite@4.5.5(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)):
+ vite-plugin-dts@1.7.3(@types/node@18.19.71)(rollup@4.30.1)(vite@4.5.5(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)):
dependencies:
- '@microsoft/api-extractor': 7.49.1(@types/node@18.19.70)
+ '@microsoft/api-extractor': 7.49.1(@types/node@18.19.71)
'@rollup/pluginutils': 5.1.4(rollup@4.30.1)
- '@rushstack/node-core-library': 3.66.1(@types/node@18.19.70)
+ '@rushstack/node-core-library': 3.66.1(@types/node@18.19.71)
debug: 4.4.0(supports-color@8.1.1)
fast-glob: 3.3.3
fs-extra: 10.1.0
kolorist: 1.8.0
ts-morph: 17.0.1
- vite: 4.5.5(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
+ vite: 4.5.5(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
transitivePeerDependencies:
- '@types/node'
- rollup
- supports-color
- vite-plugin-list-directory-contents@1.4.5(@types/node@18.19.70)(rollup@4.30.1)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0):
+ vite-plugin-list-directory-contents@1.4.5(@types/node@18.19.71)(rollup@4.30.1)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0):
dependencies:
- '@wesbos/code-icons': 1.2.4(rollup@4.30.1)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
- vite: 4.5.5(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
- vite-plugin-dts: 1.7.3(@types/node@18.19.70)(rollup@4.30.1)(vite@4.5.5(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0))
+ '@wesbos/code-icons': 1.2.4(rollup@4.30.1)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
+ vite: 4.5.5(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
+ vite-plugin-dts: 1.7.3(@types/node@18.19.71)(rollup@4.30.1)(vite@4.5.5(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0))
vscode-icons-js: 11.6.1
transitivePeerDependencies:
- '@types/node'
@@ -6504,13 +6523,13 @@ snapshots:
- supports-color
- terser
- vite-plugin-minify@2.1.0(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)):
+ vite-plugin-minify@2.1.0(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)):
dependencies:
'@types/html-minifier-terser': 7.0.2
html-minifier-terser: 7.2.0
- vite: 5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
+ vite: 5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
- vite-plugin-mock@3.0.2(esbuild@0.24.2)(mockjs@1.1.0)(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)):
+ vite-plugin-mock@3.0.2(esbuild@0.24.2)(mockjs@1.1.0)(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)):
dependencies:
bundle-require: 4.2.1(esbuild@0.24.2)
chokidar: 3.6.0
@@ -6521,42 +6540,42 @@ snapshots:
mockjs: 1.1.0
path-to-regexp: 6.3.0
picocolors: 1.1.1
- vite: 5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
+ vite: 5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
transitivePeerDependencies:
- supports-color
- vite-plugin-terminal@1.2.0(rollup@4.30.1)(vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)):
+ vite-plugin-terminal@1.2.0(rollup@4.30.1)(vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)):
dependencies:
'@rollup/plugin-strip': 3.0.4(rollup@4.30.1)
debug: 4.4.0(supports-color@8.1.1)
kolorist: 1.8.0
sirv: 2.0.4
ufo: 1.5.4
- vite: 5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0)
+ vite: 5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0)
transitivePeerDependencies:
- rollup
- supports-color
- vite@4.5.5(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0):
+ vite@4.5.5(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0):
dependencies:
esbuild: 0.18.20
- postcss: 8.4.49
+ postcss: 8.5.1
rollup: 3.29.5
optionalDependencies:
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
fsevents: 2.3.3
- sugarss: 4.0.1(postcss@8.4.49)
+ sugarss: 4.0.1(postcss@8.5.1)
terser: 5.37.0
- vite@5.4.8(@types/node@18.19.70)(sugarss@4.0.1(postcss@8.4.49))(terser@5.37.0):
+ vite@5.4.8(@types/node@18.19.71)(sugarss@4.0.1(postcss@8.5.1))(terser@5.37.0):
dependencies:
esbuild: 0.21.5
- postcss: 8.4.49
+ postcss: 8.5.1
rollup: 4.30.1
optionalDependencies:
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
fsevents: 2.3.3
- sugarss: 4.0.1(postcss@8.4.49)
+ sugarss: 4.0.1(postcss@8.5.1)
terser: 5.37.0
vscode-icons-js@11.6.1:
@@ -6700,11 +6719,11 @@ snapshots:
dependencies:
'@types/fs-extra': 11.0.4
'@types/minimist': 1.2.5
- '@types/node': 18.19.70
+ '@types/node': 18.19.71
'@types/ps-tree': 1.1.6
'@types/which': 3.0.4
chalk: 5.4.1
- fs-extra: 11.2.0
+ fs-extra: 11.3.0
fx: 35.0.0
globby: 13.2.2
minimist: 1.2.8
diff --git a/source/components/datatable/dataset.mjs b/source/components/datatable/dataset.mjs
index 3097021c4..653e05d5c 100644
--- a/source/components/datatable/dataset.mjs
+++ b/source/components/datatable/dataset.mjs
@@ -38,6 +38,7 @@ import {
datasourceLinkedElementSymbol,
} from "./util.mjs";
import { FormStyleSheet } from "../stylesheet/form.mjs";
+import {addErrorAttribute} from "../../dom/error.mjs";
export { DataSet };
@@ -236,17 +237,20 @@ class DataSet extends CustomElement {
super[assembleMethodSymbol]();
requestAnimationFrame(() => {
+
if (!this[datasourceLinkedElementSymbol]) {
const selector = this.getOption("datasource.selector");
if (isString(selector)) {
const element = findElementWithSelectorUpwards(this, selector);
if (element === null) {
- throw new Error("the selector must match exactly one element");
+ addErrorAttribute(this, "the selector must match exactly one element");
+ return;
}
if (!(element instanceof Datasource)) {
- throw new TypeError("the element must be a datasource");
+ addErrorAttribute(this, "the element must be a datasource");
+ return;
}
this[datasourceLinkedElementSymbol] = element;
@@ -256,7 +260,8 @@ class DataSet extends CustomElement {
handleDataSourceChanges.call(this);
} else {
- throw new Error("the selector must be a string");
+ addErrorAttribute(this, "the datasource selector is missing or invalid");
+ return
}
}
@@ -301,7 +306,7 @@ function initEventHandler() {
};
if (this[datasourceLinkedElementSymbol]) {
- this[datasourceLinkedElementSymbol].datasource.attachObserver(
+ this[datasourceLinkedElementSymbol]?.datasource?.attachObserver(
new Observer(() => {
let index = 0;
if (
@@ -318,7 +323,7 @@ function initEventHandler() {
}),
);
- this[datasourceLinkedElementSymbol].attachObserver(
+ this[datasourceLinkedElementSymbol]?.attachObserver(
new Observer(() => {
let index = 0;
if (
diff --git a/source/components/datatable/datasource.mjs b/source/components/datatable/datasource.mjs
index 329905684..6f1c8a1ee 100644
--- a/source/components/datatable/datasource.mjs
+++ b/source/components/datatable/datasource.mjs
@@ -116,3 +116,4 @@ class Datasource extends CustomElement {
this[dataSourceSymbol].read();
}
}
+
diff --git a/source/components/datatable/util.mjs b/source/components/datatable/util.mjs
index 63478f05a..5abfb5cbd 100644
--- a/source/components/datatable/util.mjs
+++ b/source/components/datatable/util.mjs
@@ -14,7 +14,7 @@
import { diff } from "../../data/diff.mjs";
import { Pathfinder } from "../../data/pathfinder.mjs";
-import { isObject } from "../../types/is.mjs";
+import {isObject, isPrimitive} from "../../types/is.mjs";
import { Observer } from "../../types/observer.mjs";
export { handleDataSourceChanges, datasourceLinkedElementSymbol };
@@ -33,7 +33,11 @@ function handleDataSourceChanges() {
return;
}
- let data = this[datasourceLinkedElementSymbol].data;
+ let data = this[datasourceLinkedElementSymbol]?.data;
+
+ if(isPrimitive(data)) {
+ throw new Error("Data must be an object or an array");
+ }
const actualData = JSON.stringify(this.getOption("data"));
const actualDataAsObj = JSON.parse(actualData);
diff --git a/source/components/form/form.mjs b/source/components/form/form.mjs
index 7755b2b00..03a663fcd 100644
--- a/source/components/form/form.mjs
+++ b/source/components/form/form.mjs
@@ -12,19 +12,21 @@
* SPDX-License-Identifier: AGPL-3.0
*/
-import { Datasource } from "../../data/datasource.mjs";
-import { DeadMansSwitch } from "../../util/deadmansswitch.mjs";
-import { DataSet } from "../datatable/dataset.mjs";
+import "../datatable/datasource/dom.mjs";
+import "../form/field-set.mjs";
+import {DeadMansSwitch} from "../../util/deadmansswitch.mjs";
+import {DataSet} from "../datatable/dataset.mjs";
import {
- assembleMethodSymbol,
- registerCustomElement,
- getSlottedElements,
+ assembleMethodSymbol,
+ registerCustomElement,
+ getSlottedElements,
} from "../../dom/customelement.mjs";
-import { datasourceLinkedElementSymbol } from "../datatable/util.mjs";
-import { FormStyleSheet } from "./stylesheet/form.mjs";
-import { addAttributeToken } from "../../dom/attributes.mjs";
+import {datasourceLinkedElementSymbol} from "../datatable/util.mjs";
+import {FormStyleSheet} from "./stylesheet/form.mjs";
+import {addAttributeToken} from "../../dom/attributes.mjs";
+import {getDocument} from "../../dom/util.mjs";
-export { Form };
+export {Form};
/**
* @private
@@ -45,6 +47,8 @@ const debounceBindSymbol = Symbol("debounceBind");
*
* @example /examples/components/form/form-simple
*
+ * @issue https://localhost.alvine.dev:8443/development/issues/closed/281.html
+ *
* @since 1.0.0
* @copyright schukai GmbH
* @summary A form control
@@ -54,161 +58,162 @@ const debounceBindSymbol = Symbol("debounceBind");
* @fires monster-changed
*/
class Form extends DataSet {
- /**
- * @property {Object} templates Template definitions
- * @property {string} templates.main Main template
- * @property {Object} classes Class definitions
- * @property {string} classes.form Form class
- * @property {Object} writeBack Write back definitions
- * @property {string[]} writeBack.events Write back events
- * @property {Object} bind Bind definitions
- * @property {Object} reportValidity Report validity definitions
- * @property {string} reportValidity.selector Report validity selector
- * @property {boolean} features.mutationObserver Mutation observer feature
- * @property {boolean} features.writeBack Write back feature
- * @property {boolean} features.bind Bind feature
- */
- get defaults() {
- const obj = Object.assign({}, super.defaults, {
- templates: {
- main: getTemplate(),
- },
-
- classes: {
- form: "",
- },
-
- writeBack: {
- events: ["keyup", "click", "change", "drop", "touchend", "input"],
- },
-
- reportValidity: {
- selector: "input,select,textarea,monster-select,monster-toggle-switch",
- },
-
- eventProcessing: true,
- });
-
- obj["features"]["mutationObserver"] = false;
- obj["features"]["writeBack"] = true;
-
- return obj;
- }
-
- /**
- *
- * @return {string}
- */
- static getTag() {
- return "monster-form";
- }
-
- /**
- * @return {CSSStyleSheet[]}
- */
- static getCSSStyleSheet() {
- return [FormStyleSheet];
- }
-
- /**
- *
- */
- [assembleMethodSymbol]() {
- const selector = this.getOption("datasource.selector");
-
- if (!selector) {
- this[datasourceLinkedElementSymbol] = new Datasource(this);
- }
-
- super[assembleMethodSymbol]();
-
- initControlReferences.call(this);
- initEventHandler.call(this);
- initDataSourceHandler.call(this);
- }
-
- /**
- * This method is called when the component is created.
- * @since 3.70.0
- * @return {Promise}
- */
- refresh() {
- return this.write().then(() => {
- super.refresh();
- return this;
- });
- }
-
- /**
- * Run reportValidation on all child html form controls.
- *
- * @since 2.10.0
- * @return {boolean}
- */
- reportValidity() {
- let valid = true;
-
- const selector = this.getOption("reportValidity.selector");
- const nodes = getSlottedElements.call(this, selector);
-
- nodes.forEach((node) => {
- if (typeof node.reportValidity === "function") {
- if (node.reportValidity() === false) {
- valid = false;
- }
- }
- });
-
- return valid;
- }
+ /**
+ * @property {Object} templates Template definitions
+ * @property {string} templates.main Main template
+ * @property {Object} classes Class definitions
+ * @property {string} classes.form Form class
+ * @property {Object} writeBack Write back definitions
+ * @property {string[]} writeBack.events Write back events
+ * @property {Object} bind Bind definitions
+ * @property {Object} reportValidity Report validity definitions
+ * @property {string} reportValidity.selector Report validity selector
+ * @property {boolean} features.mutationObserver Mutation observer feature
+ * @property {boolean} features.writeBack Write back feature
+ * @property {boolean} features.bind Bind feature
+ */
+ get defaults() {
+ const obj = Object.assign({}, super.defaults, {
+ templates: {
+ main: getTemplate(),
+ },
+
+ classes: {
+ form: "",
+ },
+
+ writeBack: {
+ events: ["keyup", "click", "change", "drop", "touchend", "input"],
+ },
+
+ reportValidity: {
+ selector: "input,select,textarea,monster-select,monster-toggle-switch",
+ },
+
+ eventProcessing: true,
+ });
+
+ obj["features"]["mutationObserver"] = false;
+ obj["features"]["writeBack"] = true;
+
+ return obj;
+ }
+
+ /**
+ *
+ * @return {string}
+ */
+ static getTag() {
+ return "monster-form";
+ }
+
+ /**
+ * @return {CSSStyleSheet[]}
+ */
+ static getCSSStyleSheet() {
+ return [FormStyleSheet];
+ }
+
+ /**
+ *
+ */
+ [assembleMethodSymbol]() {
+ const selector = this.getOption("datasource.selector");
+
+ if (!selector) {
+ this[datasourceLinkedElementSymbol] = getDocument().createElement("monster-datasource-dom");
+ }
+
+ super[assembleMethodSymbol]();
+
+ initControlReferences.call(this);
+ initEventHandler.call(this);
+ initDataSourceHandler.call(this);
+ }
+
+ /**
+ * This method is called when the component is created.
+ * @since 3.70.0
+ * @return {Promise}
+ */
+ refresh() {
+ return this.write().then(() => {
+ super.refresh();
+ return this;
+ });
+ }
+
+ /**
+ * Run reportValidation on all child html form controls.
+ *
+ * @since 2.10.0
+ * @return {boolean}
+ */
+ reportValidity() {
+ let valid = true;
+
+ const selector = this.getOption("reportValidity.selector");
+ const nodes = getSlottedElements.call(this, selector);
+
+ nodes.forEach((node) => {
+ if (typeof node.reportValidity === "function") {
+ if (node.reportValidity() === false) {
+ valid = false;
+ }
+ }
+ });
+
+ return valid;
+ }
}
-function initDataSourceHandler() {}
+function initDataSourceHandler() {
+}
/**
* @private
* @return {initEventHandler}
*/
function initEventHandler() {
- this[debounceBindSymbol] = {};
-
- if (this.getOption("features.writeBack") === true) {
- const events = this.getOption("writeBack.events");
- for (const event of events) {
- this.addEventListener(event, (e) => {
- if (!this.reportValidity()) {
- this.classList.add("invalid");
- setTimeout(() => {
- this.classList.remove("invalid");
- }, 1000);
-
- return;
- }
-
- if (this[debounceWriteBackSymbol] instanceof DeadMansSwitch) {
- try {
- this[debounceWriteBackSymbol].touch();
- return;
- } catch (e) {
- if (e.message !== "has already run") {
- throw e;
- }
- delete this[debounceWriteBackSymbol];
- }
- }
-
- this[debounceWriteBackSymbol] = new DeadMansSwitch(200, () => {
- setTimeout(() => {
- this.write().catch((e) => {
- addAttributeToken(this, "error", e.message || `${e}`);
- });
- }, 0);
- });
- });
- }
- }
-
- return this;
+ this[debounceBindSymbol] = {};
+
+ if (this.getOption("features.writeBack") === true) {
+ const events = this.getOption("writeBack.events");
+ for (const event of events) {
+ this.addEventListener(event, (e) => {
+ if (!this.reportValidity()) {
+ this.classList.add("invalid");
+ setTimeout(() => {
+ this.classList.remove("invalid");
+ }, 1000);
+
+ return;
+ }
+
+ if (this[debounceWriteBackSymbol] instanceof DeadMansSwitch) {
+ try {
+ this[debounceWriteBackSymbol].touch();
+ return;
+ } catch (e) {
+ if (e.message !== "has already run") {
+ throw e;
+ }
+ delete this[debounceWriteBackSymbol];
+ }
+ }
+
+ this[debounceWriteBackSymbol] = new DeadMansSwitch(200, () => {
+ setTimeout(() => {
+ this.write().catch((e) => {
+ addAttributeToken(this, "error", e.message || `${e}`);
+ });
+ }, 0);
+ });
+ });
+ }
+ }
+
+ return this;
}
/**
@@ -216,10 +221,10 @@ function initEventHandler() {
* @return {FilterButton}
*/
function initControlReferences() {
- if (!this.shadowRoot) {
- throw new Error("no shadow-root is defined");
- }
- return this;
+ if (!this.shadowRoot) {
+ throw new Error("no shadow-root is defined");
+ }
+ return this;
}
/**
@@ -227,8 +232,8 @@ function initControlReferences() {
* @return {string}
*/
function getTemplate() {
- // language=HTML
- return `
+ // language=HTML
+ return `
<div data-monster-role="control" part="control">
<form data-monster-attributes="disabled path:disabled | if:true, class path:classes.form"
data-monster-role="form"
diff --git a/source/components/form/style/field-set.pcss b/source/components/form/style/field-set.pcss
index edb100d1d..fa3eb5dc7 100644
--- a/source/components/form/style/field-set.pcss
+++ b/source/components/form/style/field-set.pcss
@@ -134,6 +134,29 @@ slot {
box-sizing: border-box;
}
+::slotted(input[type="color"]) {
+ padding: 0 0.2rem;
+ min-height: calc(1.8rem + 0.4rem);
+}
+
+::slotted(input[type="time"]),
+::slotted(input[type="date"]) {
+ padding: 0 0.2rem;
+ min-height: calc(1.8rem + 0.4rem);
+}
+
+::slotted(input[type="checkbox"]),
+::slotted(input[type="radio"]) {
+ width: 1.8rem;
+ min-height: calc(1.8rem + 0.4rem);
+ padding: 0 0.2rem;
+}
+
+::slotted(input[type="file"]) {
+ padding: 0.4rem;
+ min-height: calc(1.2rem );
+}
+
::slotted(input),
::slotted(monster-toggle-switch),
::slotted(select) {
diff --git a/source/components/form/stylesheet/field-set.mjs b/source/components/form/stylesheet/field-set.mjs
index e402b95f9..10ccc0380 100644
--- a/source/components/form/stylesheet/field-set.mjs
+++ b/source/components/form/stylesheet/field-set.mjs
@@ -10,10 +10,10 @@
* For more information about purchasing a commercial license, please contact schukai GmbH.
*/
-import { addAttributeToken } from "../../../dom/attributes.mjs";
-import { ATTRIBUTE_ERRORMESSAGE } from "../../../dom/constants.mjs";
+import {addAttributeToken} from "../../../dom/attributes.mjs";
+import {ATTRIBUTE_ERRORMESSAGE} from "../../../dom/constants.mjs";
-export { FieldSetStyleSheet };
+export {FieldSetStyleSheet}
/**
* @private
@@ -22,17 +22,10 @@ export { FieldSetStyleSheet };
const FieldSetStyleSheet = new CSSStyleSheet();
try {
- FieldSetStyleSheet.insertRule(
- `
+ FieldSetStyleSheet.insertRule(`
@layer fieldset {
-:after,:before,:root{--monster-color-gray-1:#f6f6f6;--monster-color-gray-2:#e2e2e2;--monster-color-gray-3:#8b8b8b;--monster-color-gray-4:#6f6f6f;--monster-color-gray-5:#3e3e3e;--monster-color-gray-6:#222;--monster-color-rose-1:#fff7f9;--monster-color-rose-2:#ffdce5;--monster-color-rose-3:#ff3b8d;--monster-color-rose-4:#db0072;--monster-color-rose-5:#800040;--monster-color-rose-6:#4c0023;--monster-color-raspberry-1:#fff8f8;--monster-color-raspberry-2:#ffdddf;--monster-color-raspberry-3:#ff426c;--monster-color-raspberry-4:#de0051;--monster-color-raspberry-5:#82002c;--monster-color-raspberry-6:#510018;--monster-color-red-1:#fff8f6;--monster-color-red-2:#ffddd8;--monster-color-red-3:#ff4647;--monster-color-red-4:#e0002b;--monster-color-red-5:#830014;--monster-color-red-6:#530003;--monster-color-orange-1:#fff8f5;--monster-color-orange-2:#ffded1;--monster-color-orange-3:#fd4d00;--monster-color-orange-4:#cd3c00;--monster-color-orange-5:#752100;--monster-color-orange-6:#401600;--monster-color-cinnamon-1:#fff8f3;--monster-color-cinnamon-2:#ffdfc6;--monster-color-cinnamon-3:#d57300;--monster-color-cinnamon-4:#ac5c00;--monster-color-cinnamon-5:#633300;--monster-color-cinnamon-6:#371d00;--monster-color-amber-1:#fff8ef;--monster-color-amber-2:#ffe0b2;--monster-color-amber-3:#b98300;--monster-color-amber-4:#926700;--monster-color-amber-5:#523800;--monster-color-amber-6:#302100;--monster-color-yellow-1:#fff9e5;--monster-color-yellow-2:#ffe53e;--monster-color-yellow-3:#9c8b00;--monster-color-yellow-4:#7d6f00;--monster-color-yellow-5:#463d00;--monster-color-yellow-6:#292300;--monster-color-lime-1:#f7ffac;--monster-color-lime-2:#d5f200;--monster-color-lime-3:#819300;--monster-color-lime-4:#677600;--monster-color-lime-5:#394100;--monster-color-lime-6:#222600;--monster-color-chartreuse-1:#e5ffc3;--monster-color-chartreuse-2:#98fb00;--monster-color-chartreuse-3:#5c9b00;--monster-color-chartreuse-4:#497c00;--monster-color-chartreuse-5:#264500;--monster-color-chartreuse-6:#182600;--monster-color-green-1:#e0ffd9;--monster-color-green-2:#72ff6c;--monster-color-green-3:#00a21f;--monster-color-green-4:#008217;--monster-color-green-5:#004908;--monster-color-green-6:#062800;--monster-color-emerald-1:#dcffe6;--monster-color-emerald-2:#5dffa2;--monster-color-emerald-3:#00a05a;--monster-color-emerald-4:#008147;--monster-color-emerald-5:#004825;--monster-color-emerald-6:#002812;--monster-color-aquamarine-1:#daffef;--monster-color-aquamarine-2:#42ffc6;--monster-color-aquamarine-3:#009f78;--monster-color-aquamarine-4:#007f5f;--monster-color-aquamarine-5:#004734;--monster-color-aquamarine-6:#00281b;--monster-color-teal-1:#d7fff7;--monster-color-teal-2:#00ffe4;--monster-color-teal-3:#009e8c;--monster-color-teal-4:#007c6e;--monster-color-teal-5:#00443c;--monster-color-teal-6:#002722;--monster-color-cyan-1:#c4fffe;--monster-color-cyan-2:#00fafb;--monster-color-cyan-3:#00999a;--monster-color-cyan-4:#007a7b;--monster-color-cyan-5:#004344;--monster-color-cyan-6:#002525;--monster-color-powder-1:#dafaff;--monster-color-powder-2:#8df0ff;--monster-color-powder-3:#0098a9;--monster-color-powder-4:#007987;--monster-color-powder-5:#004048;--monster-color-powder-6:#002227;--monster-color-sky-1:#e3f7ff;--monster-color-sky-2:#aee9ff;--monster-color-sky-3:#0094b4;--monster-color-sky-4:#007590;--monster-color-sky-5:#00404f;--monster-color-sky-6:#001f28;--monster-color-cerulean-1:#e8f6ff;--monster-color-cerulean-2:#b9e3ff;--monster-color-cerulean-3:#0092c5;--monster-color-cerulean-4:#00749d;--monster-color-cerulean-5:#003c54;--monster-color-cerulean-6:#001d2a;--monster-color-azure-1:#e8f2ff;--monster-color-azure-2:#c6e0ff;--monster-color-azure-3:#008fdb;--monster-color-azure-4:#0071af;--monster-color-azure-5:#003b5e;--monster-color-azure-6:#001c30;--monster-color-blue-1:#f0f4ff;--monster-color-blue-2:#d4e0ff;--monster-color-blue-3:#0089fc;--monster-color-blue-4:#006dca;--monster-color-blue-5:#00386d;--monster-color-blue-6:#001a39;--monster-color-indigo-1:#f3f3ff;--monster-color-indigo-2:#deddff;--monster-color-indigo-3:#657eff;--monster-color-indigo-4:#0061fc;--monster-color-indigo-5:#00328a;--monster-color-indigo-6:#001649;--monster-color-violet-1:#f7f1ff;--monster-color-violet-2:#e8daff;--monster-color-violet-3:#9b70ff;--monster-color-violet-4:#794aff;--monster-color-violet-5:#2d0fbf;--monster-color-violet-6:#0b0074;--monster-color-purple-1:#fdf4ff;--monster-color-purple-2:#f7d9ff;--monster-color-purple-3:#d150ff;--monster-color-purple-4:#b01fe3;--monster-color-purple-5:#660087;--monster-color-purple-6:#3a004f;--monster-color-magenta-1:#fff3fc;--monster-color-magenta-2:#ffd7f6;--monster-color-magenta-3:#f911e0;--monster-color-magenta-4:#ca00b6;--monster-color-magenta-5:#740068;--monster-color-magenta-6:#44003c;--monster-color-pink-1:#fff7fb;--monster-color-pink-2:#ffdcec;--monster-color-pink-3:#ff2fb2;--monster-color-pink-4:#d2008f;--monster-color-pink-5:#790051;--monster-color-pink-6:#4b0030;--monster-gradient-tangerine-1:#e5b875;--monster-gradient-tangerine-2:#d9a362;--monster-gradient-tangerine-3:#c08a4e;--monster-gradient-tangerine-4:#a7713b;--monster-gradient-tangerine-5:#8f5a28;--monster-gradient-tangerine-6:#360505;--monster-color-seashell-1:#f7f5ef;--monster-color-seashell-2:#e5e2d9;--monster-color-seashell-3:#cbc6b3;--monster-color-seashell-4:#a19d8a;--monster-color-seashell-5:#7a7566;--monster-color-seashell-6:#514d3f}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-theme-control-container-1,.monster-theme-control-row-1{border:1px solid var(--monster-theme-control-border-color)}.monster-theme-control-container-1,.monster-theme-control-element,.monster-theme-control-row-1{background-color:var(--monster-theme-control-bg-color);color:var(--monster-theme-control-color)}.monster-theme-control-background{background-color:var(--monster-theme-control-bg-color)}.monster-theme-background-inherit{background-color:inherit!important}.monster-theme-on{background-color:var(--monster-theme-on-bg-color);color:var(--monster-theme-on-color)}.monster-theme-off{background-color:var(--monster-theme-off-bg-color);color:var(--monster-theme-off-color)}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-1);border-color:var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-width:var(--monster-theme-control-border-width);box-sizing:border-box;color:var(--monster-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none}input,select,textarea{height:-moz-fit-content;height:fit-content;padding:.4rem .6rem}textarea{min-height:6rem;resize:vertical}input[type=color]{height:2rem;margin:0;padding:.1rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}input:focus,select:focus,textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:3px}[data-monster-role=control]{box-sizing:border-box;outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:host{box-sizing:border-box;display:block}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}[data-monster-role=container]{container-name:field-set;container-type:inline-size;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1rem}.collapse-alignment{padding:0 1rem}[data-monster-role=header]{align-items:center;border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-color-primary-1);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.2rem}[data-monster-role=header] label{font-size:1rem;font-weight:400;line-height:1.6;padding-right:.3rem}[data-monster-role=header] [data-monster-role=extended-switch]{align-items:center;display:flex;justify-content:flex-end;padding-right:1rem}[data-monster-role=header] [data-monster-role=title]{font-weight:700;padding-left:1rem}.hidden{display:none!important}slot{display:grid;grid-template-columns:auto 1fr;grid-gap:.8rem;accent-color:var(--monster-color-secondary-2)}.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr auto 1fr}::slotted(.label),::slotted(label){border-bottom:thin dotted var(--monster-color-primary-1);color:var(--monster-color-primary-1)}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr){grid-column:1/-1}::slotted(hr){border:none;border-top:thin dotted var(--monster-color-gray-3);margin:1rem 0;padding:0}::slotted(input:not([type=checkbox]):not([type=radio])){border-color:var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-width:var(--monster-theme-control-border-width);width:100%}[readonly]:is(::slotted(input:not([type=checkbox]):not([type=radio]))){background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}::slotted(input[readonly]:not([type=checkbox]):not([type=radio])){background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}::slotted(input),::slotted(monster-toggle-switch),::slotted(select){box-sizing:border-box;min-height:1.8rem;padding:.5rem}::slotted(input),::slotted(monster-toggle-switch),::slotted(select){align-self:end}::slotted(monster-toggle-switch){padding:0;width:3rem}@container field-set (max-width: 1200px){.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr}}@container field-set (max-width: 900px){.multiple-columns slot{grid-template-columns:auto 1fr}}@container field-set (max-width: 500px){slot{gap:0;grid-template-columns:1fr}::slotted(select){grid-column:1}::slotted(input),::slotted(monster-toggle-switch),::slotted(select),::slotted(textarea){grid-column:1}::slotted(monster-action-button),::slotted(monster-api-button),::slotted(monster-button),::slotted(monster-datasource-save-button),::slotted(monster-state-button){grid-column:1}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){grid-column:1}::slotted(.label),::slotted(label){border-bottom:none;padding-top:1rem}.multiple-columns slot{grid-template-columns:1fr}}
-}`,
- 0,
- );
+:after,:before,:root{--monster-color-gray-1:#f6f6f6;--monster-color-gray-2:#e2e2e2;--monster-color-gray-3:#8b8b8b;--monster-color-gray-4:#6f6f6f;--monster-color-gray-5:#3e3e3e;--monster-color-gray-6:#222;--monster-color-rose-1:#fff7f9;--monster-color-rose-2:#ffdce5;--monster-color-rose-3:#ff3b8d;--monster-color-rose-4:#db0072;--monster-color-rose-5:#800040;--monster-color-rose-6:#4c0023;--monster-color-raspberry-1:#fff8f8;--monster-color-raspberry-2:#ffdddf;--monster-color-raspberry-3:#ff426c;--monster-color-raspberry-4:#de0051;--monster-color-raspberry-5:#82002c;--monster-color-raspberry-6:#510018;--monster-color-red-1:#fff8f6;--monster-color-red-2:#ffddd8;--monster-color-red-3:#ff4647;--monster-color-red-4:#e0002b;--monster-color-red-5:#830014;--monster-color-red-6:#530003;--monster-color-orange-1:#fff8f5;--monster-color-orange-2:#ffded1;--monster-color-orange-3:#fd4d00;--monster-color-orange-4:#cd3c00;--monster-color-orange-5:#752100;--monster-color-orange-6:#401600;--monster-color-cinnamon-1:#fff8f3;--monster-color-cinnamon-2:#ffdfc6;--monster-color-cinnamon-3:#d57300;--monster-color-cinnamon-4:#ac5c00;--monster-color-cinnamon-5:#633300;--monster-color-cinnamon-6:#371d00;--monster-color-amber-1:#fff8ef;--monster-color-amber-2:#ffe0b2;--monster-color-amber-3:#b98300;--monster-color-amber-4:#926700;--monster-color-amber-5:#523800;--monster-color-amber-6:#302100;--monster-color-yellow-1:#fff9e5;--monster-color-yellow-2:#ffe53e;--monster-color-yellow-3:#9c8b00;--monster-color-yellow-4:#7d6f00;--monster-color-yellow-5:#463d00;--monster-color-yellow-6:#292300;--monster-color-lime-1:#f7ffac;--monster-color-lime-2:#d5f200;--monster-color-lime-3:#819300;--monster-color-lime-4:#677600;--monster-color-lime-5:#394100;--monster-color-lime-6:#222600;--monster-color-chartreuse-1:#e5ffc3;--monster-color-chartreuse-2:#98fb00;--monster-color-chartreuse-3:#5c9b00;--monster-color-chartreuse-4:#497c00;--monster-color-chartreuse-5:#264500;--monster-color-chartreuse-6:#182600;--monster-color-green-1:#e0ffd9;--monster-color-green-2:#72ff6c;--monster-color-green-3:#00a21f;--monster-color-green-4:#008217;--monster-color-green-5:#004908;--monster-color-green-6:#062800;--monster-color-emerald-1:#dcffe6;--monster-color-emerald-2:#5dffa2;--monster-color-emerald-3:#00a05a;--monster-color-emerald-4:#008147;--monster-color-emerald-5:#004825;--monster-color-emerald-6:#002812;--monster-color-aquamarine-1:#daffef;--monster-color-aquamarine-2:#42ffc6;--monster-color-aquamarine-3:#009f78;--monster-color-aquamarine-4:#007f5f;--monster-color-aquamarine-5:#004734;--monster-color-aquamarine-6:#00281b;--monster-color-teal-1:#d7fff7;--monster-color-teal-2:#00ffe4;--monster-color-teal-3:#009e8c;--monster-color-teal-4:#007c6e;--monster-color-teal-5:#00443c;--monster-color-teal-6:#002722;--monster-color-cyan-1:#c4fffe;--monster-color-cyan-2:#00fafb;--monster-color-cyan-3:#00999a;--monster-color-cyan-4:#007a7b;--monster-color-cyan-5:#004344;--monster-color-cyan-6:#002525;--monster-color-powder-1:#dafaff;--monster-color-powder-2:#8df0ff;--monster-color-powder-3:#0098a9;--monster-color-powder-4:#007987;--monster-color-powder-5:#004048;--monster-color-powder-6:#002227;--monster-color-sky-1:#e3f7ff;--monster-color-sky-2:#aee9ff;--monster-color-sky-3:#0094b4;--monster-color-sky-4:#007590;--monster-color-sky-5:#00404f;--monster-color-sky-6:#001f28;--monster-color-cerulean-1:#e8f6ff;--monster-color-cerulean-2:#b9e3ff;--monster-color-cerulean-3:#0092c5;--monster-color-cerulean-4:#00749d;--monster-color-cerulean-5:#003c54;--monster-color-cerulean-6:#001d2a;--monster-color-azure-1:#e8f2ff;--monster-color-azure-2:#c6e0ff;--monster-color-azure-3:#008fdb;--monster-color-azure-4:#0071af;--monster-color-azure-5:#003b5e;--monster-color-azure-6:#001c30;--monster-color-blue-1:#f0f4ff;--monster-color-blue-2:#d4e0ff;--monster-color-blue-3:#0089fc;--monster-color-blue-4:#006dca;--monster-color-blue-5:#00386d;--monster-color-blue-6:#001a39;--monster-color-indigo-1:#f3f3ff;--monster-color-indigo-2:#deddff;--monster-color-indigo-3:#657eff;--monster-color-indigo-4:#0061fc;--monster-color-indigo-5:#00328a;--monster-color-indigo-6:#001649;--monster-color-violet-1:#f7f1ff;--monster-color-violet-2:#e8daff;--monster-color-violet-3:#9b70ff;--monster-color-violet-4:#794aff;--monster-color-violet-5:#2d0fbf;--monster-color-violet-6:#0b0074;--monster-color-purple-1:#fdf4ff;--monster-color-purple-2:#f7d9ff;--monster-color-purple-3:#d150ff;--monster-color-purple-4:#b01fe3;--monster-color-purple-5:#660087;--monster-color-purple-6:#3a004f;--monster-color-magenta-1:#fff3fc;--monster-color-magenta-2:#ffd7f6;--monster-color-magenta-3:#f911e0;--monster-color-magenta-4:#ca00b6;--monster-color-magenta-5:#740068;--monster-color-magenta-6:#44003c;--monster-color-pink-1:#fff7fb;--monster-color-pink-2:#ffdcec;--monster-color-pink-3:#ff2fb2;--monster-color-pink-4:#d2008f;--monster-color-pink-5:#790051;--monster-color-pink-6:#4b0030;--monster-gradient-tangerine-1:#e5b875;--monster-gradient-tangerine-2:#d9a362;--monster-gradient-tangerine-3:#c08a4e;--monster-gradient-tangerine-4:#a7713b;--monster-gradient-tangerine-5:#8f5a28;--monster-gradient-tangerine-6:#360505;--monster-color-seashell-1:#f7f5ef;--monster-color-seashell-2:#e5e2d9;--monster-color-seashell-3:#cbc6b3;--monster-color-seashell-4:#a19d8a;--monster-color-seashell-5:#7a7566;--monster-color-seashell-6:#514d3f}.monster-theme-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-theme-primary-disabled-1{background-color:var(--monster-bg-color-primary-disabled-1);color:var(--monster-color-primary-disabled-1)}.monster-theme-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-theme-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-theme-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-theme-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-theme-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-theme-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-theme-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-border-color-1{border-color:var(--monster-color-border-1)}.monster-color-neutral-1{color:var(--monster-color-primary-1)}.monster-bg-color-primary-1{background-color:var(--monster-bg-color-primary-1)}.monster-bg-color-secondary-1{background-color:var(--monster-bg-color-secondary-1)}.monster-bg-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1)}.monster-color-primary-1{background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1)}.monster-color-secondary-1{background-color:var(--monster-bg-color-secondary-1);color:var(--monster-color-secondary-1)}.monster-color-tertiary-1{background-color:var(--monster-bg-color-tertiary-1);color:var(--monster-color-tertiary-1)}.monster-color-destructive-1{background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-color-success-1{background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-color-warning-1{background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-color-error-1{background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-color-selection-1{background-color:var(--monster-bg-color-selection-1);color:var(--monster-color-selection-1)}.monster-theme-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-theme-primary-disabled-2{background-color:var(--monster-bg-color-primary-disabled-2);color:var(--monster-color-primary-disabled-2)}.monster-theme-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-theme-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-theme-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-theme-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-theme-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-theme-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-theme-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-border-color-2{border-color:var(--monster-color-border-2)}.monster-color-neutral-2{color:var(--monster-color-primary-2)}.monster-bg-color-primary-2{background-color:var(--monster-bg-color-primary-2)}.monster-bg-color-secondary-2{background-color:var(--monster-bg-color-secondary-2)}.monster-bg-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2)}.monster-color-primary-2{background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2)}.monster-color-secondary-2{background-color:var(--monster-bg-color-secondary-2);color:var(--monster-color-secondary-2)}.monster-color-tertiary-2{background-color:var(--monster-bg-color-tertiary-2);color:var(--monster-color-tertiary-2)}.monster-color-destructive-2{background-color:var(--monster-bg-color-destructive-2);color:var(--monster-color-destructive-2)}.monster-color-success-2{background-color:var(--monster-bg-color-success-2);color:var(--monster-color-success-2)}.monster-color-warning-2{background-color:var(--monster-bg-color-warning-2);color:var(--monster-color-warning-2)}.monster-color-error-2{background-color:var(--monster-bg-color-error-2);color:var(--monster-color-error-2)}.monster-color-selection-2{background-color:var(--monster-bg-color-selection-2);color:var(--monster-color-selection-2)}.monster-theme-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-theme-primary-disabled-3{background-color:var(--monster-bg-color-primary-disabled-3);color:var(--monster-color-primary-disabled-3)}.monster-theme-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-theme-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-theme-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-theme-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-theme-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-theme-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-theme-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-border-color-3{border-color:var(--monster-color-border-3)}.monster-color-neutral-3{color:var(--monster-color-primary-3)}.monster-bg-color-primary-3{background-color:var(--monster-bg-color-primary-3)}.monster-bg-color-secondary-3{background-color:var(--monster-bg-color-secondary-3)}.monster-bg-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3)}.monster-color-primary-3{background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}.monster-color-secondary-3{background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-color-tertiary-3{background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-color-destructive-3{background-color:var(--monster-bg-color-destructive-3);color:var(--monster-color-destructive-3)}.monster-color-success-3{background-color:var(--monster-bg-color-success-3);color:var(--monster-color-success-3)}.monster-color-warning-3{background-color:var(--monster-bg-color-warning-3);color:var(--monster-color-warning-3)}.monster-color-error-3{background-color:var(--monster-bg-color-error-3);color:var(--monster-color-error-3)}.monster-color-selection-3{background-color:var(--monster-bg-color-selection-3);color:var(--monster-color-selection-3)}.monster-theme-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-theme-primary-disabled-4{background-color:var(--monster-bg-color-primary-disabled-4);color:var(--monster-color-primary-disabled-4)}.monster-theme-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-theme-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-theme-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-theme-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-theme-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-theme-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-theme-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-border-color-4{border-color:var(--monster-color-border-4)}.monster-color-neutral-4{color:var(--monster-color-primary-4)}.monster-bg-color-primary-4{background-color:var(--monster-bg-color-primary-4)}.monster-bg-color-secondary-4{background-color:var(--monster-bg-color-secondary-4)}.monster-bg-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4)}.monster-color-primary-4{background-color:var(--monster-bg-color-primary-4);color:var(--monster-color-primary-4)}.monster-color-secondary-4{background-color:var(--monster-bg-color-secondary-4);color:var(--monster-color-secondary-4)}.monster-color-tertiary-4{background-color:var(--monster-bg-color-tertiary-4);color:var(--monster-color-tertiary-4)}.monster-color-destructive-4{background-color:var(--monster-bg-color-destructive-4);color:var(--monster-color-destructive-4)}.monster-color-success-4{background-color:var(--monster-bg-color-success-4);color:var(--monster-color-success-4)}.monster-color-warning-4{background-color:var(--monster-bg-color-warning-4);color:var(--monster-color-warning-4)}.monster-color-error-4{background-color:var(--monster-bg-color-error-4);color:var(--monster-color-error-4)}.monster-color-selection-4{background-color:var(--monster-bg-color-selection-4);color:var(--monster-color-selection-4)}.monster-theme-control-container-1,.monster-theme-control-row-1{border:1px solid var(--monster-theme-control-border-color)}.monster-theme-control-container-1,.monster-theme-control-element,.monster-theme-control-row-1{background-color:var(--monster-theme-control-bg-color);color:var(--monster-theme-control-color)}.monster-theme-control-background{background-color:var(--monster-theme-control-bg-color)}.monster-theme-background-inherit{background-color:inherit!important}.monster-theme-on{background-color:var(--monster-theme-on-bg-color);color:var(--monster-theme-on-color)}.monster-theme-off{background-color:var(--monster-theme-off-bg-color);color:var(--monster-theme-off-color)}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-0{border-radius:0;border-style:none;border-width:0}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}input,meter,progress,select,textarea{accent-color:var(--monster-color-secondary-2);background-color:var(--monster-bg-color-primary-1);border-color:var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-width:var(--monster-theme-control-border-width);box-sizing:border-box;color:var(--monster-color-primary-1);font-family:inherit;font-size:100%;margin:0;outline:none}input,select,textarea{height:-moz-fit-content;height:fit-content;padding:.4rem .6rem}textarea{min-height:6rem;resize:vertical}input[type=color]{height:2rem;margin:0;padding:.1rem;width:2rem}input:hover:not([type=radio]):not([type=checkbox]):not([type=range]),select:hover,textarea:hover{box-shadow:var(--monster-box-shadow-2);transition:background .8s,color .25s .0833333333s}input:focus,select:focus,textarea:focus{outline:1px dashed var(--monster-color-selection-3);outline-offset:3px}[data-monster-role=control]{box-sizing:border-box;outline:none;width:100%}[data-monster-role=control].flex{align-items:center;display:flex;flex-direction:row}:host{box-sizing:border-box;display:block}.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{background-color:var(--monster-bg-color-primary-4);border-radius:.25rem;color:var(--monster-color-primary-4);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-primary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{background-color:var(--monster-bg-color-secondary-3);border-radius:.25rem;color:var(--monster-color-secondary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-secondary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{background-color:var(--monster-bg-color-tertiary-3);border-radius:.25rem;color:var(--monster-color-tertiary-3);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-tertiary-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{background-color:var(--monster-bg-color-destructive-1);border-radius:.25rem;color:var(--monster-color-destructive-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-destructive-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{background-color:var(--monster-bg-color-success-1);border-radius:.25rem;color:var(--monster-color-success-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-success-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{background-color:var(--monster-bg-color-warning-1);border-radius:.25rem;color:var(--monster-color-warning-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-warning-pill{border-radius:10rem;padding:.25em .6em}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{background-color:var(--monster-bg-color-error-1);border-radius:.25rem;color:var(--monster-color-error-1);display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;text-decoration:none;vertical-align:baseline;white-space:nowrap}.monster-badge-error-pill{border-radius:10rem;padding:.25em .6em}div[data-monster-role=popper]{align-content:center;background:var(--monster-bg-color-primary-1);border-color:var(--monster-bg-color-primary-4);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-width:var(--monster-border-width);box-shadow:var(--monster-box-shadow-1);box-sizing:border-box;color:var(--monster-color-primary-1);display:none;justify-content:space-between;left:0;padding:1.1em;position:absolute;top:0;width:-moz-max-content;width:max-content;z-index:var(--monster-z-index-modal)}div[data-monster-role=popper] div[data-monster-role=arrow]{background:var(--monster-bg-color-primary-1);height:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);pointer-events:none;position:absolute;width:calc(max(var(--monster-popper-witharrrow-distance), -1 * var(--monster-popper-witharrrow-distance))*2);z-index:-1}[data-monster-role=container]{container-name:field-set;container-type:inline-size;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1rem}.collapse-alignment{padding:0 1rem}[data-monster-role=header]{align-items:center;border-bottom:var(--monster-border-width) var(--monster-border-style) var(--monster-color-primary-1);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.2rem}[data-monster-role=header] label{font-size:1rem;font-weight:400;line-height:1.6;padding-right:.3rem}[data-monster-role=header] [data-monster-role=extended-switch]{align-items:center;display:flex;justify-content:flex-end;padding-right:1rem}[data-monster-role=header] [data-monster-role=title]{font-weight:700;padding-left:1rem}.hidden{display:none!important}slot{display:grid;grid-template-columns:auto 1fr;grid-gap:.8rem;accent-color:var(--monster-color-secondary-2)}.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr auto 1fr}::slotted(.label),::slotted(label){border-bottom:thin dotted var(--monster-color-primary-1);color:var(--monster-color-primary-1)}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr){grid-column:1/-1}::slotted(hr){border:none;border-top:thin dotted var(--monster-color-gray-3);margin:1rem 0;padding:0}::slotted(input:not([type=checkbox]):not([type=radio])){border-color:var(--monster-theme-control-border-color);border-radius:var(--monster-theme-control-border-radius);border-style:var(--monster-theme-control-border-style);border-width:var(--monster-theme-control-border-width);width:100%}[readonly]:is(::slotted(input:not([type=checkbox]):not([type=radio]))){background-color:var(--monster-bg-color-primary-3);color:var(--monster-color-primary-3)}::slotted(input[readonly]:not([type=checkbox]):not([type=radio])){background-color:var(--monster-bg-color-primary-2);color:var(--monster-color-primary-2);cursor:default}::slotted(input),::slotted(monster-toggle-switch),::slotted(select){box-sizing:border-box;min-height:1.8rem;padding:.5rem}::slotted(input[type=color]){min-height:2.2rem;padding:0 .2rem}::slotted(input[type=date]),::slotted(input[type=time]){min-height:2.2rem;padding:0 .2rem}::slotted(input[type=checkbox]),::slotted(input[type=radio]){min-height:2.2rem;padding:0 .2rem;width:1.8rem}::slotted(input[type=file]){min-height:1.2rem;padding:.4rem}::slotted(input),::slotted(monster-toggle-switch),::slotted(select){align-self:end}::slotted(monster-toggle-switch){padding:0;width:3rem}@container field-set (max-width: 1200px){.multiple-columns slot{grid-template-columns:auto 1fr auto 1fr}}@container field-set (max-width: 900px){.multiple-columns slot{grid-template-columns:auto 1fr}}@container field-set (max-width: 500px){slot{gap:0;grid-template-columns:1fr}::slotted(select){grid-column:1}::slotted(input),::slotted(monster-toggle-switch),::slotted(select),::slotted(textarea){grid-column:1}::slotted(monster-action-button),::slotted(monster-api-button),::slotted(monster-button),::slotted(monster-datasource-save-button),::slotted(monster-state-button){grid-column:1}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){grid-column:1}::slotted(.label),::slotted(label){border-bottom:none;padding-top:1rem}.multiple-columns slot{grid-template-columns:1fr}}
+}`, 0);
} catch (e) {
- addAttributeToken(
- document.getRootNode().querySelector("html"),
- ATTRIBUTE_ERRORMESSAGE,
- e + "",
- );
+ addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
}
diff --git a/source/components/form/toggle-switch.mjs b/source/components/form/toggle-switch.mjs
index df80f449d..dd13764d8 100644
--- a/source/components/form/toggle-switch.mjs
+++ b/source/components/form/toggle-switch.mjs
@@ -164,7 +164,7 @@ class ToggleSwitch extends CustomControl {
*/
[updaterTransformerMethodsSymbol]() {
return {
- "state-callback": (Wert) => {
+ "state-callback": () => {
return this.state;
},
};
--
GitLab