@hkdigital/lib-core 0.4.48 → 0.4.50

package/dist/network/http/json-request.js

@@ -165,6 +165,7 @@ export async function jsonPost(options) {
   // Apply JSON-specific defaults and validation
   expect.defined(body);
 
+  /** @type {Record<string, string>} */
   const jsonHeaders = headers || {};
   jsonHeaders[ACCEPT] = APPLICATION_JSON;
   jsonHeaders[CONTENT_TYPE] = APPLICATION_JSON;

package/dist/network/http/typedef.d.ts

@@ -18,7 +18,7 @@ export type HttpRequestOptions = {
     /**
      * HTTP headers as name-value pairs
      */
-    headers?: Object | undefined;
+    headers?: Record<string, string> | undefined;
     /**
      * Whether to include credentials
      */
@@ -79,7 +79,7 @@ export type JsonGetOptions = {
     /**
      * HTTP headers as name-value pairs
      */
-    headers?: Object | undefined;
+    headers?: Record<string, string> | undefined;
     /**
      * Whether to include credentials
      */
@@ -129,7 +129,7 @@ export type JsonPostOptions = {
     /**
      * HTTP headers as name-value pairs
      */
-    headers?: Object | undefined;
+    headers?: Record<string, string> | undefined;
     /**
      * Whether to include credentials
      */

package/dist/network/http/typedef.js

@@ -7,7 +7,7 @@
  *   Parameters to add to the URL
  *
  * @property {*} [body] Request body (for POST, PUT, etc.)
- * @property {Object} [headers] HTTP headers as name-value pairs
+ * @property {Record<string, string>} [headers] HTTP headers as name-value pairs
  * @property {boolean} [withCredentials] Whether to include credentials
  * @property {number} [timeoutMs] Request timeout in milliseconds
  * @property {Function} [requestHandler] Handler for abort/timeout control
@@ -41,7 +41,7 @@
  * @property {Object|URLSearchParams} [urlSearchParams]
  *   Parameters to add to the URL
  *
- * @property {Object} [headers] HTTP headers as name-value pairs
+ * @property {Record<string, string>} [headers] HTTP headers as name-value pairs
  * @property {boolean} [withCredentials] Whether to include credentials
  * @property {number} [timeoutMs] Request timeout in milliseconds
  * @property {RequestHandler} [requestHandler] Handler for abort/timeout control
@@ -60,7 +60,7 @@
  * @property {Object|URLSearchParams} [urlSearchParams]
  *   Parameters to add to the URL
  *
- * @property {Object} [headers] HTTP headers as name-value pairs
+ * @property {Record<string, string>} [headers] HTTP headers as name-value pairs
  * @property {boolean} [withCredentials] Whether to include credentials
  * @property {number} [timeoutMs] Request timeout in milliseconds
  * @property {RequestHandler} [requestHandler] Handler for abort/timeout control

package/dist/network/loaders/image/ImageScene.svelte.js

@@ -42,7 +42,6 @@ export default class ImageScene extends SceneBase {
    *
    * @returns {ImageLoader}
    */
-  // eslint-disable-next-line no-unused-vars
   getLoaderFromSource(source) {
     return source.imageLoader;
   }

package/dist/services/manager-plugins/ConfigPlugin.d.ts

@@ -65,4 +65,4 @@ export default class ConfigPlugin {
     detach(): void;
     #private;
 }
-export type ServiceEntry = import("../service-manager/typedef.js").ServiceEntry;
+export type ServiceEntry = any;

package/dist/services/service-base/ServiceBase.d.ts

@@ -14,7 +14,7 @@ export class ServiceBase extends EventEmitter {
      * Create a new service instance
      *
      * @param {string} name - Service name
-     * @param {import('./typedef.js').ServiceOptions} [options={}] - Service options
+     * @param {import('./typedef.js').ServiceOptions} [options]
      */
     constructor(name: string, options?: import("./typedef.js").ServiceOptions);
     /** @type {string} */
@@ -29,8 +29,6 @@ export class ServiceBase extends EventEmitter {
     error: Error | null;
     /** @type {Logger} */
     logger: Logger;
-    /** @private @type {number} */
-    private _shutdownTimeout;
     /**
      * Configure the service with configuration
      *

package/dist/services/service-base/ServiceBase.js

@@ -93,9 +93,10 @@ export class ServiceBase extends EventEmitter {
    * Create a new service instance
    *
    * @param {string} name - Service name
-   * @param {import('./typedef.js').ServiceOptions} [options={}] - Service options
+   * @param {import('./typedef.js').ServiceOptions} [options]
    */
-  constructor(name, options = {}) {
+  // eslint-disable-next-line no-unused-vars
+  constructor(name, options) {
     super();
 
     if( typeof name !== 'string' )
@@ -119,10 +120,13 @@ export class ServiceBase extends EventEmitter {
     this.error = null;
 
     /** @type {Logger} */
-    this.logger = new Logger(name, options.logLevel || INFO);
+    this.logger = new Logger(name, INFO);
+    // this.logger = new Logger(name, options.logLevel || INFO);
 
     /** @private @type {number} */
-    this._shutdownTimeout = options.shutdownTimeout || 5000;
+    // this._shutdownTimeout = options.shutdownTimeout || 5000;
+
+    // this.manager = options.manager;
   }
 
   /**

package/dist/services/service-base/typedef.d.ts

@@ -19,14 +19,7 @@ export type ServiceState = "not-created" | "created" | "configuring" | "configur
  * Options for creating a service instance
  */
 export type ServiceOptions = {
-    /**
-     * - Initial log level for the service
-     */
-    logLevel?: string | undefined;
-    /**
-     * - Timeout for graceful shutdown
-     */
-    shutdownTimeout?: number | undefined;
+    manager: import("../service-manager/ServiceManager.js").default;
 };
 /**
  * Options for stopping a service

package/dist/services/service-base/typedef.js

@@ -53,8 +53,7 @@
  * Options for creating a service instance
  *
  * @typedef {Object} ServiceOptions
- * @property {string} [logLevel] - Initial log level for the service
- * @property {number} [shutdownTimeout=5000] - Timeout for graceful shutdown
+ * @property {import('../service-manager/ServiceManager.js').default} manager
  */
 
 /**

package/dist/services/service-manager/ServiceManager.d.ts

@@ -78,12 +78,12 @@ export class ServiceManager extends EventEmitter {
     /**
      * Get or create a service instance
      *
+     * @template {import('../service-base/typedef.js').ServiceInstance} T
      * @param {string} name - Service name
      *
-     * @returns {import('../service-base/typedef.js').ServiceInstance|null}
-     *   Service instance or null if not found
+     * @returns {T|null} Service instance or null if not found
      */
-    get(name: string): import("../service-base/typedef.js").ServiceInstance | null;
+    get<T extends import("../service-base/typedef.js").ServiceInstance>(name: string): T | null;
     /**
      * Configure a service
      *
@@ -217,7 +217,7 @@ export type LogLevel = import("../../logging/typedef.js").LogLevel;
 export type ServiceConstructor = import("./typedef.js").ServiceConstructor;
 export type ServiceRegistrationOptions = import("./typedef.js").ServiceRegistrationOptions;
 export type ServiceManagerConfig = import("./typedef.js").ServiceManagerConfig;
-export type ServiceEntry = import("./typedef.js").ServiceEntry;
+export type ServiceEntry = any;
 export type ServiceConfigOrLabel = import("./typedef.js").ServiceConfigOrLabel;
 export type HealthCheckResult = import("./typedef.js").HealthCheckResult;
 export type StopOptions = import("../service-base/typedef.js").StopOptions;

package/dist/services/service-manager/ServiceManager.js

@@ -258,10 +258,10 @@ export class ServiceManager extends EventEmitter {
   /**
    * Get or create a service instance
    *
+   * @template {import('../service-base/typedef.js').ServiceInstance} T
    * @param {string} name - Service name
    *
-   * @returns {import('../service-base/typedef.js').ServiceInstance|null}
-   *   Service instance or null if not found
+   * @returns {T|null} Service instance or null if not found
    */
   get(name) {
     // @throws service not found
@@ -269,7 +269,9 @@ export class ServiceManager extends EventEmitter {
 
     if (!entry.instance) {
       try {
-        entry.instance = new entry.ServiceClass(name);
+        const options = { manager: this };
+
+        entry.instance = new entry.ServiceClass(name, options);
 
         // Apply log level
         const logLevel = this.#getServiceLogLevel(name);

package/dist/services/service-manager/typedef.d.ts

@@ -84,23 +84,23 @@ export type ServiceManagerPlugin = {
      */
     detach: () => void;
     /**
-     * - Optional config resolution method
+     * - Optional config resolution
      */
-    resolveServiceConfig?: ((arg0: string, arg1: ServiceEntry, arg2: any) => Promise<any | undefined>) | undefined;
+    resolveServiceConfig?: ((arg0: string, arg1: ServiceEntry<import("../service-base/typedef.js").ServiceInstance>, arg2: any) => Promise<any | undefined>) | undefined;
 };
 /**
  * Internal service registry entry, an internal registry entry that the
  * ServiceManager uses to track each registered service.
  */
-export type ServiceEntry = {
+export type ServiceEntry<T extends import("../service-base/typedef.js").ServiceInstance> = {
     /**
      * - Service class constructor
      */
-    ServiceClass: ServiceConstructor;
+    ServiceClass: new (name: string, options?: any) => T;
     /**
      * - Service instance (lazy-created)
      */
-    instance: import("../service-base/typedef.js").ServiceInstance | null;
+    instance: T | null;
     serviceConfigOrLabel: ServiceConfigOrLabel;
     dependencies: string[];
     /**

package/dist/services/service-manager/typedef.js

@@ -64,13 +64,15 @@
 
 /**
  * Result of health check for all services
- * @typedef {Object<string, import('../service-base/typedef.js').HealthStatus>} HealthCheckResult
+ * @typedef {Object<string,
+ *   import('../service-base/typedef.js').HealthStatus>} HealthCheckResult
  */
 
 /**
  * Service class constructor type
  *
- * @typedef {new (name: string, options?: import('../service-base/typedef.js').ServiceOptions) => import('../service-base/typedef.js').ServiceInstance} ServiceConstructor
+ * @typedef {new (name: string, options?: import('../service-base/typedef.js').ServiceOptions)
+ *   => import('../service-base/typedef.js').ServiceInstance} ServiceConstructor
  */
 
 /**
@@ -81,7 +83,9 @@
  * @property {import('./ServiceManager.js').ServiceManager|null} manager - ServiceManager reference
  * @property {function(import('./ServiceManager.js').ServiceManager): void} attach - Attach to ServiceManager
  * @property {function(): void} detach - Detach from ServiceManager
- * @property {function(string, ServiceEntry, *): Promise<*|undefined>} [resolveServiceConfig] - Optional config resolution method
+ * @property {function(string,
+ *   ServiceEntry<import('../service-base/typedef.js').ServiceInstance>, *
+ * ): Promise<*|undefined>} [resolveServiceConfig] - Optional config resolution
  */
 
 // ============================================================================
@@ -92,9 +96,10 @@
  * Internal service registry entry, an internal registry entry that the
  * ServiceManager uses to track each registered service.
  *
+ * @template {import('../service-base/typedef.js').ServiceInstance} T
  * @typedef {Object} ServiceEntry
- * @property {ServiceConstructor} ServiceClass - Service class constructor
- * @property {import('../service-base/typedef.js').ServiceInstance|null} instance - Service instance (lazy-created)
+ * @property {new (name: string, options?: *) => T} ServiceClass - Service class constructor
+ * @property {T|null} instance - Service instance (lazy-created)
  * @property {ServiceConfigOrLabel} serviceConfigOrLabel
  * @property {string[]} dependencies
  * @property {Set<string>} dependents - Services that depend on this service

package/dist/ui/actions/hideIfEmpty.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Hide element when it has no visible content (empty text, no images/icons)
+ *
+ * @param {HTMLElement} element - Element to monitor and hide when empty
+ *
+ * @returns {Object} Action object with destroy method for cleanup
+ *
+ * @example
+ * When dynamicContent is empty, the div is hidden (display: none) to
+ * prevent it from taking up space due to its padding.
+ *
+ * <div use:hideIfEmpty style="padding: 10px">{dynamicContent}</div>
+ */
+export function hideIfEmpty(element: HTMLElement): Object;

package/dist/ui/actions/hideIfEmpty.js

@@ -0,0 +1,46 @@
+/**
+ * Hide element when it has no visible content (empty text, no images/icons)
+ *
+ * @param {HTMLElement} element - Element to monitor and hide when empty
+ *
+ * @returns {Object} Action object with destroy method for cleanup
+ *
+ * @example
+ * When dynamicContent is empty, the div is hidden (display: none) to
+ * prevent it from taking up space due to its padding.
+ *
+ * <div use:hideIfEmpty style="padding: 10px">{dynamicContent}</div>
+ */
+export function hideIfEmpty(element) {
+  function hasVisibleContent() {
+    // Get all text content and trim whitespace
+    const textContent = element.textContent?.trim() || '';
+    
+    // Check for images, icons, or other non-text content
+    const hasImages = element.querySelector('img, svg, [class*="icon"]');
+    
+    return textContent.length > 0 || hasImages;
+  }
+
+  function updateVisibility() {
+    const shouldHide = !hasVisibleContent();
+    element.style.display = shouldHide ? 'none' : '';
+  }
+
+  // Initial check
+  updateVisibility();
+
+  // Watch for DOM changes
+  const observer = new MutationObserver(updateVisibility);
+  observer.observe(element, {
+    childList: true,     // Watch for added/removed child elements
+    subtree: true,       // Watch all descendants
+    characterData: true  // Watch for text content changes
+  });
+
+  return {
+    destroy() {
+      observer.disconnect();
+    }
+  };
+}

package/dist/ui/actions.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui/actions.js

@@ -0,0 +1 @@
+export { default as hideIfEmpty } from './actions/hideIfEmpty.js';

package/dist/ui/primitives/icons/SteezeIcon.svelte

@@ -23,11 +23,12 @@
    * theme - name of the icon theme (e.g. 'solid' or 'outline')
    *
    * @type {{
-   *   src: import('./typedef.js').IconSource,
-   *   size?: string,
-   *   theme?: string,
    *   base?: string,
    *   classes?: string
+   *   size?: string,
+   *   variant?: string,
+   *   src: import('./typedef.js').IconSource,
+   *   theme?: string,
    * } & { [attr: string]: any }}
    */
   let {
@@ -71,6 +72,7 @@
   data-component="icon"
   data-type="steeze"
   data-size={size}
+  data-variant={variant}
   {...icon?.a}
   xmlns="http://www.w3.org/2000/svg"
   class="{base} {classes}"

package/dist/ui/primitives/icons/SteezeIcon.svelte.d.ts

@@ -2,21 +2,23 @@ export default SteezeIcon;
 type SteezeIcon = {
     $on?(type: string, callback: (e: any) => void): () => void;
     $set?(props: Partial<{
-        src: IconSource;
-        size?: string | undefined;
-        theme?: string | undefined;
         base?: string | undefined;
         classes?: string | undefined;
+        size?: string | undefined;
+        variant?: string | undefined;
+        src: IconSource;
+        theme?: string | undefined;
     } & {
         [attr: string]: any;
     }>): void;
 };
 declare const SteezeIcon: import("svelte").Component<{
-    src: import("./typedef.js").IconSource;
-    size?: string;
-    theme?: string;
     base?: string;
     classes?: string;
+    size?: string;
+    variant?: string;
+    src: import("./typedef.js").IconSource;
+    theme?: string;
 } & {
     [attr: string]: any;
 }, {}, "">;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-core",
-	"version": "0.4.48",
+	"version": "0.4.50",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"