npm - @ks-digital/designsystem-angular - Versions diffs - 0.0.1-alpha.74 → 0.0.1-alpha.76 - Mend

@ks-digital/designsystem-angular 0.0.1-alpha.74 → 0.0.1-alpha.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/fesm2022/ks-digital-designsystem-angular-forms.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ks-digital-designsystem-angular-forms.mjs","sources":["../../../../packages/angular/forms/src/field/field.ts","../../../../packages/angular/forms/src/field/field-description.ts","../../../../packages/angular/forms/src/field/field-error.ts","../../../../packages/angular/forms/src/fieldset/fieldset.ts","../../../../packages/angular/forms/src/fieldset/fieldset-description.ts","../../../../packages/angular/forms/src/fieldset/fieldset-legend.ts","../../../../packages/angular/forms/src/input/input.ts","../../../../packages/angular/forms/src/label/label.ts","../../../../packages/angular/forms/src/ks-digital-designsystem-angular-forms.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n CUSTOM_ELEMENTS_SCHEMA,\n input,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/ds-field'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n/*\n Use the Field component to connect inputs and labels\n /\n@Component({\n selector: 'ksd-field',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n template: `\n <ds-field\n class=\"ds-field\"\n [attr.data-position]=\"dataPosition() ?? position() ?? 'start'\"\n [attr.data-variant]=\"dataVariant()\"\n >\n <ng-content />\n </ds-field>\n `,\n styles: `\n :host {\n display: grid;\n }\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class Field {\n /\n Preferred position input for toggle inputs (radio, checkbox, switch) in field.\n * @default start\n /\n dataPosition = input<'start' \| 'end' \| undefined>(undefined, {\n alias: 'data-position',\n })\n\n /\n Legacy position input kept for backward compatibility.\n * @deprecated Use data-position instead.\n * @default start\n /\n position = input<'start' \| 'end' \| undefined>(undefined)\n\n /\n Variant forwarded to ds-field.\n /\n dataVariant = input<'outline' \| undefined>(undefined, {\n alias: 'data-variant',\n })\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: '[ksd-field-description]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'data-field': 'description',\n },\n template: `<ng-content />`,\n})\nexport class FieldDescription {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport { ValidationMessage } from '@ks-digital/designsystem-angular/validation-message'\n\n@Component({\n selector: 'ksd-error, [ksd-error]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<ng-content />`,\n hostDirectives: [\n {\n directive: ValidationMessage,\n },\n ],\n})\nexport class FieldError {}\n","import {\n ChangeDetectionStrategy,\n Component,\n CUSTOM_ELEMENTS_SCHEMA,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/fieldset'\n\n@Component({\n selector: 'fieldset[ksd-fieldset]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'ds-fieldset',\n },\n template: ` <ng-content /> `,\n styles: `\n :host > ::ng-deep ksd-field + ksd-field {\n margin-block-start: var(--ds-size-4);\n }\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class Fieldset {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: 'p[ksd-fieldset-description]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<ng-content />`,\n host: {},\n})\nexport class FieldsetDescription {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: 'legend[ksd-fieldset-legend]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'ds-label',\n },\n template: ` <ng-content /> `,\n})\nexport class FieldsetLegend {}\n","import { booleanAttribute, Directive, input, signal } from '@angular/core'\nimport '@digdir/designsystemet-web/readonly'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'input[ksd-input], textarea[ksd-input], select[ksd-input]',\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-input',\n '[attr.readonly]': 'readonly() ? true : null',\n '[attr.disabled]': 'disabled() ? true : null',\n '[attr.aria-invalid]': 'ariaInvalid() ? true : null',\n '(click)': 'onClick($event)',\n '(input)': 'onInput($event)',\n },\n})\nexport class Input {\n /\n The value of the input\n /\n value = signal<string \| undefined>('')\n\n /\n Whether the input is readonly\n /\n readonly readonly = input(false, { transform: booleanAttribute })\n\n /\n Disables element\n /\n readonly disabled = input(false, { transform: booleanAttribute })\n\n /\n Whether the element is invalid.\n /\n readonly ariaInvalid = input(false, {\n transform: booleanAttribute,\n alias: 'aria-invalid',\n })\n\n onClick(event: Event) {\n if (this.readonly()) {\n event.preventDefault()\n }\n }\n\n onInput(event: Event) {\n const target = event.target as\n \| HTMLInputElement\n \| HTMLTextAreaElement\n \| HTMLSelectElement\n \| null\n const val = target?.value\n this.value.set(val ?? '')\n }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'ksd-label',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n template: `\n <!-- eslint-disable @angular-eslint/template/label-has-associated-control -- Fieldobserver handles binding the label to the input -->\n <label class=\"ds-label\"><ng-content /></label>\n `,\n})\nexport class Label {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ks-digital-designsystem-angular-forms.mjs","names":[],"sources":["../../../../packages/angular/forms/src/field/field.ts","../../../../packages/angular/forms/src/field/field-description.ts","../../../../packages/angular/forms/src/field/field-error.ts","../../../../packages/angular/forms/src/fieldset/fieldset.ts","../../../../packages/angular/forms/src/fieldset/fieldset-description.ts","../../../../packages/angular/forms/src/fieldset/fieldset-legend.ts","../../../../packages/angular/forms/src/input/input.ts","../../../../packages/angular/forms/src/label/label.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n CUSTOM_ELEMENTS_SCHEMA,\n input,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/ds-field'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n/*\n Use the Field component to connect inputs and labels\n /\n@Component({\n selector: 'ksd-field',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n template: `\n <ds-field\n class=\"ds-field\"\n [attr.data-position]=\"dataPosition() ?? position() ?? 'start'\"\n [attr.data-variant]=\"dataVariant()\"\n >\n <ng-content />\n </ds-field>\n `,\n styles: `\n :host {\n display: grid;\n }\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class Field {\n /\n Preferred position input for toggle inputs (radio, checkbox, switch) in field.\n * @default start\n /\n dataPosition = input<'start' \| 'end' \| undefined>(undefined, {\n alias: 'data-position',\n })\n\n /\n Legacy position input kept for backward compatibility.\n * @deprecated Use data-position instead.\n * @default start\n /\n position = input<'start' \| 'end' \| undefined>(undefined)\n\n /\n Variant forwarded to ds-field.\n /\n dataVariant = input<'outline' \| undefined>(undefined, {\n alias: 'data-variant',\n })\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: '[ksd-field-description]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'data-field': 'description',\n },\n template: `<ng-content />`,\n})\nexport class FieldDescription {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport { ValidationMessage } from '@ks-digital/designsystem-angular/validation-message'\n\n@Component({\n selector: 'ksd-error, [ksd-error]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<ng-content />`,\n hostDirectives: [\n {\n directive: ValidationMessage,\n },\n ],\n})\nexport class FieldError {}\n","import {\n ChangeDetectionStrategy,\n Component,\n CUSTOM_ELEMENTS_SCHEMA,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/fieldset'\n\n@Component({\n selector: 'fieldset[ksd-fieldset]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'ds-fieldset',\n },\n template: ` <ng-content /> `,\n styles: `\n :host > ::ng-deep ksd-field + ksd-field {\n margin-block-start: var(--ds-size-4);\n }\n `,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class Fieldset {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: 'p[ksd-fieldset-description]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: `<ng-content />`,\n host: {},\n})\nexport class FieldsetDescription {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n selector: 'legend[ksd-fieldset-legend]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'ds-label',\n },\n template: ` <ng-content /> `,\n})\nexport class FieldsetLegend {}\n","import { booleanAttribute, Directive, input, signal } from '@angular/core'\nimport '@digdir/designsystemet-web/readonly'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: 'input[ksd-input], textarea[ksd-input], select[ksd-input]',\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-input',\n '[attr.readonly]': 'readonly() ? true : null',\n '[attr.disabled]': 'disabled() ? true : null',\n '[attr.aria-invalid]': 'ariaInvalid() ? true : null',\n '(click)': 'onClick($event)',\n '(input)': 'onInput($event)',\n },\n})\nexport class Input {\n /\n The value of the input\n /\n value = signal<string \| undefined>('')\n\n /\n Whether the input is readonly\n /\n readonly readonly = input(false, { transform: booleanAttribute })\n\n /\n Disables element\n /\n readonly disabled = input(false, { transform: booleanAttribute })\n\n /\n Whether the element is invalid.\n */\n readonly ariaInvalid = input(false, {\n transform: booleanAttribute,\n alias: 'aria-invalid',\n })\n\n onClick(event: Event) {\n if (this.readonly()) {\n event.preventDefault()\n }\n }\n\n onInput(event: Event) {\n const target = event.target as\n \| HTMLInputElement\n \| HTMLTextAreaElement\n \| HTMLSelectElement\n \| null\n const val = target?.value\n this.value.set(val ?? '')\n }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'ksd-label',\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n template: `\n <!-- eslint-disable @angular-eslint/template/label-has-associated-control -- Fieldobserver handles binding the label to the input -->\n <label class=\"ds-label\"><ng-content /></label>\n `,\n})\nexport class Label {}\n"],"mappings":"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"}

package/fesm2022/ks-digital-designsystem-angular-heading.mjs CHANGED Viewed

@@ -1,40 +1,70 @@
-import * as i0 from '@angular/core';
-import { signal, input, Directive } from '@angular/core';
-class Heading {
-    id = signal(undefined, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
-    /**
-     * Changes text sizing
-     * @default 'md'
-     */
-    dataSize = input(undefined, { ...(ngDevMode ? { debugName: "dataSize" } : /* istanbul ignore next */ {}), alias: 'data-size' });
-    /**
-     * Set the id of the heading
-     * @param id
-     */
-    setId(id) {
-        this.id.set(id);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Heading, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: Heading, isStandalone: true, selector: "h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]", inputs: { dataSize: { classPropertyName: "dataSize", publicName: "data-size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "dataSize() || null", "attr.id": "id() || null" }, classAttribute: "ds-heading" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Heading, decorators: [{
-            type: Directive,
-            args: [{
-                    selector:
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    'h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]',
-                    host: {
-                        class: 'ds-heading',
-                        '[attr.data-size]': 'dataSize() || null',
-                        '[attr.id]': 'id() || null',
-                    },
-                }]
-        }], propDecorators: { dataSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "data-size", required: false }] }] } });
-/**
- * Generated bundle index. Do not edit.
- */
+import * as i0 from "@angular/core";
+import { Directive, input, signal } from "@angular/core";
+var Heading = class Heading {
+	id = signal(void 0, ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	dataSize = input(void 0, {
+		...ngDevMode ? { debugName: "dataSize" } : /* istanbul ignore next */ {},
+		alias: "data-size"
+	});
+	setId(id) {
+		this.id.set(id);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Heading,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: Heading,
+		isStandalone: true,
+		selector: "h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]",
+		inputs: { dataSize: {
+			classPropertyName: "dataSize",
+			publicName: "data-size",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: {
+				"attr.data-size": "dataSize() || null",
+				"attr.id": "id() || null"
+			},
+			classAttribute: "ds-heading"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Heading,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]",
+			host: {
+				class: "ds-heading",
+				"[attr.data-size]": "dataSize() || null",
+				"[attr.id]": "id() || null"
+			}
+		}]
+	}],
+	propDecorators: { dataSize: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "data-size",
+			required: false
+		}]
+	}] }
+});
 export { Heading };
