@schukai/monster 4.101.0 → 4.103.0

package/source/components/form/style/context-error.pcss

@@ -18,6 +18,7 @@
         & svg.hidden {
             visibility: hidden;
             cursor: default;
+            pointer-events: none;
         }
     }
 }
@@ -29,4 +30,9 @@
     padding: 0;
     vertical-align: bottom;
    /* transform: translateY(0.15em);*/
-}
+}
+
+:host([disabled]) [data-monster-role="button"] svg {
+    cursor: default;
+    pointer-events: none;
+}

package/source/components/form/style/context-help.pcss

@@ -18,6 +18,7 @@
         & svg.hidden {
             visibility: hidden;
             cursor: default;
+            pointer-events: none;
         }
 
     }
@@ -34,4 +35,9 @@
     padding: 0;
     vertical-align: bottom;
     /**transform: translateY(0.15em);*/ 
-}
+}
+
+:host([disabled]) [data-monster-role="button"] svg {
+    cursor: default;
+    pointer-events: none;
+}

package/source/components/form/stylesheet/checklist.mjs

@@ -10,10 +10,10 @@
  * For more information about purchasing a commercial license, please contact Volker Schukai.
  */
 
-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 {ChecklistStyleSheet}
+export { ChecklistStyleSheet };
 
 /**
  * @private
@@ -22,10 +22,17 @@ export {ChecklistStyleSheet}
 const ChecklistStyleSheet = new CSSStyleSheet();
 
 try {
-  ChecklistStyleSheet.insertRule(`
+	ChecklistStyleSheet.insertRule(
+		`
 @layer checklist { 
 :host{box-sizing:border-box;color:var(--monster-color-primary-1);display:block;font-family:var(--monster-font-family);font-size:1rem;line-height:1.4}*,:after,:before{box-sizing:border-box}[data-monster-role=control]{display:block}[data-monster-role=items]{display:flex;flex-direction:column;gap:.4rem}[data-monster-role=item]{align-items:flex-start;cursor:pointer;display:flex;gap:.5rem;line-height:1.4}[data-monster-role=item].disabled{cursor:not-allowed;opacity:.6}[data-monster-role=checkbox]{accent-color:var(--monster-color-secondary-1);margin-top:.2rem}[data-monster-role=label]{display:inline-block;min-width:0;word-break:break-word} 
-}`, 0);
+}`,
+		0,
+	);
 } catch (e) {
-  addAttributeToken(document.getRootNode().querySelector('html'), ATTRIBUTE_ERRORMESSAGE, e + "");
+	addAttributeToken(
+		document.getRootNode().querySelector("html"),
+		ATTRIBUTE_ERRORMESSAGE,
+		e + "",
+	);
 }

package/source/components/form/stylesheet/context-error.mjs

@@ -25,7 +25,7 @@ try {
 	ContextErrorStyleSheet.insertRule(
 		`
 @layer contexterror { 
-[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}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=control]{line-height:1em;margin:0;padding:0;position:relative}[data-monster-role=control] [data-monster-role=button]{display:inline-block;position:relative}:is([data-monster-role=control] [data-monster-role=button]) svg{cursor:pointer}:is([data-monster-role=control] [data-monster-role=button]) svg.hidden{cursor:default;visibility:hidden}:host{display:inline-block;margin:0 .2em;padding:0;position:relative;vertical-align:bottom} 
+[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}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=control]{line-height:1em;margin:0;padding:0;position:relative}[data-monster-role=control] [data-monster-role=button]{display:inline-block;position:relative}:is([data-monster-role=control] [data-monster-role=button]) svg{cursor:pointer}:is([data-monster-role=control] [data-monster-role=button]) svg.hidden{cursor:default;pointer-events:none;visibility:hidden}:host{display:inline-block;margin:0 .2em;padding:0;position:relative;vertical-align:bottom}:host([disabled]) [data-monster-role=button] svg{cursor:default;pointer-events:none} 
 }`,
 		0,
 	);

package/source/components/form/stylesheet/context-help.mjs

@@ -25,7 +25,7 @@ try {
 	ContextHelpStyleSheet.insertRule(
 		`
 @layer contexthelp { 
-[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}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=control]{line-height:1em;margin:0;padding:0;position:relative}[data-monster-role=control] [data-monster-role=button]{display:inline-block;position:relative}:is([data-monster-role=control] [data-monster-role=button]) svg{cursor:pointer}:is([data-monster-role=control] [data-monster-role=button]) svg.hidden{cursor:default;visibility:hidden}[data-monster-role=popper]{z-index:var(--monster-z-index-tooltip-overlay)}:host{display:inline-block;margin:0 .2em;padding:0;position:relative;vertical-align:bottom} 
+[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}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=control]{line-height:1em;margin:0;padding:0;position:relative}[data-monster-role=control] [data-monster-role=button]{display:inline-block;position:relative}:is([data-monster-role=control] [data-monster-role=button]) svg{cursor:pointer}:is([data-monster-role=control] [data-monster-role=button]) svg.hidden{cursor:default;pointer-events:none;visibility:hidden}[data-monster-role=popper]{z-index:var(--monster-z-index-tooltip-overlay)}:host{display:inline-block;margin:0 .2em;padding:0;position:relative;vertical-align:bottom}:host([disabled]) [data-monster-role=button] svg{cursor:default;pointer-events:none} 
 }`,
 		0,
 	);

package/source/monster.mjs

@@ -57,9 +57,14 @@ export * from "./components/form/tabs.mjs";
 export * from "./components/form/state-button.mjs";
 export * from "./components/form/popper.mjs";
 export * from "./components/form/cart-control.mjs";
+export * from "./components/form/context-hint.mjs";
 export * from "./components/form/select.mjs";
 export * from "./components/form/login.mjs";
 export * from "./components/form/confirm-button.mjs";
+export * from "./components/form/context-info.mjs";
+export * from "./components/form/context-base.mjs";
+export * from "./components/form/context-warning.mjs";
+export * from "./components/form/context-note.mjs";
 export * from "./components/form/context-error.mjs";
 export * from "./components/form/variant-select.mjs";
 export * from "./components/form/register-wizard.mjs";
@@ -72,11 +77,12 @@ export * from "./components/form/tree-select.mjs";
 export * from "./components/form/popper-button.mjs";
 export * from "./components/form/quantity.mjs";
 export * from "./components/form/input-group.mjs";
+export * from "./components/form/checklist.mjs";
 export * from "./components/form/shadow-reload.mjs";
 export * from "./components/form/button.mjs";
 export * from "./components/form/field-set.mjs";
 export * from "./components/form/toggle-switch.mjs";
-export * from "./components/form/checklist.mjs";
+export * from "./components/form/context-success.mjs";
 export * from "./components/form/types/state.mjs";
 export * from "./components/form/template.mjs";
 export * from "./components/form/constants.mjs";
@@ -126,8 +132,11 @@ export * from "./components/datatable/constants.mjs";
 export * from "./components/accessibility/locale-select.mjs";
 export * from "./components/accessibility/locale-picker.mjs";
 export * from "./components/state/log/entry.mjs";
+export * from "./components/state/thread/message.mjs";
+export * from "./components/state/thread/entry.mjs";
 export * from "./components/state/state.mjs";
 export * from "./components/state/log.mjs";
+export * from "./components/state/thread.mjs";
 export * from "./components/navigation/table-of-content.mjs";
 export * from "./components/navigation/site-navigation.mjs";
 export * from "./components/data/metric-graph.mjs";