@schukai/monster 3.116.0 → 3.116.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
+ ## [3.116.1] - 2025-04-17
6
+
7
+ ### Bug Fixes
8
+
9
+ - update/add new parts for desin the login control
10
+
11
+
12
+
5
13
  ## [3.116.0] - 2025-04-14
6
14
 
7
15
  ### Add Features
package/package.json CHANGED
@@ -1 +1 @@
1
- {"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8","buffer":"^6.0.3"},"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":"3.116.0"}
1
+ {"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@popperjs/core":"^2.11.8","buffer":"^6.0.3"},"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":"3.116.1"}
@@ -414,10 +414,10 @@ function getTemplate() {
414
414
  </div>
415
415
  <div data-monster-role="container" part="container">
416
416
  <div class="collapse-alignment" part="content">
417
- <slot part="content"></slot>
417
+ <slot></slot>
418
418
  </div>
419
419
  <monster-collapse data-monster-role="collapse" part="collapse">
420
- <slot name="extended" part="extended"></slot>
420
+ <slot name="extended"></slot>
421
421
  </monster-collapse>
422
422
  </div>
423
423
  </div>`;
@@ -1543,9 +1543,20 @@ function getTemplate() {
1543
1543
 
1544
1544
  <monster-collapse data-monster-option-openByDefault="true"
1545
1545
  data-monster-role="login-collapse"
1546
+ exportparts="control:collapse-login-control,
1547
+ container:collapse-login-container,
1548
+ deco:collapse-login-deco"
1546
1549
  part="login-collapse"
1547
1550
  >
1548
- <monster-field-set part="login-field-set">
1551
+ <monster-field-set
1552
+ exportparts="
1553
+ control:field-set-login-control,
1554
+ header:field-set-login-header,
1555
+ title:field-set-login-title,
1556
+ container:field-set-login-container,
1557
+ content:field-set-login-content,
1558
+ collapse:field-set-login-collapse"
1559
+ part="login-field-set">
1549
1560
  <slot name="login-header"></slot>
1550
1561
  <label part="login-label" data-monster-replace="path:labels.username"></label>
1551
1562
  <input type="text" name="username" autofocus autocomplete="off">
@@ -1555,6 +1566,13 @@ function getTemplate() {
1555
1566
  <div data-monster-attributes="class path:classes.passwordInvalid"></div>
1556
1567
  <monster-message-state-button id="loginButton"
1557
1568
  part="login-button"
1569
+ exportparts="
1570
+ control:login-button-control,
1571
+ button:login-button-button,
1572
+ popper:login-button-popper,
1573
+ message:login-button-message,
1574
+ button-button:login-button-button,
1575
+ button-control:login-button-control"
1558
1576
  data-monster-replace="path:labels.login"></monster-message-state-button>
1559
1577
  <a href="#" data-monster-role="forgot-password-link" part="forgot-password-link"
1560
1578
  data-monster-attributes="class path:features.forgotPassword | ?::hidden"
@@ -1564,19 +1582,37 @@ function getTemplate() {
1564
1582
 
1565
1583
 
1566
1584
  </monster-collapse>
1567
- <monster-collapse data-monster-role="forgot-password-collapse" part="forgot-password-collapse">
1568
-
1569
- <monster-field-set part="forgot-password-field-set">
1585
+ <monster-collapse data-monster-role="forgot-password-collapse"
1586
+ exportparts="control:collapse-forgot-password-control,
1587
+ container:collapse-forgot-password-container,
1588
+ deco:collapse-forgot-password-deco"
1589
+ part="forgot-password-collapse">
1590
+
1591
+ <monster-field-set part="forgot-password-field-set"
1592
+ exportparts="
1593
+ control:field-set-forgot-password-control,
1594
+ header:field-set-forgot-password-header,
1595
+ title:field-set-forgot-password-title,
1596
+ container:field-set-forgot-password-container,
1597
+ content:field-set-forgot-password-content,
1598
+ collapse:field-set-forgot-password-collapse">
1570
1599
  <slot name="forgot-password-header"></slot>
1571
1600
  <label part="forgot-password-label" data-monster-replace="path:labels.mailAddress"></label>
1572
1601
  <input type="email" name="email"
1573
1602
  data-monster-attributes="accesskey path:accessKeys.username"
1574
1603
  autocomplete="off">
1575
1604
  <div data-monster-attributes="class path:classes.emailInvalid"></div>
1576
- <monster-message-state-button id="requestLinkButton"
1577
- part="request-link-button"
1578
- data-monster-attributes="accesskey path:accessKeys.password"
1579
- data-monster-replace="path:labels.requestLink"></monster-message-state-button>
1605
+ <monster-message-state-button id="requestLinkButton"
1606
+ part="request-link-button"
1607
+ exportparts="
1608
+ control:forgot-password-button-control,
1609
+ button:forgot-password-button-button,
1610
+ popper:forgot-password-button-popper,
1611
+ message:forgot-password-button-message,
1612
+ button-button:forgot-password-button-button,
1613
+ button-control:forgot-password-button-control"
1614
+ data-monster-attributes="accesskey path:accessKeys.password"
1615
+ data-monster-replace="path:labels.requestLink"></monster-message-state-button>
1580
1616
  <a href="#"
1581
1617
  data-monster-attributes="accesskey path:accessKeys.loginLink"
1582
1618
  data-monster-role="login-link"
@@ -1586,18 +1622,38 @@ function getTemplate() {
1586
1622
  </monster-field-set>
1587
1623
 
1588
1624
  </monster-collapse>
1589
- <monster-collapse data-monster-role="second-factor-collapse" part="second-factor--collapse">
1590
-
1591
- <monster-field-set part="second-factor-field-set">
1625
+ <monster-collapse data-monster-role="second-factor-collapse"
1626
+ exportparts="control:collapse-second-factor-control,
1627
+ container:collapse-second-factor-container,
1628
+ deco:collapse-second-factor-deco"
1629
+ part="second-factor-collapse">
1630
+
1631
+ <monster-field-set part="second-factor-field-set"
1632
+ exportparts="
1633
+ control:field-set-second-factor-control,
1634
+ header:field-set-second-factor-header,
1635
+ title:field-set-second-factor-title,
1636
+ container:field-set-second-factor-container,
1637
+ content:field-set-second-factor-content,
1638
+ collapse:field-set-second-factor-collapse">
1592
1639
  <slot name="second-factor-header"></slot>
1593
1640
  <label part="second-factor-label" data-monster-replace="path:labels.secondFactor"></label>
1594
1641
  <div>
1595
1642
  <monster-digits data-monster-attributes="data-monster-option-digits path:digits"
1596
1643
  id="secondFactorControl"></monster-digits>
1597
1644
  </div>
1598
- <monster-message-state-button id="secondFactorButton"
1599
- part="secondFactor-digits-button"
1600
- data-monster-replace="path:labels.sendSecondFactorDigits"></monster-message-state-button>
1645
+ <!-- SECOND FACTOR COLLAPSE -->
1646
+ <monster-message-state-button id="secondFactorButton"
1647
+ part="secondFactor-digits-button"
1648
+ exportparts="
1649
+ control:second-factor-button-control,
1650
+ button:second-factor-button-button,
1651
+ popper:second-factor-button-popper,
1652
+ message:second-factor-button-message,
1653
+ button-button:second-factor-button-button,
1654
+ button-control:second-factor-button-control"
1655
+ data-monster-replace="path:labels.sendSecondFactorDigits"></monster-message-state-button>
1656
+
1601
1657
  <a href="#" data-monster-role="reset-login-process-link"
1602
1658
  part="reset-login-process-link"
1603
1659
  data-monster-replace="path:labels.resetLoginProcess"></a>
@@ -1605,9 +1661,20 @@ function getTemplate() {
1605
1661
  </monster-field-set>
1606
1662
 
1607
1663
  </monster-collapse>
1608
- <monster-collapse data-monster-role="digits-collapse" part="digits-collapse">
1609
-
1610
- <monster-field-set part="digits-field-set">
1664
+ <monster-collapse data-monster-role="digits-collapse"
1665
+ exportparts="control:collapse-digits-control,
1666
+ container:collapse-digits-container,
1667
+ deco:collapse-digits-deco"
1668
+ part="digits-collapse">
1669
+
1670
+ <monster-field-set part="digits-field-set"
1671
+ exportparts="
1672
+ control:field-set-digits-control,
1673
+ header:field-set-digits-header,
1674
+ title:field-set-digits-title,
1675
+ container:field-set-digits-container,
1676
+ content:field-set-digits-content,
1677
+ collapse:field-set-digits-collapse">
1611
1678
  <slot name="digits-header"></slot>
1612
1679
  <label part="digits-label" data-monster-replace="path:labels.digits"></label>
1613
1680
  <div>
@@ -1616,6 +1683,13 @@ function getTemplate() {
1616
1683
  </div>
1617
1684
  <monster-message-state-button id="digitsButton"
1618
1685
  part="digits-button"
1686
+ exportparts="
1687
+ control:digits-button-control,
1688
+ button:digits-button-button,
1689
+ popper:digits-button-popper,
1690
+ message:digits-button-message,
1691
+ button-button:digits-button-button,
1692
+ button-control:digits-button-control"
1619
1693
  data-monster-replace="path:labels.sendDigits"></monster-message-state-button>
1620
1694
  <a href="#" data-monster-role="reset-login-process-link"
1621
1695
  part="reset-login-process-link"
@@ -1624,7 +1698,12 @@ function getTemplate() {
1624
1698
  </monster-field-set>
1625
1699
 
1626
1700
  </monster-collapse>
1627
- <monster-collapse data-monster-role="logged-in-collapse" part="logged-in-collapse">
1701
+ <monster-collapse data-monster-role="logged-in-collapse"
1702
+ exportparts="
1703
+ control:collapse-success-control,
1704
+ container:collapse-success-container,
1705
+ deco:collapse-success-deco"
1706
+ part="logged-in-collapse">
1628
1707
  <div>
1629
1708
  <slot name="logged-in-header"></slot>
1630
1709
  <ul data-monster-insert="urls path:successUrls"></ul>