-//# sourceMappingURL=ks-digital-designsystem-angular-heading.mjs.map
+//# sourceMappingURL=ks-digital-designsystem-angular-heading.mjs.map

package/fesm2022/ks-digital-designsystem-angular-heading.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ks-digital-designsystem-angular-heading.mjs","~~sources~~":["~~../../../../packages/angular/heading/src/heading.ts~~","../../../../packages/angular/heading/src/~~ks-digital-designsystem-angular-~~heading.ts"],"sourcesContent":["import { Directive, input, signal } from '@angular/core'\n\n@Directive({\n selector:\n // eslint-disable-next-line @angular-eslint/directive-selector\n 'h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]',\n host: {\n class: 'ds-heading',\n '[attr.data-size]': 'dataSize() \|\| null',\n '[attr.id]': 'id() \|\| null',\n },\n})\nexport class Heading {\n public id = signal<string \| undefined>(undefined)\n /*\n Changes text sizing\n * @default 'md'\n /\n readonly dataSize = input<'2xs' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'>(\n undefined,\n {\n alias: 'data-size',\n },\n )\n\n /\n Set the id of the heading\n * @param id\n /\n setId(id: string) {\n this.id.set(id)\n }\n}\n"~~,"/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"~~],"~~names":[],"~~mappings":"~~;;;MAYa~~,~~OAAO~~,~~CAAA;AACX~~,~~IAAA~~,~~EAAE~~,~~GAAG~~,~~MAAM~~,~~CAAqB~~,~~SAAS~~,~~yEAAC;AACjD;;;AAGG;IACM~~,~~QAAQ~~,~~GAAG~~,~~KAAK~~,~~CACvB~~,~~SAAS~~,~~gFAEP~~,~~KAAK~~,~~EAAE,~~WAAW,~~EAAA~~,~~CAErB~~;~~AAED;;;AAGG;AACH~~,~~IAAA~~,~~KAAK~~,~~CAAC~~,~~EAAU~~,~~EAAA~~;~~AACd~~,~~QAAA~~,~~IAAI~~,~~CAAC~~,~~EAAE~~,~~CAAC~~,GAAG,~~CAAC~~,EAAE~~,CAAC~~;~~IACjB~~;~~uGAnBW~~,~~OAAO~~,~~EAAA~~,~~IAAA~~,EAAA,EAAA,EAAA,MAAA,~~EAAA~~,EAAA,~~CAAA~~,~~eAAA~~,CAAA,~~SAAA,EAAA,~~CAAA;~~2FAAP~~,~~OAAO~~,~~EAAA~~,~~YAAA~~,EAAA,~~IAAA,~~EAAA,~~QAAA,~~EAAA,~~sGAAA,EAAA,~~MAAA,EAAA,EAAA,QAAA,EAAA,~~EAAA~~,~~iBAAA~~,~~EAAA~~,UAAA,~~EAAA~~,~~UAAA,~~EAAA,~~WAAA,~~EAAA~~,QAAA,~~EAAA,~~IAAA~~,~~EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,~~IAAA,~~EAAA,EAAA,EAAA,~~IAAA,~~EAAA~~,~~EAAA,UAAA,EAAA,EAAA,~~gBAAA,EAAA~~,oBAAA,~~EAAA,~~SAAA~~,~~EAAA~~,~~cAAA~~,~~EAAA~~,~~EAAA,cAAA,EAAA,~~YAAA,~~EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,~~CAAA~~;;2FAAP~~,~~OAAO,EAAA,~~UAAA~~,EAAA,~~CAAA~~;kBAVnB~~,~~SAAS~~;~~AAAC~~,YAAA,~~IAAA,EAAA,~~CAAA;~~oBACT~~,~~QAAQ;;oBAEN,sGAAsG~~;~~AACxG~~,~~oBAAA~~,~~IAAI~~,~~EAAE~~;~~AACJ~~,~~wBAAA~~,~~KAAK,EAAE,YAAY~~;~~AACnB~~,~~wBAAA,kBAAkB,EAAE,~~oBAAoB;~~AACxC~~,~~wBAAA,WAAW,EAAE,cAAc~~;~~AAC5B,qBAAA~~;~~AACF~~,~~iBAAA;;;ACXD;;AAEG;;;;~~"}
1	+ {"version":3,"file":"ks-digital-designsystem-angular-heading.mjs","names":[],"sources":["../../../../packages/angular/heading/src/heading.ts"],"sourcesContent":["import { Directive, input, signal } from '@angular/core'\n\n@Directive({\n selector:\n // eslint-disable-next-line @angular-eslint/directive-selector\n 'h1[ksd-heading], h2[ksd-heading], h3[ksd-heading], h4[ksd-heading], h5[ksd-heading], h6[ksd-heading]',\n host: {\n class: 'ds-heading',\n '[attr.data-size]': 'dataSize() \|\| null',\n '[attr.id]': 'id() \|\| null',\n },\n})\nexport class Heading {\n public id = signal<string \| undefined>(undefined)\n /*\n Changes text sizing\n * @default 'md'\n /\n readonly dataSize = input<'2xs' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'>(\n undefined,\n {\n alias: 'data-size',\n },\n )\n\n /\n Set the id of the heading\n * @param id\n */\n setId(id: string) {\n this.id.set(id)\n }\n}\n"],"mappings":";;AAYA,IAAa,UAAb,MAAa,QAAO;CACX,KAAK,OAA2B,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,KAAA,CAAA,+BAAA,CAAA,CAAA;CAKxC,WAAW,MAClB,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAEP,OAAO;CAAW,CAAA;CAQtB,MAAM,IAAU;EACd,KAAK,GAAG,IAAI,EAAE;CAChB;CAnBW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAO,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAP,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAO,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,UAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,kBAAA;IAAA,WAAA;GAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;CAAA,CAAA;;AAAP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EAVnB,MAAA;EAAU,MAAA,CAAA;GACT,UAEE;GACF,MAAM;IACJ,OAAO;IACP,oBAAoB;IACpB,aAAa;GACd;EACF,CAAA"}

package/fesm2022/ks-digital-designsystem-angular-link.mjs CHANGED Viewed

@@ -1,31 +1,60 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i1 from '@ks-digital/designsystem-angular/__internals';
-import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
-class Link {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Link, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: Link, isStandalone: true, selector: "a[ksd-link]", host: { classAttribute: "ds-link" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: ` <ng-content /> `, isInline: true, styles: [":host:has(>span)>:is(ng-icon){margin-inline:var(--ds-size-1);margin-inline-start:0}:host ng-icon{display:inline-flex;vertical-align:middle;font-size:var(--ng-icon-size, 1.3em)}:host svg{width:1em;height:1em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Link, decorators: [{
-            type: Component,
-            args: [{ selector: 'a[ksd-link]', changeDetection: ChangeDetectionStrategy.OnPush, template: ` <ng-content /> `, hostDirectives: [
-                        {
-                            directive: HostSize,
-                            inputs: ['data-size'],
-                        },
-                        {
-                            directive: HostColor,
-                            inputs: ['data-color'],
-                        },
-                    ], host: {
-                        class: 'ds-link',
-                    }, styles: [":host:has(>span)>:is(ng-icon){margin-inline:var(--ds-size-1);margin-inline-start:0}:host ng-icon{display:inline-flex;vertical-align:middle;font-size:var(--ng-icon-size, 1.3em)}:host svg{width:1em;height:1em}\n"] }]
-        }] });
-/**
- * Generated bundle index. Do not edit.
- */
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var Link = class Link {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Link,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: Link,
+		isStandalone: true,
+		selector: "a[ksd-link]",
+		host: { classAttribute: "ds-link" },
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: ` <ng-content /> `,
+		isInline: true,
+		styles: [":host:has(>span)>::ng-deep :is(ng-icon,svg){margin-inline:var(--ds-size-1);margin-inline-start:0}:host ::ng-deep ng-icon,:host>::ng-deep svg{display:inline-flex;vertical-align:middle;font-size:var(--ng-glyph__size, 1.3em)}:host ::ng-deep svg{width:1em;height:1em}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Link,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "a[ksd-link]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: ` <ng-content /> `,
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			host: { class: "ds-link" },
+			styles: [":host:has(>span)>::ng-deep :is(ng-icon,svg){margin-inline:var(--ds-size-1);margin-inline-start:0}:host ::ng-deep ng-icon,:host>::ng-deep svg{display:inline-flex;vertical-align:middle;font-size:var(--ng-glyph__size, 1.3em)}:host ::ng-deep svg{width:1em;height:1em}\n"]
+		}]
+	}]
+});
 export { Link };
