@marianmeres/stuic 1.88.0 → 1.90.0

package/dist/components/AlertConfirmPrompt/AlertConfirmPrompt.svelte

@@ -75,6 +75,7 @@ const _isFn = (v) => typeof v === "function";
 <script>const { ALERT, CONFIRM, PROMPT } = AlertConfirmPromptType;
 const clog = createClog("AlertConfirmPrompt");
 export let notifications = void 0;
+export let notificationsRestProps = { forceAsHtml: true };
 export let notificationsPositionConfig = {};
 export let acp;
 export let forceAsHtml = void 0;
@@ -341,7 +342,11 @@ $:
 	{/if}
 
 	{#if notifications}
-		<Notifications {notifications} {...notificationsPositionConfig || {}} />
+		<Notifications
+			{notifications}
+			{...notificationsRestProps || {}}
+			{...notificationsPositionConfig || {}}
+		/>
 	{/if}
 </dialog>
 

package/dist/components/AlertConfirmPrompt/AlertConfirmPrompt.svelte.d.ts

@@ -72,6 +72,7 @@ export declare class AlertConfirmPromptConfig {
 declare const __propDef: {
     props: {
         notifications?: ReturnType<typeof createNotificationsStore> | undefined;
+        notificationsRestProps?: any;
         notificationsPositionConfig?: Partial<{
             posX: NOTIFICATIONS_POSX;
             posXMobile: NOTIFICATIONS_POSX;

package/dist/components/Input/FieldSelect.svelte

@@ -1,9 +1,10 @@
-<script context="module">import { createEventDispatcher } from "svelte";
+<script context="module">import { createClog } from "@marianmeres/clog";
+import { createEventDispatcher } from "svelte";
 import { slide } from "svelte/transition";
 import { twMerge } from "tailwind-merge";
 import {
-  getId,
   Thc,
+  getId,
   validate as validateAction
 } from "../../index.js";
 const _emptyClasses = () => ({
@@ -72,7 +73,8 @@ export class FieldSelectConfig {
 }
 </script>
 
-<script>const dispatch = createEventDispatcher();
+<script>const clog = createClog("FieldSelect");
+const dispatch = createEventDispatcher();
 export let options = [];
 let _class = {};
 export { _class as class };
@@ -93,17 +95,24 @@ export let labelLeft = FieldSelectConfig.labelLeft;
 export let labelLeftWidth = FieldSelectConfig.labelLeftWidth;
 let validation;
 const setValidationResult = (res) => validation = res;
-let _options = [];
-$:
-  _options = options.map((v) => {
-    if (typeof v === "string") {
+const _normalizeAndGroupOptions = (opts) => {
+  const groupped = /* @__PURE__ */ new Map();
+  opts.forEach((v) => {
+    if (typeof v === "string")
       v = { label: v };
-    }
-    if (v.value === void 0) {
+    if (v.value === void 0)
       v.value = v.label;
-    }
-    return v;
+    const optgLabel = v.optgroup || "";
+    if (!groupped.has(optgLabel))
+      groupped.set(optgLabel, []);
+    const optgroup = groupped.get(optgLabel);
+    optgroup.push(v);
   });
+  return groupped;
+};
+let _options;
+$:
+  _options = _normalizeAndGroupOptions(options);
 let _inputEl;
 $:
   if (_inputEl)
@@ -202,8 +211,18 @@ $:
 					on:mouseenter
 					on:mouseleave
 				>
-					{#each _options as o, i}
-						<option value={o.value}>{o.label}</option>
+					{#each _options as [_optgroup, _opts]}
+						{#if _optgroup}
+							<optgroup label={_optgroup}>
+								{#each _opts as o}
+									<option value={o.value}>{o.label}</option>
+								{/each}
+							</optgroup>
+						{:else}
+							{#each _opts as o}
+								<option value={o.value}>{o.label}</option>
+							{/each}
+						{/if}
 					{/each}
 				</select>
 

package/dist/components/Input/FieldSelect.svelte.d.ts

@@ -29,6 +29,7 @@ declare const __propDef: {
         options?: (string | {
             label: string;
             value?: string | undefined;
+            optgroup?: string | undefined;
         })[] | undefined;
         class?: FieldSelectConfigClasses | undefined;
         classBySize?: FieldSelectConfigClassesBySize | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "1.88.0",
+	"version": "1.90.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package && node ./scripts/date.js",