@schukai/monster 4.3.0 → 4.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,14 @@
2
2
 
3
3
 
4
4
 
5
+ ## [4.3.1] - 2025-05-12
6
+
7
+ ### Bug Fixes
8
+
9
+ - Improve structure and port attributes in login and password components
10
+
11
+
12
+
5
13
  ## [4.3.0] - 2025-05-12
6
14
 
7
15
  ### Add Features
package/package.json CHANGED
@@ -1 +1 @@
1
- {"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.0","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.3.0"}
1
+ {"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.7.0","@popperjs/core":"^2.11.8"},"description":"Monster is a simple library for creating fast, robust and lightweight websites.","homepage":"https://monsterjs.org/","keywords":["framework","web","dom","css","sass","mobile-first","app","front-end","templates","schukai","core","shopcloud","alvine","monster","buildmap","stack","observer","observable","uuid","node","nodelist","css-in-js","logger","log","theme"],"license":"AGPL 3.0","main":"source/monster.mjs","module":"source/monster.mjs","name":"@schukai/monster","repository":{"type":"git","url":"https://gitlab.schukai.com/oss/libraries/javascript/monster.git"},"type":"module","version":"4.3.1"}
@@ -1597,8 +1597,7 @@ function getTemplate() {
1597
1597
  exportparts="control:collapse-login-control,
1598
1598
  container:collapse-login-container,
1599
1599
  deco:collapse-login-deco"
1600
- part="login-collapse"
1601
- >
1600
+ part="login-collapse">
1602
1601
  <monster-field-set
1603
1602
  exportparts="
1604
1603
  control:field-set-login-control,
@@ -1610,10 +1609,14 @@ function getTemplate() {
1610
1609
  part="login-field-set">
1611
1610
  <slot name="login-header"></slot>
1612
1611
  <label part="login-label" data-monster-replace="path:labels.username"></label>
1613
- <input type="text" name="username" autofocus autocomplete="off">
1612
+ <input part="login-username" type="text" name="username" autofocus autocomplete="off">
1614
1613
  <div data-monster-attributes="class path:classes.usernameInvalid"></div>
1615
1614
  <label part="login-password-label" data-monster-replace="path:labels.password"></label>
1616
- <monster-password data-monster-bind="path:password"></monster-password>
1615
+ <monster-password
1616
+ exportparts="input-group:input-group-password,
1617
+ control:input-group-password-control,
1618
+ input:input-group-password-input" part="login-password"
1619
+ data-monster-bind="path:password"></monster-password>
1617
1620
  <div data-monster-attributes="class path:classes.passwordInvalid"></div>
1618
1621
  <monster-message-state-button id="loginButton"
1619
1622
  part="login-button"
@@ -1651,6 +1654,7 @@ function getTemplate() {
1651
1654
  <slot name="forgot-password-header"></slot>
1652
1655
  <label part="forgot-password-label" data-monster-replace="path:labels.mailAddress"></label>
1653
1656
  <input type="email" name="email"
1657
+ part="field-set-forgot-password-email"
1654
1658
  data-monster-attributes="accesskey path:accessKeys.username"
1655
1659
  autocomplete="off">
1656
1660
  <div data-monster-attributes="class path:classes.emailInvalid"></div>
@@ -1693,6 +1697,7 @@ function getTemplate() {
1693
1697
  <label part="second-factor-label" data-monster-replace="path:labels.secondFactor"></label>
1694
1698
  <div>
1695
1699
  <monster-digits data-monster-attributes="data-monster-option-digits path:digits"
1700
+ part="second-factor-digits-control"
1696
1701
  id="secondFactorControl"></monster-digits>
1697
1702
  </div>
1698
1703
  <!-- SECOND FACTOR COLLAPSE -->
@@ -1732,7 +1737,8 @@ function getTemplate() {
1732
1737
  <slot name="digits-header"></slot>
1733
1738
  <label part="digits-label" data-monster-replace="path:labels.digits"></label>
1734
1739
  <div>
1735
- <monster-digits data-monster-attributes="data-monster-option-digits path:digits"
1740
+ <monster-digits part="digits-control"
1741
+ data-monster-attributes="data-monster-option-digits path:digits"
1736
1742
  id="digitsControl"></monster-digits>
1737
1743
  </div>
1738
1744
  <monster-message-state-button id="digitsButton"
@@ -251,8 +251,9 @@ function getTemplate() {
251
251
  // language=HTML
252
252
  return `
253
253
  <div data-monster-role="control" part="control">
254
- <monster-input-group>
254
+ <monster-input-group part="input-group">
255
255
  <input data-monster-role="input"
256
+ part="input"
256
257
  style="border:0"
257
258
  data-monster-attributes="
258
259
  type path:type,
@@ -261,9 +262,7 @@ function getTemplate() {
261
262
  autocomplete path:autocomplete,
262
263
  inputmode path:inputmode,
263
264
  aria-required path:aria.required,
264
- aria-placeholder path:aria.placeholder"
265
- >
266
-
265
+ aria-placeholder path:aria.placeholder">
267
266
  <svg viewBox="0 0 16 16" data-monster-role="visible-icon" class="hidden">
268
267
  \${visible-icon}
269
268
  </svg>