selective-ui 1.4.0 → 1.4.2

package/src/ts/utils/selective.ts

@@ -2,7 +2,10 @@ import { Libs } from "./libs";
 import { iEvents } from "./ievents";
 import { SelectBox } from "../components/selectbox";
 import { ElementAdditionObserver } from "../services/ea-observer";
-import { SelectiveActionApi, SelectiveOptions } from "../types/utils/selective.type";
+import {
+    SelectiveActionApi,
+    SelectiveOptions,
+} from "../types/utils/selective.type";
 import { BinderMap, PropertiesType } from "../types/utils/istorage.type";
 import { Lifecycle } from "../core/base/lifecycle";
 import { LifecycleState } from "../types/core/base/lifecycle.type";
@@ -172,7 +175,9 @@ export class Selective extends Lifecycle {
 
         // Ensure hooks exist
         merged.on = merged.on ?? {};
-        merged.on.load = (merged.on.load ?? []) as Array<(...args: any[]) => void>;
+        merged.on.load = (merged.on.load ?? []) as Array<
+            (...args: any[]) => void
+        >;
 
         this.bindedQueries.set(query, merged);
 
@@ -531,7 +536,11 @@ export class Selective extends Lifecycle {
      * @returns {void}
      */
     private destroyElement(selectElement: HTMLSelectElement): void {
-        const bindMap = Libs.getBinderMap<BinderMap<{element: HTMLElement}, Record<string, any>, SelectBox> | null>(selectElement);
+        const bindMap = Libs.getBinderMap<BinderMap<
+            { element: HTMLElement },
+            Record<string, any>,
+            SelectBox
+        > | null>(selectElement);
         if (!bindMap) return;
 
         const selfBox = bindMap.self;
@@ -543,7 +552,8 @@ export class Selective extends Lifecycle {
 
         bindMap.self?.deInit?.();
 
-        const wrapper = (bindMap.container?.element) ?? selectElement.parentElement;
+        const wrapper =
+            bindMap.container?.element ?? selectElement.parentElement;
 
         selectElement.style.display = "";
         selectElement.style.visibility = "";
@@ -627,10 +637,7 @@ export class Selective extends Lifecycle {
         }
 
         const SEID = Libs.randomString(8);
-        const options_cfg = Libs.buildConfig(
-            selectElement,
-            options,
-        );
+        const options_cfg = Libs.buildConfig(selectElement, options);
 
         options_cfg.SEID = SEID;
         options_cfg.SEID_LIST = `seui-${SEID}-optionlist`;

package/src/ts/views/group-view.ts

@@ -1,6 +1,9 @@
 import { View } from "../core/base/view";
 import { Libs } from "../utils/libs";
-import type { GroupViewTags, GroupViewResult } from "../types/views/view.group.type";
+import type {
+    GroupViewTags,
+    GroupViewResult,
+} from "../types/views/view.group.type";
 import { SelectiveOptions } from "../types/utils/selective.type";
 
 /**
@@ -53,7 +56,6 @@ import { SelectiveOptions } from "../types/utils/selective.type";
  * @see {@link View}
  */
 export class GroupView extends View<GroupViewTags> {
-
     /**
      * Strongly-typed reference to the mounted group view structure.
      *
@@ -67,7 +69,7 @@ export class GroupView extends View<GroupViewTags> {
      *
      * @public
      */
-    public view: GroupViewResult | null = null;
+    public view?: GroupViewResult;
 
     /**
      * Parsed configuration (bound from the `<select>` element via binder map).
@@ -77,7 +79,7 @@ export class GroupView extends View<GroupViewTags> {
      *
      * @internal
      */
-    private options: SelectiveOptions | null = null;
+    private options?: SelectiveOptions;
 
     /**
      * Creates a new GroupView bound to the given parent element.
@@ -190,10 +192,10 @@ export class GroupView extends View<GroupViewTags> {
      * - Safe to call multiple times with same value (idempotent).
      *
      * @public
-     * @param {string | null} [label=null] - New label to display; `null` preserves current label.
+     * @param {string} [label=null] - New label to display; `null` preserves current label.
      * @returns {void}
      */
-    public updateLabel(label: string | null = null): void {
+    public updateLabel(label?: string): void {
         if (!this.view) return;
 
         const headerEl = this.view.tags.GroupHeader;
@@ -243,7 +245,7 @@ export class GroupView extends View<GroupViewTags> {
 
         const items = this.view.tags.GroupItems;
         const visibleItems = Array.from(items.children).filter(
-            child => !child.classList.contains("hide")
+            (child) => !child.classList.contains("hide"),
         );
 
         this.view.view.classList.toggle("hide", visibleItems.length === 0);
@@ -275,7 +277,7 @@ export class GroupView extends View<GroupViewTags> {
         this.view.view.classList.toggle("collapsed", collapsed);
         this.view.tags.GroupHeader.setAttribute(
             "aria-expanded",
-            collapsed ? "false" : "true"
+            collapsed ? "false" : "true",
         );
     }
-}
+}

package/src/ts/views/option-view.ts

@@ -4,7 +4,7 @@ import type {
     OptionViewTags,
     OptionViewResult,
     OptionConfig,
-    OptionConfigPatch
+    OptionConfigPatch,
 } from "../types/views/view.option.type";
 import { SelectiveOptions } from "../types/utils/selective.type";
 
@@ -77,7 +77,6 @@ import { SelectiveOptions } from "../types/utils/selective.type";
  * @see {@link View}
  */
 export class OptionView extends View<OptionViewTags> {
-
     /**
      * Strongly-typed reference to the mounted option view structure.
      *
@@ -91,7 +90,7 @@ export class OptionView extends View<OptionViewTags> {
      *
      * @public
      */
-    public view: OptionViewResult | null = null;
+    public view?: OptionViewResult;
 
     /**
      * Parsed configuration (bound from the `<select>` element via binder map).
@@ -101,7 +100,7 @@ export class OptionView extends View<OptionViewTags> {
      *
      * @internal
      */
-    private options: SelectiveOptions | null = null;
+    private options?: SelectiveOptions;
 
     /**
      * Internal configuration object (Proxy target).
@@ -116,7 +115,7 @@ export class OptionView extends View<OptionViewTags> {
      *
      * @private
      */
-    private config: OptionConfig | null = null;
+    private config?: OptionConfig;
 
     /**
      * Reactive Proxy wrapper around {@link config}.
@@ -131,7 +130,7 @@ export class OptionView extends View<OptionViewTags> {
      *
      * @private
      */
-    private configProxy: OptionConfig | null = null;
+    private configProxy?: OptionConfig;
 
     /**
      * Flag indicating whether the initial render has completed.
@@ -324,7 +323,7 @@ export class OptionView extends View<OptionViewTags> {
      * - Each changed property triggers {@link applyPartialChange} individually.
      *
      * @public
-     * @param {OptionConfigPatch | null} config - Partial configuration patch; `null` is no-op.
+     * @param {OptionConfigPatch} config - Partial configuration patch; `null` is no-op.
      * @returns {void}
      */
     public set optionConfig(config: OptionConfigPatch | null) {
@@ -332,22 +331,40 @@ export class OptionView extends View<OptionViewTags> {
 
         const changes: OptionConfigPatch = {};
 
-        if (config.imageWidth !== undefined && config.imageWidth !== this.config.imageWidth)
+        if (
+            config.imageWidth !== undefined &&
+            config.imageWidth !== this.config.imageWidth
+        )
             changes.imageWidth = config.imageWidth;
 
-        if (config.imageHeight !== undefined && config.imageHeight !== this.config.imageHeight)
+        if (
+            config.imageHeight !== undefined &&
+            config.imageHeight !== this.config.imageHeight
+        )
             changes.imageHeight = config.imageHeight;
 
-        if (config.imageBorderRadius !== undefined && config.imageBorderRadius !== this.config.imageBorderRadius)
+        if (
+            config.imageBorderRadius !== undefined &&
+            config.imageBorderRadius !== this.config.imageBorderRadius
+        )
             changes.imageBorderRadius = config.imageBorderRadius;
 
-        if (config.imagePosition !== undefined && config.imagePosition !== this.config.imagePosition)
+        if (
+            config.imagePosition !== undefined &&
+            config.imagePosition !== this.config.imagePosition
+        )
             changes.imagePosition = config.imagePosition;
 
-        if (config.labelValign !== undefined && config.labelValign !== this.config.labelValign)
+        if (
+            config.labelValign !== undefined &&
+            config.labelValign !== this.config.labelValign
+        )
             changes.labelValign = config.labelValign;
 
-        if (config.labelHalign !== undefined && config.labelHalign !== this.config.labelHalign)
+        if (
+            config.labelHalign !== undefined &&
+            config.labelHalign !== this.config.labelHalign
+        )
             changes.labelHalign = config.labelHalign;
 
         if (Object.keys(changes).length > 0) {
@@ -485,7 +502,7 @@ export class OptionView extends View<OptionViewTags> {
     private applyPartialChange<K extends keyof OptionConfig>(
         prop: K,
         newValue: OptionConfig[K],
-        oldValue: OptionConfig[K]
+        oldValue: OptionConfig[K],
     ): void {
         const v = this.view;
         if (!v || !v.view) return;
@@ -540,9 +557,11 @@ export class OptionView extends View<OptionViewTags> {
                 const img = v.tags?.OptionImage;
                 if (img) {
                     const styleProp =
-                        prop === "imageWidth" ? "width" :
-                        prop === "imageHeight" ? "height" :
-                        "borderRadius";
+                        prop === "imageWidth"
+                            ? "width"
+                            : prop === "imageHeight"
+                              ? "height"
+                              : "borderRadius";
 
                     img.style[styleProp] = String(newValue);
                 }
@@ -609,4 +628,4 @@ export class OptionView extends View<OptionViewTags> {
 
         v.tags.OptionImage = image;
     }
-}
+}