@kirbydesign/designsystem 11.11.2 → 12.0.0

package/fesm2022/kirbydesign-designsystem-helpers.mjs

@@ -1,388 +1,278 @@
-import { DesignTokenHelper } from '@kirbydesign/core';
-export { ColorHelper, DesignTokenHelper, camelToKebabCase, capitalizeFirstLetter, kebabToCamelCase, kebabToTitleCase } from '@kirbydesign/core';
-import * as i0 from '@angular/core';
-import { Injectable, RendererStyleFlags2 } from '@angular/core';
-import * as i1 from '@kirbydesign/designsystem/types';
-import { componentOnReady } from '@ionic/core';
-
-/*
-  Utility function to check if a given element
-  has an ancestor with a specific node name.
-
-  Can be given a 'stopNodeName' to limit the search
-  as to not climb all the way up through the DOM tree.
-
-  Returns true when element has the ancestorNodeName
-  or an ancestor has the ancestorNodeName.
-
-  Returns false otherwise.
-*/
+import { ColorHelper, DesignTokenHelper, camelToKebabCase, capitalizeFirstLetter, kebabToCamelCase, kebabToTitleCase } from "@kirbydesign/core";
+import * as i0 from "@angular/core";
+import { Injectable, RendererStyleFlags2 } from "@angular/core";
+import * as i1 from "@kirbydesign/designsystem/types";
+import { componentOnReady } from "@ionic/core";
 const elementHasAncestor = (element, ancestorNodeName, stopNodeName) => {
-    switch (element?.nodeName) {
-        case undefined:
-        case stopNodeName?.toUpperCase():
-            return false;
-        case ancestorNodeName.toUpperCase():
-            return true;
-        default:
-            return elementHasAncestor(element.parentElement, ancestorNodeName, stopNodeName);
-    }
+	if (!element) return false;
+	switch (element?.nodeName) {
+		case void 0:
+		case stopNodeName?.toUpperCase(): return false;
+		case ancestorNodeName.toUpperCase(): return true;
+		default: return elementHasAncestor(element.parentElement, ancestorNodeName, stopNodeName);
+	}
 };
-/*
- * Utility function to find the closest ancestor modal and
- * get the element with a dialog role from within its shadow root.
- */
 function getIonModalDialogAncestor(currentElement) {
-    const ionModalElement = currentElement.closest('ion-modal');
-    const modalElementDialog = ionModalElement?.shadowRoot?.querySelector('[role="dialog"]');
-    return modalElementDialog;
+	return currentElement.closest("ion-modal")?.shadowRoot?.querySelector("[role=\"dialog\"]") ?? void 0;
 }
-
-/* Function based on https://github.com/angular/components/blob/main/src/cdk/observers/observe-content.ts
- * Angular may add, remove, or edit comment nodes during change detection. We don't care about
- * these changes because they don't affect the user-preceived content, and worse it can cause
- * infinite change detection cycles where the change detection updates a comment, triggering the
- * MutationObserver, triggering another change detection and kicking the cycle off again. */
 function shouldIgnoreMutationRecord(record) {
-    // Ignore changes to comment text.
-    if (record.type === 'characterData' && record.target instanceof Comment) {
-        return true;
-    }
-    // Ignore addition / removal of comments.
-    if (record.type === 'childList') {
-        for (let i = 0; i < record.addedNodes.length; i++) {
-            if (!(record.addedNodes[i] instanceof Comment)) {
-                return false;
-            }
-        }
-        for (let i = 0; i < record.removedNodes.length; i++) {
-            if (!(record.removedNodes[i] instanceof Comment)) {
-                return false;
-            }
-        }
-        return true;
-    }
-    // Observe everything else.
-    return false;
+	if (record.type === "characterData" && record.target instanceof Comment) return true;
+	if (record.type === "childList") {
+		for (let i = 0; i < record.addedNodes.length; i++) if (!(record.addedNodes[i] instanceof Comment)) return false;
+		for (let i = 0; i < record.removedNodes.length; i++) if (!(record.removedNodes[i] instanceof Comment)) return false;
+		return true;
+	}
+	return false;
 }
