@schukai/monster 3.100.11 → 3.100.12
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
package/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.100.
|
1
|
+
{"author":"schukai GmbH","dependencies":{"@floating-ui/dom":"^1.6.13","@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":"3.100.12"}
|
@@ -49,6 +49,7 @@ export const buttonElementSymbol = Symbol("buttonElement");
|
|
49
49
|
* @example /examples/components/form/button-with-click-event Button with event
|
50
50
|
*
|
51
51
|
* @issue https://localhost.alvine.dev:8443/development/issues/closed/282.html
|
52
|
+
* @issue https://localhost.alvine.dev:8443/development/issues/closed/283.html
|
52
53
|
*
|
53
54
|
* @copyright schukai GmbH
|
54
55
|
* @summary A beautiful button that can make your life easier and also looks good.
|
@@ -44,15 +44,17 @@ const confirmButtonElementSymbol = Symbol("confirmButtonElement");
|
|
44
44
|
const cancelButtonElementSymbol = Symbol("cancelButtonElement");
|
45
45
|
|
46
46
|
/**
|
47
|
-
* A
|
47
|
+
* A confirmation button control.
|
48
48
|
*
|
49
49
|
* @fragments /fragments/components/form/confirm-button/
|
50
50
|
*
|
51
|
-
* @example /examples/components/form/confirm-button-simple confirm button
|
51
|
+
* @example /examples/components/form/confirm-button-simple simple confirm button
|
52
|
+
*
|
53
|
+
* @issue https://localhost.alvine.dev:8443/development/issues/closed/283.html
|
52
54
|
*
|
53
55
|
* @since 1.5.0
|
54
56
|
* @copyright schukai GmbH
|
55
|
-
* @summary A confirm button control
|
57
|
+
* @summary A confirm button control allowing the user to confirm or cancel an action
|
56
58
|
*/
|
57
59
|
class ConfirmButton extends PopperButton {
|
58
60
|
/**
|
@@ -67,23 +69,21 @@ class ConfirmButton extends PopperButton {
|
|
67
69
|
}
|
68
70
|
|
69
71
|
/**
|
70
|
-
* To set the options via the HTML tag, the attribute `data-monster-options` must be used.
|
71
|
-
* @see {@link https://monsterjs.org/en/doc/#configurate-a-monster-control}
|
72
|
-
*
|
73
72
|
* The individual configuration values can be found in the table.
|
74
73
|
*
|
75
|
-
* @property {Object} toggleEventType=click,touch List of event types to be observed for opening the confirm message
|
76
74
|
* @property {Object} templates Template definitions
|
77
75
|
* @property {string} templates.main Main template
|
78
|
-
* @property {
|
79
|
-
* @property {string} labels.
|
80
|
-
* @property {string} labels.
|
81
|
-
* @property {string} labels.
|
82
|
-
* @property {
|
83
|
-
* @property {
|
84
|
-
* @property {
|
85
|
-
* @property {string}
|
86
|
-
* @
|
76
|
+
* @property {Object} labels Label definitions
|
77
|
+
* @property {string} labels.button Button label
|
78
|
+
* @property {string} labels.message Message label
|
79
|
+
* @property {string} labels.confirm Confirm label
|
80
|
+
* @property {string} labels.cancel Cancel label
|
81
|
+
* @property {Object} classes Class definitions
|
82
|
+
* @property {string} classes.confirmButton Confirm button class
|
83
|
+
* @property {string} classes.cancelButton Cancel button class
|
84
|
+
* @property {Object} actions Action definitions
|
85
|
+
* @property {function} actions.confirm Confirm action
|
86
|
+
* @property {function} actions.cancel Cancel action
|
87
87
|
*/
|
88
88
|
get defaults() {
|
89
89
|
const obj = Object.assign({}, super.defaults, {
|
@@ -83,6 +83,8 @@ const arrowElementSymbol = Symbol("arrowElement");
|
|
83
83
|
*
|
84
84
|
* @example /examples/components/form/popper-button-simple
|
85
85
|
*
|
86
|
+
* @issue https://localhost.alvine.dev:8443/development/issues/closed/283.html
|
87
|
+
*
|
86
88
|
* @since 1.5.0
|
87
89
|
* @copyright schukai GmbH
|
88
90
|
* @summary A beautiful popper button
|