@ks-digital/designsystem-angular 0.0.1-alpha.8 → 0.0.1-alpha.80

package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs

@@ -0,0 +1,84 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, contentChild, effect, inject, signal } from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostSize, randomId } from "@ks-digital/designsystem-angular/__internals";
+import { Heading } from "@ks-digital/designsystem-angular/heading";
+var ErrorSummary = class ErrorSummary {
+	id = signal(randomId(), ...ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []);
+	heading = contentChild(Heading, ...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	el = inject(ElementRef);
+	constructor() {
+		effect(() => {
+			if (this.heading()) this.heading()?.setId(this.id());
+		});
+	}
+	focus() {
+		this.el.nativeElement.focus();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: ErrorSummary,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.2",
+		type: ErrorSummary,
+		isStandalone: true,
+		selector: "[ksd-error-summary]",
+		host: {
+			attributes: { "tabindex": "-1" },
+			properties: { "attr.aria-labelledby": "id()" },
+			classAttribute: "ds-error-summary"
+		},
+		queries: [{
+			propertyName: "heading",
+			first: true,
+			predicate: Heading,
+			descendants: true,
+			isSignal: true
+		}],
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}],
+		ngImport: i0,
+		template: ` <ng-content /> `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: ErrorSummary,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "[ksd-error-summary]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: ` <ng-content /> `,
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}],
+			host: {
+				class: "ds-error-summary",
+				tabindex: "-1",
+				"[attr.aria-labelledby]": "id()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { heading: [{
+		type: i0.ContentChild,
+		args: [i0.forwardRef(() => Heading), { isSignal: true }]
+	}] }
+});
+export { ErrorSummary };
+
+//# sourceMappingURL=ks-digital-designsystem-angular-error-summary.mjs.map

