intelliwaketssveltekitv25 1.0.94 → 1.0.96

package/dist/DropDown.stories.d.ts

@@ -14,6 +14,7 @@ type DropDownProps = {
 declare const meta: {
     title: string;
     component: import("svelte").Component<{
+        id?: string;
         show?: boolean;
         position?: import("./Definitions").TDropDownControlPosition;
         ddActions?: import("./Definitions").IDDAction[];

package/dist/DropDown.svelte

@@ -39,6 +39,7 @@
 	import { DownloadURL } from './Functions'
 
 	let {
+		id,
 		show = $bindable(false),
 		position = null,
 		ddActions = [],
@@ -61,6 +62,7 @@
 		dataColor,
 		clientWidth = $bindable()
 	}: {
+		id?: string
 		show?: boolean
 		position?: TDropDownControlPosition
 		ddActions?: IDDAction[]
@@ -282,6 +284,7 @@
 
 {#if !!visibleDDActions?.length || !!actions}
 	<DropDownControl bind:show
+									 {id}
 									 {position}
 									 {fullBlock}
 									 {controlClass}

package/dist/DropDown.svelte.d.ts

@@ -1,6 +1,7 @@
 import { type Snippet } from 'svelte';
 import type { IDDAction, TDropDownControlPosition } from './Definitions';
 type $$ComponentProps = {
+    id?: string;
     show?: boolean;
     position?: TDropDownControlPosition;
     ddActions?: IDDAction[];

package/dist/DropDownControl.svelte

@@ -11,6 +11,7 @@
 	import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from 'svelte/elements'
 
 	let {
+		id,
 		show = $bindable(false),
 		onblur,
 		onkeydown,
@@ -41,6 +42,7 @@
 		dataColor,
 		clientWidth = $bindable()
 	}: {
+		id?: string
 		show?: boolean
 		onblur?: FocusEventHandler<HTMLDivElement>
 		onkeydown?: KeyboardEventHandler<HTMLDivElement>
@@ -307,6 +309,7 @@
 		 {onclick}>
 	<div class={useToggleClass}
 			 role="button"
+			 {id}
 			 tabindex={index}
 			 bind:this={divToggle}
 			 aria-expanded={show}

package/dist/DropDownControl.svelte.d.ts

@@ -2,6 +2,7 @@ import { type Snippet } from 'svelte';
 import type { TDropDownControlDrop, TDropDownControlPosition } from './Definitions';
 import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from 'svelte/elements';
 type $$ComponentProps = {
+    id?: string;
     show?: boolean;
     onblur?: FocusEventHandler<HTMLDivElement>;
     onkeydown?: KeyboardEventHandler<HTMLDivElement>;

package/dist/ListGroupItems.svelte

@@ -15,6 +15,7 @@
 		emptyListMessage = null,
 		borders = false,
 		subsExist = false,
+		useValueInHref = false,
 		topValue = null,
 		active = true,
 		indentLevel = 0,
@@ -27,12 +28,14 @@
 		noLinkReplace = false,
 		rounded = false,
 		caret,
-		empty
+		empty,
+		parentSection = null
 	}: {
 		listItems?: TListGroupItem[]
 		emptyListMessage?: string | null
 		borders?: boolean
 		subsExist?: boolean
+		useValueInHref?: boolean
 		topValue?: string | null
 		active?: TFindIsActive
 		indentLevel?: number
@@ -46,6 +49,7 @@
 		rounded?: boolean
 		caret?: boolean | 'left' | 'right'
 		empty?: Snippet
+		parentSection?: string | null
 	} = $props()
 
 	let controlElement = $state<HTMLUListElement | null>(null)
@@ -56,7 +60,7 @@
 
 	function pathFromItem(modalItem: TListGroupItem): string {
 		return modalItem.href ??
-			(ToPascalCase((titleString(modalItem.title) ?? '').toString()) + (modalItem.value ? `:${modalItem.value}` : ''))
+			(ToPascalCase((titleString(modalItem.title) ?? '').toString()) + (useValueInHref && !!modalItem.value ? `:${modalItem.value}` : ''))
 	}
 
 	type TGroupItemPath = TListGroupItem & {
@@ -87,12 +91,12 @@
 			pathFromItem: pathAnalyzer?.open(pathFromItem(listItem)),
 			isOpen: !!listItem.selected || !!pathAnalyzer?.isOpen(pathFromItem(listItem)),
 			collapsed: !!collapsedValues?.some(val => val === listItem.value),
-			subs: listItem.subs ?? !useSubsExist ? [] : (listItems ?? [])
-				.filter(item => (item?.parent_value === listItem?.value) && (active === null || (item?.hidden ?? false) !== active))
+			subs: (!useSubsExist || listItem?.value === undefined) ? [] : (listItems ?? [])
+				.filter(item => item?.value !== listItem?.value && (item?.parent_value === listItem?.value) && (active === null || (item?.hidden ?? false) !== active))
 				.map<TGroupItemPath>(listItemSub => ({
 					...listItemSub,
 					pathFromItem: pathAnalyzer?.open(pathFromItem(listItemSub)),
-					isOpen: !!listItemSub.selected || !pathAnalyzer?.isOpen(pathFromItem(listItemSub)),
+					isOpen: !!listItemSub.selected || !!pathAnalyzer?.isOpen(pathFromItem(listItemSub)),
 					collapsed: !!collapsedValues?.some(val => val === listItemSub.value)
 				}))
 		})))
@@ -197,7 +201,7 @@
 		</li>
 	{:else}
 		{#each subItems as listItem, idx (getKey(listItem))}
-			{@const showSection = listItem?.section && listItem.section !== subItems[idx - 1]?.section}
+			{@const showSection = listItem?.section && listItem.section !== subItems[idx - 1]?.section && listItem.section !== parentSection}
 			{#if showSection}
 				<li
 					class='listGroupHeader block w-full z-10 select-none font-bold p-1 cursor-pointer [&_*]:cursor-pointer sticky top-0 bg-primary-lighter text-white'
@@ -393,7 +397,8 @@
 													indentLevel={indentLevel + 1}
 													{rememberKey}
 													{active}
-													{collapsedValues} />
+													{collapsedValues}
+													parentSection={listItem.section} />
 				{/if}
 			{/if}
 		{/each}

package/dist/ListGroupItems.svelte.d.ts

@@ -8,6 +8,7 @@ type $$ComponentProps = {
     emptyListMessage?: string | null;
     borders?: boolean;
     subsExist?: boolean;
+    useValueInHref?: boolean;
     topValue?: string | null;
     active?: TFindIsActive;
     indentLevel?: number;
@@ -21,6 +22,7 @@ type $$ComponentProps = {
     rounded?: boolean;
     caret?: boolean | 'left' | 'right';
     empty?: Snippet;
+    parentSection?: string | null;
 };
 declare const ListGroupItems: import("svelte").Component<$$ComponentProps, {}, "collapsedValues" | "collapsedSections">;
 type ListGroupItems = ReturnType<typeof ListGroupItems>;

package/dist/MasterDetailLayout.svelte

@@ -17,6 +17,7 @@
 		caret,
 		emptyListMessage = null,
 		active = true,
+		useValueInHref = false,
 		mdClass = '',
 		masterClass = '',
 		detailClass = '',
@@ -43,6 +44,7 @@
 		caret?: boolean | 'left' | 'right'
 		emptyListMessage?: string | null
 		active?: TFindIsActive
+		useValueInHref?: boolean
 		mdClass?: string
 		masterClass?: string
 		detailClass?: string
@@ -67,7 +69,7 @@
 
 	function pathFromItem(modalItem: TMasterDetailListGroupItem): string {
 		return modalItem.href ??
-			(ToPascalCase((modalItem.title ?? '').toString()) + (modalItem.value ? `:${modalItem.value}` : ''))
+			(ToPascalCase((modalItem.title ?? '').toString()) + ((useValueInHref && !!modalItem.value) ? `:${modalItem.value}` : ''))
 	}
 
 	let openItem = $derived((listItems ?? []).find(listItem => !!pathAnalyzer?.isOpen(pathFromItem(listItem))))

package/dist/MasterDetailLayout.svelte.d.ts

@@ -10,6 +10,7 @@ type $$ComponentProps = {
     caret?: boolean | 'left' | 'right';
     emptyListMessage?: string | null;
     active?: TFindIsActive;
+    useValueInHref?: boolean;
     mdClass?: string;
     masterClass?: string;
     detailClass?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "1.0.94",
+  "version": "1.0.96",
   "private": false,
   "license": "MIT",
   "exports": {