-/**
- * Creates a MutationObserver and observes content changes in a given element.
- * The provided callback is called when changes are detected.
- *
- * @returns function - an unobserve function that can be called to disconnect the created observer.
- */
 function observeContent(observedElement, contentChangedCallback) {
-    const mutationObserver = new MutationObserver((mutations) => {
-        const filteredMutations = mutations.filter((mutation) => !shouldIgnoreMutationRecord(mutation));
-        if (filteredMutations.length > 0) {
-            contentChangedCallback();
-        }
-    });
-    mutationObserver.observe(observedElement, {
-        characterData: true,
-        childList: true,
-        subtree: true,
-    });
-    return () => {
-        mutationObserver.disconnect();
-    };
+	const mutationObserver = new MutationObserver((mutations) => {
+		if (mutations.filter((mutation) => !shouldIgnoreMutationRecord(mutation)).length > 0) contentChangedCallback();
+	});
+	mutationObserver.observe(observedElement, {
+		characterData: true,
+		childList: true,
+		subtree: true
+	});
+	return () => {
+		mutationObserver.disconnect();
+	};
 }
-
-class PlatformService {
-    constructor(windowRef) {
-        this.windowRef = windowRef;
-    }
-    isTouch() {
-        const isTouchDeviceQuery = '(pointer: coarse)'; // No check for `hover: none`, as Samsung Galaxy will return false on `hover: none` media query
-        return this.windowRef.nativeWindow.matchMedia(isTouchDeviceQuery).matches;
-    }
-    isPhabletOrBigger() {
-        const query = `(min-width: ${DesignTokenHelper.breakpoints.medium})`;
-        return this.windowRef.nativeWindow.matchMedia(query).matches;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PlatformService, deps: [{ token: i1.WindowRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PlatformService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PlatformService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.WindowRef }] });
-
-/*
-  Type guard is needed as of chart.js@3.8.1. The config type has been updated to a union type,
-  and the newly added type 'ChartConfigurationCustomTypesPerDataset' does not contain the 'type' property.
-  Typescript will throw an error, when trying to access a property that doesn't exist on all union types,
-  unless a type guard is used.
-*/
+var PlatformService = class PlatformService {
+	constructor(windowRef) {
+		this.windowRef = windowRef;
+	}
+	isTouch() {
+		return this.windowRef.nativeWindow.matchMedia("(pointer: coarse)").matches;
+	}
+	isPhabletOrBigger() {
+		const query = `(min-width: ${DesignTokenHelper.breakpoints.medium})`;
+		return this.windowRef.nativeWindow.matchMedia(query).matches;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: PlatformService,
+			deps: [{ token: i1.WindowRef }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: PlatformService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: PlatformService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: i1.WindowRef }]
+});
 const chartConfigHasType = (config) => {
-    return 'type' in config;
+	return "type" in config;
 };