-//# sourceMappingURL=ks-digital-designsystem-angular-link.mjs.map
+//# sourceMappingURL=ks-digital-designsystem-angular-link.mjs.map

package/fesm2022/ks-digital-designsystem-angular-link.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ks-digital-designsystem-angular-link.mjs","~~sources~~":["~~../../../../packages/angular/link/src/link.ts~~","../../../../packages/angular/link/src/~~ks-digital-designsystem-angular-~~link.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'a[ksd-link]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: ` <ng-content /> `,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-link',\n },\n styles: `\n :~~host~~ {\n &:has(> span) > :is(ng-icon) {\n margin-inline: var(--ds-size-1);\n margin-inline-start: 0;\n }\n ng-icon {\n display: inline-flex;\n vertical-align: middle;\n font-size: var(--ng-~~icon-size~~, 1.3em);\n }\n svg {\n width: 1em;\n height: 1em;\n ~~}\n~~ }\n `,\n})\nexport class Link {}\n"~~,"/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"~~],"~~names":[],"~~mappings":"~~;;;;;MAyCa~~,~~IAAI~~,~~CAAA~~;~~uGAAJ~~,~~IAAI~~,~~EAAA~~,~~IAAA~~,EAAA,EAAA,EAAA,MAAA,~~EAAA~~,EAAA,~~CAAA~~,~~eAAA~~,CAAA,~~SAAA,EAAA,~~CAAA;~~AAAJ~~,~~IAAA~~,OAAA,~~IAAA,~~GAAA,EAAA,~~CAAA,oBAAA,CAAA,~~EAAA,~~UAAA,~~EAAA,~~QAAA~~,EAAA,~~OAAA,~~EAAA,~~QAAA~~,EAAA,~~IAAA~~,EAAA,~~IAAI~~,~~iQAhCL,~~CAAA,~~gBAAA~~,~~CAAkB~~,~~EAAA,~~QAAA,~~EAAA,IAAA,EAAA,MAAA,EAAA,~~CAAA,~~mNAAA~~,~~CAAA,~~EAAA,~~eAAA~~,~~EAAA~~,~~EAAA~~,~~CAAA~~,~~uBAAA,~~CAAA,~~MAAA~~,EAAA,CAAA~~;;2FAgCjB,IAAI,~~EAAA,UAAA,EAAA,~~CAAA~~;~~kBAnChB~~,~~SAAS~~;~~AACE~~,~~YAAA~~,~~IAAA~~,EAAA,CAAA,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~aAAa~~,~~mBACN~~,~~uBAAuB~~,~~CAAC~~,~~MAAM~~,~~EAAA~~,~~QAAA~~,~~EACrC~~,~~kBAAkB~~,~~EAAA~~,~~cAAA~~,~~EACZ~~;~~AACd~~,~~wBAAA~~;~~AACE~~,~~4BAAA~~,~~SAAS~~,~~EAAE~~,QAAQ~~;4BACnB~~,~~MAAM,EAAE,~~CAAC,WAAW~~,CAAC~~;~~AACtB~~,~~yBAAA~~;~~AACD~~,~~wBAAA~~;~~AACE~~,~~4BAAA~~,~~SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE,~~CAAC,YAAY~~,CAAC~~;~~AACvB~~,~~yBAAA~~;~~qBACF~~,~~EAAA~~,~~IAAA~~,~~EACK~~;~~AACJ~~,~~wBAAA~~,~~KAAK~~,~~EAAE,SAAS~~;~~AACjB,qBAAA,~~EAAA,~~MAAA,EAAA,~~CAAA~~,mNAAA,CAAA,EAAA;;;ACtBH;;AAEG;;;;~~"}
1	+ {"version":3,"file":"ks-digital-designsystem-angular-link.mjs","names":[],"sources":["../../../../packages/angular/link/src/link.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core'\nimport {\n HostColor,\n HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n selector: 'a[ksd-link]',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: ` <ng-content /> `,\n hostDirectives: [\n {\n directive: HostSize,\n inputs: ['data-size'],\n },\n {\n directive: HostColor,\n inputs: ['data-color'],\n },\n ],\n host: {\n class: 'ds-link',\n },\n styles: `\n /* Transcluded icons need ::ng-deep: they carry the consumer's scoping attribute */\n :host:has(> span) > ::ng-deep :is(ng-icon, svg) {\n margin-inline: var(--ds-size-1);\n margin-inline-start: 0;\n }\n\n :host ::ng-deep ng-icon,\n :host > ::ng-deep svg {\n display: inline-flex;\n vertical-align: middle;\n font-size: var(--ng-glyph__size, 1.3em);\n }\n\n :host ::ng-deep svg {\n width: 1em;\n height: 1em;\n }\n `,\n})\nexport class Link {}\n"],"mappings":";;;;AA2CA,IAAa,OAAb,MAAa,KAAI;CAAJ,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAI,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAJ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAI,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,UAAA;EAAA,gBAAA,CAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,aAAA,WAAA;EAAA,GAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,cAAA,YAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UAlCL;EAAkB,UAAA;EAAA,QAAA,CAAA,2QAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAkCjB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAI,YAAA,CAAA;EArChB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAa,iBACN,wBAAwB;GAAM,UACrC;GAAkB,gBACZ,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GAAA,MACK,EACJ,OAAO,UACR;GAAA,QAAA,CAAA,2QAAA;EAAA,CAAA"}