package/fesm2022/ks-digital-designsystem-angular-error-summary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-error-summary.mjs","names":[],"sources":["../../../../packages/angular/error-summary/src/error-summary.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  contentChild,\n  effect,\n  ElementRef,\n  inject,\n  signal,\n} from '@angular/core'\nimport {\n  HostSize,\n  randomId,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { Heading } from '@ks-digital/designsystem-angular/heading'\n\n@Component({\n  selector: '[ksd-error-summary]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: ` <ng-content /> `,\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n  ],\n  host: {\n    class: 'ds-error-summary',\n    tabindex: '-1',\n    '[attr.aria-labelledby]': 'id()',\n  },\n})\nexport class ErrorSummary {\n  protected id = signal(randomId())\n  private heading = contentChild(Heading)\n  private el = inject(ElementRef)\n\n  constructor() {\n    effect(() => {\n      if (this.heading()) {\n        this.heading()?.setId(this.id())\n      }\n    })\n  }\n\n  focus() {\n    this.el.nativeElement.focus()\n  }\n}\n"],"mappings":";;;;;AA+BA,IAAa,eAAb,MAAa,aAAY;CACb,KAAK,OAAO,SAAQ,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,KAAA,CAAA,+BAAA,CAAA,CAAA;CACzB,UAAU,aAAa,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC/B,KAAK,OAAO,UAAU;CAE9B,cAAA;EACE,aAAY;GACV,IAAI,KAAK,QAAO,GACd,KAAK,QAAO,CAAE,EAAE,MAAM,KAAK,GAAE,CAAE;EAEnC,CAAC;CACH;CAEA,QAAK;EACH,KAAK,GAAG,cAAc,MAAK;CAC7B;CAfW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAY,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAZ,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAY,cAAA;EAAA,UAAA;EAAA,MAAA;GAAA,YAAA,EAAA,YAAA,KAAA;GAAA,YAAA,EAAA,wBAAA,OAAA;GAAA,gBAAA;EAAA;EAAA,SAAA,CAAA;GAAA,cAAA;GAAA,OAAA;GAAA,WAEQ;GAAO,aAAA;GAAA,UAAA;EAAA,CAAA;EAAA,gBAAA,CAAA;GAAA,WAAA,GAAA;GAAA,QAAA,CAAA,aAAA,WAAA;EAAA,CAAA;EAAA,UAAA;EAAA,UAf5B;EAAkB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAajB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EAhBxB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;GACV,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,CACF;GACD,MAAM;IACJ,OAAO;IACP,UAAU;IACV,0BAA0B;GAC3B;EACF,CAAA;CAGgC,CAAA;CAAA,sBAAA,CAAA;CAAA,gBAAA,EAAA,SAAA,CAAA;EAAA,MAAA,GAAA;EAAA,MAAA,CAAA,GAAA,iBAAA,OAAO,GAAA,EAAA,UAAA,KAAA,CAAA;CAAA,CAAA,EAAA;AAAA,CAAA"}

package/fesm2022/ks-digital-designsystem-angular-forms.mjs

@@ -0,0 +1,514 @@
+import * as i0 from "@angular/core";
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, Directive, booleanAttribute, input, signal } from "@angular/core";
+import "@digdir/designsystemet-web/ds-field";
+import * as i1$1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+import * as i1 from "@ks-digital/designsystem-angular/validation-message";
+import { ValidationMessage } from "@ks-digital/designsystem-angular/validation-message";
+import "@digdir/designsystemet-web/fieldset";
+import "@digdir/designsystemet-web/readonly";
+var Field = class Field {
+	dataPosition = input(void 0, {
+		...ngDevMode ? { debugName: "dataPosition" } : /* istanbul ignore next */ {},
+		alias: "data-position"
+	});
+	position = input(void 0, ...ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []);
+	dataVariant = input(void 0, {
+		...ngDevMode ? { debugName: "dataVariant" } : /* istanbul ignore next */ {},
+		alias: "data-variant"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Field,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: Field,
+		isStandalone: true,
+		selector: "ksd-field",
+		inputs: {
+			dataPosition: {
+				classPropertyName: "dataPosition",
+				publicName: "data-position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			position: {
+				classPropertyName: "position",
+				publicName: "position",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			dataVariant: {
+				classPropertyName: "dataVariant",
+				publicName: "data-variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		hostDirectives: [{
+			directive: i1$1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1$1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: `
+    <ds-field
+      class="ds-field"
+      [attr.data-position]="dataPosition() ?? position() ?? 'start'"
+      [attr.data-variant]="dataVariant()"
+    >
+      <ng-content />
+    </ds-field>
+  `,
+		isInline: true,
+		styles: [":host{display:grid}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Field,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ksd-field",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			template: `
+    <ds-field
+      class="ds-field"
+      [attr.data-position]="dataPosition() ?? position() ?? 'start'"
+      [attr.data-variant]="dataVariant()"
+    >
+      <ng-content />
+    </ds-field>
+  `,
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			styles: [":host{display:grid}\n"]
+		}]
+	}],
+	propDecorators: {
+		dataPosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data-position",
+				required: false
+			}]
+		}],
+		position: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "position",
+				required: false
+			}]
+		}],
+		dataVariant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data-variant",
+				required: false
+			}]
+		}]
+	}
+});
+var FieldDescription = class FieldDescription {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: FieldDescription,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: FieldDescription,
+		isStandalone: true,
+		selector: "[ksd-field-description]",
+		host: { attributes: { "data-field": "description" } },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FieldDescription,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "[ksd-field-description]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "data-field": "description" },
+			template: `<ng-content />`
+		}]
+	}]
+});
+var FieldError = class FieldError {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: FieldError,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: FieldError,
+		isStandalone: true,
+		selector: "ksd-error, [ksd-error]",
+		hostDirectives: [{ directive: i1.ValidationMessage }],
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FieldError,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ksd-error, [ksd-error]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `<ng-content />`,
+			hostDirectives: [{ directive: ValidationMessage }]
+		}]
+	}]
+});
+var Fieldset = class Fieldset {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Fieldset,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: Fieldset,
+		isStandalone: true,
+		selector: "fieldset[ksd-fieldset]",
+		host: { classAttribute: "ds-fieldset" },
+		ngImport: i0,
+		template: ` <ng-content /> `,
+		isInline: true,
+		styles: [":host>::ng-deep ksd-field+ksd-field{margin-block-start:var(--ds-size-4)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Fieldset,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "fieldset[ksd-fieldset]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "ds-fieldset" },
+			template: ` <ng-content /> `,
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			styles: [":host>::ng-deep ksd-field+ksd-field{margin-block-start:var(--ds-size-4)}\n"]
+		}]
+	}]
+});
+var FieldsetDescription = class FieldsetDescription {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: FieldsetDescription,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: FieldsetDescription,
+		isStandalone: true,
+		selector: "p[ksd-fieldset-description]",
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FieldsetDescription,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p[ksd-fieldset-description]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `<ng-content />`,
+			host: {}
+		}]
+	}]
+});
+var FieldsetLegend = class FieldsetLegend {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: FieldsetLegend,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: FieldsetLegend,
+		isStandalone: true,
+		selector: "legend[ksd-fieldset-legend]",
+		host: { classAttribute: "ds-label" },
+		ngImport: i0,
+		template: ` <ng-content /> `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FieldsetLegend,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "legend[ksd-fieldset-legend]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "ds-label" },
+			template: ` <ng-content /> `
+		}]
+	}]
+});
+var Input = class Input {
+	value = signal("", ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	readonly = input(false, {
+		...ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ariaInvalid = input(false, {
+		...ngDevMode ? { debugName: "ariaInvalid" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute,
+		alias: "aria-invalid"
+	});
+	onClick(event) {
+		if (this.readonly()) event.preventDefault();
+	}
+	onInput(event) {
+		const val = event.target?.value;
+		this.value.set(val ?? "");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Input,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: Input,
+		isStandalone: true,
+		selector: "input[ksd-input], textarea[ksd-input], select[ksd-input]",
+		inputs: {
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaInvalid: {
+				classPropertyName: "ariaInvalid",
+				publicName: "aria-invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			listeners: {
+				"click": "onClick($event)",
+				"input": "onInput($event)"
+			},
+			properties: {
+				"attr.readonly": "readonly() ? true : null",
+				"attr.disabled": "disabled() ? true : null",
+				"attr.aria-invalid": "ariaInvalid() ? true : null"
+			},
+			classAttribute: "ds-input"
+		},
+		hostDirectives: [{
+			directive: i1$1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1$1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Input,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "input[ksd-input], textarea[ksd-input], select[ksd-input]",
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			host: {
+				class: "ds-input",
+				"[attr.readonly]": "readonly() ? true : null",
+				"[attr.disabled]": "disabled() ? true : null",
+				"[attr.aria-invalid]": "ariaInvalid() ? true : null",
+				"(click)": "onClick($event)",
+				"(input)": "onInput($event)"
+			}
+		}]
+	}],
+	propDecorators: {
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		ariaInvalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-invalid",
+				required: false
+			}]
+		}]
+	}
+});
+var Label = class Label {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Label,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: Label,
+		isStandalone: true,
+		selector: "ksd-label",
+		hostDirectives: [{
+			directive: i1$1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1$1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: `
+    <!-- eslint-disable @angular-eslint/template/label-has-associated-control -- Fieldobserver handles binding the label to the input -->
+    <label class="ds-label"><ng-content /></label>
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Label,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ksd-label",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			template: `
+    <!-- eslint-disable @angular-eslint/template/label-has-associated-control -- Fieldobserver handles binding the label to the input -->
+    <label class="ds-label"><ng-content /></label>
+  `
+		}]
+	}]
+});
+export { Field, FieldDescription, FieldError, Fieldset, FieldsetDescription, FieldsetLegend, Input, Label };
+
+//# sourceMappingURL=ks-digital-designsystem-angular-forms.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-forms.mjs","names":["i1","i1","i1"],"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

@@ -0,0 +1,70 @@
+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.2",
+		ngImport: i0,
+		type: Heading,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		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.2",
+	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