-
-/*
-Copied from https://github.com/ykdr8/ts-deepcopy.
-
-MIT License
-
-Copyright (c) 2017 ykdr2017
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
 function deepCopy(tgt) {
-    let cp;
-    if (tgt === null) {
-        cp = tgt;
-    }
-    else if (tgt instanceof Date) {
-        cp = new Date(tgt.getTime());
-    }
-    else if (Array.isArray(tgt)) {
-        cp = [];
-        tgt.forEach((v) => {
-            cp.push(v);
-        });
-        cp = cp.map((n) => deepCopy(n));
-    }
-    else if (typeof tgt === 'object') {
-        cp = { ...tgt };
-        Object.keys(cp).forEach((k) => {
-            cp[k] = deepCopy(cp[k]);
-        });
-    }
-    else {
-        cp = tgt;
-    }
-    return cp;
+	let cp;
+	if (tgt === null) cp = tgt;
+	else if (tgt instanceof Date) cp = new Date(tgt.getTime());
+	else if (Array.isArray(tgt)) {
+		cp = [];
+		tgt.forEach((v) => {
+			cp.push(v);
+		});
+		cp = cp.map((n) => deepCopy(n));
+	} else if (typeof tgt === "object") {
+		cp = { ...tgt };
+		Object.keys(cp).forEach((k) => {
+			cp[k] = deepCopy(cp[k]);
+		});
+	} else cp = tgt;
+	return cp;
 }
-
-/**
- * Performs a deep merge of objects and returns new object. Does not modify
- * objects (immutable).
- * It merges from into object to the left
- *  eg. mergeDeep({a: 'will be overridden', b: 'some val'}, {a: 'new val'}) =>  {a: 'new val', b: 'some val'}
- *
- * @param originalObject object - Object to override,
- * @param overrideObject object - Object to override "toOverride" values with
- * @param config object - Configuration for how to merge.
- *  mergeArrays determines if it should merge or override arrays
- * @returns object - New object with merged key/values
- */
 function mergeDeep(originalObject, overrideObject, config = { mergeArrays: false }) {
-    const isObject = (obj) => obj && typeof obj === 'object';
-    return [originalObject, overrideObject].reduce((mergedObject, obj) => {
-        Object.keys(obj).forEach((key) => {
-            const mergedObjectValue = mergedObject[key];
-            const overrideObjectValue = obj[key];
-            if (Array.isArray(mergedObjectValue) && Array.isArray(overrideObjectValue)) {
-                mergedObject[key] = config.mergeArrays
-                    ? mergedObjectValue.concat(overrideObjectValue)
-                    : overrideObjectValue;
-            }
-            else if (isObject(mergedObjectValue) && isObject(overrideObjectValue)) {
-                mergedObject[key] = mergeDeep(mergedObjectValue, overrideObjectValue);
-            }
-            else {
-                mergedObject[key] = overrideObjectValue;
-            }
-        });
-        return mergedObject;
-    }, {});
+	const isObject = (obj) => obj && typeof obj === "object";
+	return [originalObject, overrideObject].reduce((mergedObject, obj) => {
+		Object.keys(obj).forEach((key) => {
+			const mergedObjectValue = mergedObject[key];
+			const overrideObjectValue = obj[key];
+			if (Array.isArray(mergedObjectValue) && Array.isArray(overrideObjectValue)) mergedObject[key] = config.mergeArrays ? mergedObjectValue.concat(overrideObjectValue) : overrideObjectValue;
+			else if (isObject(mergedObjectValue) && isObject(overrideObjectValue)) mergedObject[key] = mergeDeep(mergedObjectValue, overrideObjectValue);
+			else mergedObject[key] = overrideObjectValue;
+		});
+		return mergedObject;
+	}, {});
 }
 function mergeDeepAll(...objects) {
-    const objectsWithoutUndefined = objects.filter((object) => object !== undefined);
-    return objectsWithoutUndefined.reduce((originalObject, overrideObject) => mergeDeep(originalObject, overrideObject));
+	return objects.filter((object) => object !== void 0).reduce((originalObject, overrideObject) => mergeDeep(originalObject, overrideObject));
 }
-
-class UniqueIdGenerator {
-    static { this.registry = new Map(); }
-    constructor(scope) {
-        this.scope = scope;
-        this.id = 0;
-    }
-    static scopedTo(scope) {
-        let scopedGenerator = UniqueIdGenerator.registry.get(scope);
-        if (!scopedGenerator) {
-            scopedGenerator = new UniqueIdGenerator(scope);
-            UniqueIdGenerator.registry.set(scope, scopedGenerator);
-        }
-        return scopedGenerator;
-    }
-    next() {
-        return `${this.scope}-${this.id++}`;
-    }
-}
-
-class StringSearchHelper {
-    static getIndexByFirstMatchingStartString(searchString, words, startIndex) {
-        searchString = searchString.toLowerCase();
-        const wordsStartingWithMatchString = words
-            .map((word, index) => {
-            return { word: word.toLowerCase(), index };
-        })
-            .filter((match) => match.word.startsWith(searchString));
-        if (wordsStartingWithMatchString.length === 0) {
-            return -1;
-        }
-        const firstWordStartingWithChar = wordsStartingWithMatchString[0];
-        const nextWordStartingWithChar = wordsStartingWithMatchString.find((wordAndIndex) => wordAndIndex.index >= startIndex);
-        return nextWordStartingWithChar?.index ?? firstWordStartingWithChar.index;
-    }
-    static isPrintableCharacter(key) {
-        return key.length === 1 && /\S/.test(key);
-    }
-}
-
+var UniqueIdGenerator = class UniqueIdGenerator {
+	static {
+		this.registry = /* @__PURE__ */ new Map();
+	}
+	constructor(scope) {
+		this.scope = scope;
+		this.id = 0;
+	}
+	static scopedTo(scope) {
+		let scopedGenerator = UniqueIdGenerator.registry.get(scope);
+		if (!scopedGenerator) {
+			scopedGenerator = new UniqueIdGenerator(scope);
+			UniqueIdGenerator.registry.set(scope, scopedGenerator);
+		}
+		return scopedGenerator;
+	}
+	next() {
+		return `${this.scope}-${this.id++}`;
+	}
+};
+var StringSearchHelper = class {
+	static getIndexByFirstMatchingStartString(searchString, words, startIndex) {
+		searchString = searchString.toLowerCase();
+		const wordsStartingWithMatchString = words.map((word, index) => {
+			return {
+				word: word.toLowerCase(),
+				index
+			};
+		}).filter((match) => match.word.startsWith(searchString));
+		if (wordsStartingWithMatchString.length === 0) return -1;
+		const firstWordStartingWithChar = wordsStartingWithMatchString[0];
+		return wordsStartingWithMatchString.find((wordAndIndex) => wordAndIndex.index >= startIndex)?.index ?? firstWordStartingWithChar.index;
+	}
+	static isPrintableCharacter(key) {
+		return key.length === 1 && /\S/.test(key);
+	}
+};
 const config = Object.freeze({
-    className: 'kirby-line-clamp',
-    lineClamp: '--line-clamp',
-    lineHeight: '--line-height',
+	className: "kirby-line-clamp",
+	lineClamp: "--line-clamp",
+	lineHeight: "--line-height"
+});
+var LineClampHelper = class LineClampHelper {
+	constructor(renderer) {
+		this.renderer = renderer;
+	}
+	setMaxLines(element, maxLines) {
+		this.renderer.setStyle(element, config.lineClamp, maxLines, RendererStyleFlags2.DashCase);
+		this.renderer.addClass(element, config.className);
+	}
+	setLineHeight(element, lineHeight) {
+		this.renderer.setStyle(element, config.lineHeight, lineHeight, RendererStyleFlags2.DashCase);
+	}
+	removeLineClamp(element) {
+		this.renderer.removeClass(element, config.className);
+		this.renderer.removeStyle(element, config.lineClamp);
+		this.renderer.removeStyle(element, config.lineHeight);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: LineClampHelper,
+			deps: [{ token: i0.Renderer2 }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: LineClampHelper
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: LineClampHelper,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => [{ type: i0.Renderer2 }]
 });
-class LineClampHelper {
-    constructor(renderer) {
-        this.renderer = renderer;
-    }
-    setMaxLines(element, maxLines) {
-        this.renderer.setStyle(element, config.lineClamp, maxLines, RendererStyleFlags2.DashCase);
-        this.renderer.addClass(element, config.className);
-    }
-    setLineHeight(element, lineHeight) {
-        // Only necessary for the fallback solution to work
-        this.renderer.setStyle(element, config.lineHeight, lineHeight, RendererStyleFlags2.DashCase);
-    }
-    removeLineClamp(element) {
-        this.renderer.removeClass(element, config.className);
-        this.renderer.removeStyle(element, config.lineClamp);
-        this.renderer.removeStyle(element, config.lineHeight);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: LineClampHelper, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: LineClampHelper }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: LineClampHelper, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2 }] });
-
-/* eslint-disable @typescript-eslint/no-namespace */
 var KirbyAnimation;
-(function (KirbyAnimation) {
-    let Duration;
-    (function (Duration) {
-        // Duration in milliseconds
-        Duration[Duration["QUICK"] = parseInt(DesignTokenHelper.transitionDuration('quick'))] = "QUICK";
-        Duration[Duration["SHORT"] = parseInt(DesignTokenHelper.transitionDuration('short'))] = "SHORT";
-        Duration[Duration["LONG"] = parseInt(DesignTokenHelper.transitionDuration('long'))] = "LONG";
-        Duration[Duration["EXTRA_LONG"] = parseInt(DesignTokenHelper.transitionDuration('extraLong'))] = "EXTRA_LONG";
-    })(Duration = KirbyAnimation.Duration || (KirbyAnimation.Duration = {}));
-    KirbyAnimation.Easing = DesignTokenHelper.transitionEasings();
+(function(KirbyAnimation) {
+	(function(Duration) {
+		Duration[Duration["QUICK"] = parseInt(DesignTokenHelper.transitionDuration("quick"))] = "QUICK";
+		Duration[Duration["SHORT"] = parseInt(DesignTokenHelper.transitionDuration("short"))] = "SHORT";
+		Duration[Duration["LONG"] = parseInt(DesignTokenHelper.transitionDuration("long"))] = "LONG";
+		Duration[Duration["EXTRA_LONG"] = parseInt(DesignTokenHelper.transitionDuration("extraLong"))] = "EXTRA_LONG";
+	})(KirbyAnimation.Duration || (KirbyAnimation.Duration = {}));
+	KirbyAnimation.Easing = DesignTokenHelper.transitionEasings();
 })(KirbyAnimation || (KirbyAnimation = {}));
-
-class IonicElementPartHelper {
-    constructor(renderer) {
-        this.renderer = renderer;
-    }
-    async setPart(partName, ionicElementRef, selector) {
-        // Ensure custom element has been defined and rendered
-        await customElements.whenDefined(ionicElementRef.nativeElement.localName);
-        const customElement = await new Promise((resolve) => {
-            componentOnReady(ionicElementRef.nativeElement, (element) => resolve(element));
-        });
-        const partElement = customElement.shadowRoot.querySelector(selector);
-        if (!partElement)
-            return;
-        this.renderer.setAttribute(partElement, 'part', partName);
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: IonicElementPartHelper, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: IonicElementPartHelper }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: IonicElementPartHelper, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.Renderer2 }] });
-
-/**
- * Extends the methods of provided ControlValueAccessors.
- *
- * This utility wraps the control value accessor methods to add custom behavior while preserving
- * the original functionality. Its used to:
- * - Emit kirbyChange when values are written programmatically
- * - Transform or normalize values before they're passed to form controls to work with inputmasking
- *
- * @param accessors - Array of ControlValueAccessors to extend, typically injected via `NG_VALUE_ACCESSOR`
- * @param config - Configuration specifying which methods to extend and how
- *
- * @example
- * // Simple usage - emit changes when writeValue is called
- * extendValueAccessors(this.valueAccessors, {
- *   writeValue: {
- *     afterWriteValue: (value) => this.kirbyChange.emit(value)
- *   }
- * });
- *
- * @example
- * // Advanced usage - transform values in registerOnChange
- * extendValueAccessors(this.valueAccessors, {
- *   writeValue: {
- *     afterWriteValue: (value) => this.updateDisplay(value)
- *   },
- *   registerOnChange: {
- *     transformValue: (value) => this.normalizeValue(value)
- *   }
- * });
- */
+var IonicElementPartHelper = class IonicElementPartHelper {
+	constructor(renderer) {
+		this.renderer = renderer;
+	}
+	async setPart(partName, ionicElementRef, selector) {
+		await customElements.whenDefined(ionicElementRef.nativeElement.localName);
+		const partElement = (await new Promise((resolve) => {
+			componentOnReady(ionicElementRef.nativeElement, (element) => resolve(element));
+		})).shadowRoot?.querySelector(selector);
+		if (!partElement) return;
+		this.renderer.setAttribute(partElement, "part", partName);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: IonicElementPartHelper,
+			deps: [{ token: i0.Renderer2 }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: IonicElementPartHelper
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: IonicElementPartHelper,
+	decorators: [{ type: Injectable }],
+	ctorParameters: () => [{ type: i0.Renderer2 }]
+});
 function extendValueAccessors(accessors, config) {
-    if (!accessors)
-        return;
-    accessors.forEach((accessor) => {
-        if (config.writeValue) {
-            extendWriteValue(accessor, config.writeValue);
-        }
-        if (config.registerOnChange) {
-            extendRegisterOnChange(accessor, config.registerOnChange);
-        }
-    });
+	if (!accessors) return;
+	accessors.forEach((accessor) => {
+		if (config.writeValue) extendWriteValue(accessor, config.writeValue);
+		if (config.registerOnChange) extendRegisterOnChange(accessor, config.registerOnChange);
+	});
 }
 function extendWriteValue(accessor, extension) {
-    const originalWriteValue = accessor.writeValue?.bind(accessor);
-    accessor.writeValue = (value) => {
-        if (originalWriteValue) {
-            originalWriteValue(value);
-        }
-        extension.afterWriteValue(value);
-    };
+	const originalWriteValue = accessor.writeValue?.bind(accessor);
+	accessor.writeValue = (value) => {
+		if (originalWriteValue) originalWriteValue(value);
+		extension.afterWriteValue(value);
+	};
 }
 function extendRegisterOnChange(accessor, extension) {
-    const originalRegisterOnChange = accessor.registerOnChange?.bind(accessor);
-    if (originalRegisterOnChange) {
-        accessor.registerOnChange = (fn) => {
-            const wrappedFn = (value) => {
-                fn(extension.transformValue(value));
-            };
-            originalRegisterOnChange(wrappedFn);
-        };
-    }
+	const originalRegisterOnChange = accessor.registerOnChange?.bind(accessor);
+	if (originalRegisterOnChange) accessor.registerOnChange = (fn) => {
+		const wrappedFn = (value) => {
+			fn(extension.transformValue(value));
+		};
+		originalRegisterOnChange(wrappedFn);
+	};
 }
+export { ColorHelper, DesignTokenHelper, IonicElementPartHelper, KirbyAnimation, LineClampHelper, PlatformService, StringSearchHelper, UniqueIdGenerator, camelToKebabCase, capitalizeFirstLetter, chartConfigHasType, deepCopy, elementHasAncestor, extendValueAccessors, getIonModalDialogAncestor, kebabToCamelCase, kebabToTitleCase, mergeDeep, mergeDeepAll, observeContent };
 
-// re-export helpers from core, to preserve backwards compatability
-// of 'designsystem' library
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { IonicElementPartHelper, KirbyAnimation, LineClampHelper, PlatformService, StringSearchHelper, UniqueIdGenerator, chartConfigHasType, deepCopy, elementHasAncestor, extendValueAccessors, getIonModalDialogAncestor, mergeDeep, mergeDeepAll, observeContent };
-//# sourceMappingURL=kirbydesign-designsystem-helpers.mjs.map
+//# sourceMappingURL=kirbydesign-designsystem-helpers.mjs.map