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

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

@@ -0,0 +1,137 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, Directive, ElementRef, afterNextRender, inject, input } from "@angular/core";
+import "@digdir/designsystemet-web/clickdelegatefor";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize, randomId } from "@ks-digital/designsystem-angular/__internals";
+const ATTR_CLICKDELEGATE = "data-clickdelegatefor";
+const SELECTOR_LINK = ":is(h1,h2,h3,h4,h5,h6) a";
+const SELECTOR_SKIP = "a,button,label,details,dialog,[role=\"button\"],[popover],[contenteditable]";
+var Card = class Card {
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	el = inject(ElementRef);
+	destroyRef = inject(DestroyRef);
+	generatedId = `ksd-card-link-${randomId()}`;
+	originalId = null;
+	constructor() {
+		afterNextRender(() => {
+			const card = this.el.nativeElement;
+			const link = card.querySelector(SELECTOR_LINK);
+			const skip = !link || link.parentElement?.closest(SELECTOR_SKIP);
+			if (card.hasAttribute(ATTR_CLICKDELEGATE) || skip) return;
+			this.originalId = link.id || null;
+			link.id = link.id || this.generatedId;
+			card.setAttribute(ATTR_CLICKDELEGATE, link.id);
+			this.destroyRef.onDestroy(() => {
+				if (this.originalId) link.id = this.originalId;
+				else link.removeAttribute("id");
+				card.removeAttribute(ATTR_CLICKDELEGATE);
+			});
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Card,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: Card,
+		isStandalone: true,
+		selector: "[ksd-card]",
+		inputs: { variant: {
+			classPropertyName: "variant",
+			publicName: "variant",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-variant": "variant()" },
+			classAttribute: "ds-card"
+		},
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Card,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ksd-card]",
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			host: {
+				class: "ds-card",
+				"[attr.data-variant]": "variant()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { variant: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "variant",
+			required: false
+		}]
+	}] }
+});
+var CardBlock = class CardBlock {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: CardBlock,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: CardBlock,
+		isStandalone: true,
+		selector: "[ksd-card-block]",
+		host: { classAttribute: "ds-card__block" },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: CardBlock,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "[ksd-card-block]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "ds-card__block" },
+			template: `<ng-content />`
+		}]
+	}]
+});
+export { Card, CardBlock };
+
+//# sourceMappingURL=ks-digital-designsystem-angular-card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-card.mjs","names":[],"sources":["../../../../packages/angular/card/src/card.ts","../../../../packages/angular/card/src/card-block.ts"],"sourcesContent":["import {\n  afterNextRender,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n} from '@angular/core'\nimport '@digdir/designsystemet-web/clickdelegatefor'\nimport {\n  HostColor,\n  HostSize,\n  randomId,\n} from '@ks-digital/designsystem-angular/__internals'\n\nconst ATTR_CLICKDELEGATE = 'data-clickdelegatefor'\nconst SELECTOR_LINK = ':is(h1,h2,h3,h4,h5,h6) a'\nconst SELECTOR_SKIP =\n  'a,button,label,details,dialog,[role=\"button\"],[popover],[contenteditable]'\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[ksd-card]',\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-card',\n    '[attr.data-variant]': 'variant()',\n  },\n})\nexport class Card {\n  /**\n   * Change the background color of the card\n   * @default 'default'\n   */\n  public variant = input<'tinted' | 'default'>('default')\n  private el = inject<ElementRef<HTMLElement>>(ElementRef)\n  private destroyRef = inject(DestroyRef)\n  private generatedId = `ksd-card-link-${randomId()}`\n  private originalId: string | null = null\n\n  constructor() {\n    afterNextRender(() => {\n      const card = this.el.nativeElement\n      const link = card.querySelector<HTMLAnchorElement>(SELECTOR_LINK)\n      const skip = !link || link.parentElement?.closest(SELECTOR_SKIP)\n\n      if (card.hasAttribute(ATTR_CLICKDELEGATE) || skip) return\n\n      this.originalId = link.id || null\n      link.id = link.id || this.generatedId\n      card.setAttribute(ATTR_CLICKDELEGATE, link.id)\n\n      this.destroyRef.onDestroy(() => {\n        if (this.originalId) {\n          link.id = this.originalId\n        } else {\n          link.removeAttribute('id')\n        }\n        card.removeAttribute(ATTR_CLICKDELEGATE)\n      })\n    })\n  }\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: '[ksd-card-block]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'ds-card__block',\n  },\n  template: `<ng-content />`,\n})\nexport class CardBlock {}\n"],"mappings":";;;;;AAeA,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB;AACtB,MAAM,gBACJ;AAoBF,IAAa,OAAb,MAAa,KAAI;CAKR,UAAU,MAA4B,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC/C,KAAK,OAAgC,UAAU;CAC/C,aAAa,OAAO,UAAU;CAC9B,cAAc,iBAAiB,SAAQ;CACvC,aAA4B;CAEpC,cAAA;EACE,sBAAqB;GACnB,MAAM,OAAO,KAAK,GAAG;GACrB,MAAM,OAAO,KAAK,cAAiC,aAAa;GAChE,MAAM,OAAO,CAAC,QAAQ,KAAK,eAAe,QAAQ,aAAa;GAE/D,IAAI,KAAK,aAAa,kBAAkB,KAAK,MAAM;GAEnD,KAAK,aAAa,KAAK,MAAM;GAC7B,KAAK,KAAK,KAAK,MAAM,KAAK;GAC1B,KAAK,aAAa,oBAAoB,KAAK,EAAE;GAE7C,KAAK,WAAW,gBAAe;IAC7B,IAAI,KAAK,YACP,KAAK,KAAK,KAAK;SAEf,KAAK,gBAAgB,IAAI;IAE3B,KAAK,gBAAgB,kBAAkB;GACzC,CAAC;EACH,CAAC;CACH;CAhCW,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,QAAA,EAAA,SAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,qBAAA,YAAA;GAAA,gBAAA;EAAA;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;CAAA,CAAA;;AAAJ,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAI,YAAA,CAAA;EAlBhB,MAAA;EAAU,MAAA,CAAA;GAET,UAAU;GACV,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GACD,MAAM;IACJ,OAAO;IACP,uBAAuB;GACxB;EACF,CAAA;;;;;;;;;;;;AC3BD,IAAa,YAAb,MAAa,UAAS;CAAT,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,iBAAA;EAAA,UAAA;EAAA,UAFV;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EARrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM,EACJ,OAAO,iBACR;GACD,UAAU;EACX,CAAA"}

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

@@ -0,0 +1,77 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var Chip = class Chip {
+	dataRemovable = input(false, {
+		...ngDevMode ? { debugName: "dataRemovable" } : /* istanbul ignore next */ {},
+		alias: "data-removable"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Chip,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: Chip,
+		isStandalone: true,
+		selector: "label[ksd-chip], button[ksd-chip]",
+		inputs: { dataRemovable: {
+			classPropertyName: "dataRemovable",
+			publicName: "data-removable",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: { classAttribute: "ds-chip" },
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Chip,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "label[ksd-chip], button[ksd-chip]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `<ng-content />`,
+			host: { class: "ds-chip" },
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}]
+		}]
+	}],
+	propDecorators: { dataRemovable: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "data-removable",
+			required: false
+		}]
+	}] }
+});
+export { Chip };
+
+//# sourceMappingURL=ks-digital-designsystem-angular-chip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-chip.mjs","names":[],"sources":["../../../../packages/angular/chip/src/chip.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\n\n@Component({\n  selector: 'label[ksd-chip], button[ksd-chip]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />`,\n  host: {\n    class: 'ds-chip',\n  },\n  hostDirectives: [\n    {\n      directive: HostSize,\n      inputs: ['data-size'],\n    },\n    {\n      directive: HostColor,\n      inputs: ['data-color'],\n    },\n  ],\n})\nexport class Chip {\n  /**\n   * Whether the chip is removable or not. If true, a remove icon will be displayed.\n   * If using this, you should add an aria-label as well, e.g \"Slett {item}\"\n   * @attribute data-removable\n   */\n  dataRemovable = input<boolean>(false, { alias: 'data-removable' })\n}\n"],"mappings":";;;;AAwBA,IAAa,OAAb,MAAa,KAAI;CAMf,gBAAgB,MAAe,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,gBAAA,+BAAA,CAAA;EAAI,OAAO;CAAgB,CAAA;CANpD,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,QAAA,EAAA,eAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;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,UAfL;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAef,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAI,YAAA,CAAA;EAlBhB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;GACV,MAAM,EACJ,OAAO,UACR;GACD,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;EACF,CAAA"}

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

@@ -0,0 +1,149 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, input } from "@angular/core";
+import "@digdir/designsystemet-web/details";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var Details = class Details {
+	dataVariant = input("default", {
+		...ngDevMode ? { debugName: "dataVariant" } : /* istanbul ignore next */ {},
+		alias: "data-variant"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Details,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: Details,
+		isStandalone: true,
+		selector: "details[ksd-details]",
+		inputs: { dataVariant: {
+			classPropertyName: "dataVariant",
+			publicName: "data-variant",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			properties: { "attr.data-variant": "dataVariant()" },
+			classAttribute: "ds-details"
+		},
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Details,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "details[ksd-details]",
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			host: {
+				class: "ds-details",
+				"[attr.data-variant]": "dataVariant()"
+			}
+		}]
+	}],
+	propDecorators: { dataVariant: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "data-variant",
+			required: false
+		}]
+	}] }
+});
+var DetailsContent = class DetailsContent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: DetailsContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: DetailsContent,
+		isStandalone: true,
+		selector: "ksd-details-content",
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DetailsContent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ksd-details-content",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `<ng-content />`
+		}]
+	}]
+});
+var DetailsSummary = class DetailsSummary {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: DetailsSummary,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: DetailsSummary,
+		isStandalone: true,
+		selector: "ksd-details-summary",
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DetailsSummary,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ksd-details-summary",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `<ng-content />`
+		}]
+	}]
+});
+export { Details, DetailsContent, DetailsSummary };
+
+//# sourceMappingURL=ks-digital-designsystem-angular-details.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-details.mjs","names":[],"sources":["../../../../packages/angular/details/src/details.ts","../../../../packages/angular/details/src/details-content.ts","../../../../packages/angular/details/src/details-summary.ts"],"sourcesContent":["import { Directive, input } from '@angular/core'\nimport '@digdir/designsystemet-web/details'\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: 'details[ksd-details]',\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-details',\n    '[attr.data-variant]': 'dataVariant()',\n  },\n})\nexport class Details {\n  readonly dataVariant = input<'default' | 'tinted'>('default', {\n    alias: 'data-variant',\n  })\n}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: 'ksd-details-content',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />`,\n})\nexport class DetailsContent {}\n","import { ChangeDetectionStrategy, Component } from '@angular/core'\n\n@Component({\n  selector: 'ksd-details-summary',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />`,\n})\nexport class DetailsSummary {}\n"],"mappings":";;;;;AAyBA,IAAa,UAAb,MAAa,QAAO;CACT,cAAc,MAA4B,WAAS;EAAA,GAAA,YAAA,EAAA,WAAA,cAAA,+BAAA,CAAA;EAC1D,OAAO;CAAc,CAAA;CAFZ,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,aAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,qBAAA,gBAAA;GAAA,gBAAA;EAAA;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;CAAA,CAAA;;AAAP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EAlBnB,MAAA;EAAU,MAAA,CAAA;GAET,UAAU;GACV,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GACD,MAAM;IACJ,OAAO;IACP,uBAAuB;GACxB;EACF,CAAA;;;;;;;;;;;ACjBD,IAAa,iBAAb,MAAa,eAAc;CAAd,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAFf;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAL1B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;EACX,CAAA;;;ACCD,IAAa,iBAAb,MAAa,eAAc;CAAd,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAFf;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAEf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EAL1B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,iBAAiB,wBAAwB;GACzC,UAAU;EACX,CAAA"}

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

@@ -0,0 +1,107 @@
+import * as i0 from "@angular/core";
+import { Directive, input } from "@angular/core";
+import "@digdir/designsystemet-web/dialog";
+import "@digdir/designsystemet-web/invokers";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var Dialog = class Dialog {
+	placement = input(void 0, {
+		...ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {},
+		alias: "data-placement"
+	});
+	closedBy = input(void 0, {
+		...ngDevMode ? { debugName: "closedBy" } : /* istanbul ignore next */ {},
+		alias: "closedby"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Dialog,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: Dialog,
+		isStandalone: true,
+		selector: "dialog[ksd-dialog]",
+		inputs: {
+			placement: {
+				classPropertyName: "placement",
+				publicName: "data-placement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closedBy: {
+				classPropertyName: "closedBy",
+				publicName: "closedby",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-placement": "placement() || undefined",
+				"attr.closedby": "closedBy() || null"
+			},
+			classAttribute: "ds-dialog"
+		},
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Dialog,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "dialog[ksd-dialog]",
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			host: {
+				class: "ds-dialog",
+				"[attr.data-placement]": "placement() || undefined",
+				"[attr.closedby]": "closedBy() || null"
+			}
+		}]
+	}],
+	propDecorators: {
+		placement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data-placement",
+				required: false
+			}]
+		}],
+		closedBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closedby",
+				required: false
+			}]
+		}]
+	}
+});
+export { Dialog };
+
+//# sourceMappingURL=ks-digital-designsystem-angular-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-dialog.mjs","names":[],"sources":["../../../../packages/angular/dialog/src/dialog.ts"],"sourcesContent":["import { Directive, input } from '@angular/core'\nimport '@digdir/designsystemet-web/dialog'\n// dialog.js reacts to `command` events but does not load the polyfill itself\nimport '@digdir/designsystemet-web/invokers'\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: 'dialog[ksd-dialog]',\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-dialog',\n    '[attr.data-placement]': 'placement() || undefined',\n    '[attr.closedby]': 'closedBy() || null',\n  },\n})\nexport class Dialog {\n  /** Controls where the dialog appears relative to the viewport edge. Useful for drawer/side-panel variants. */\n  readonly placement = input<'bottom' | 'top' | 'left' | 'right' | undefined>(\n    undefined,\n    { alias: 'data-placement' },\n  )\n\n  /**\n   * Controls which interactions close the dialog.\n   * - `any` — closes on backdrop click or Escape key\n   * - `closerequest` — closes on Escape key only\n   * - `none` — the dialog cannot be closed by the user without an explicit close button\n   */\n  readonly closedBy = input<'any' | 'closerequest' | 'none' | undefined>(\n    undefined,\n    { alias: 'closedby' },\n  )\n}\n"],"mappings":";;;;;;AA4BA,IAAa,SAAb,MAAa,OAAM;CAER,YAAY,MACnB,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EACP,OAAO;CAAgB,CAAA;CASlB,WAAW,MAClB,QAAS;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EACP,OAAO;CAAU,CAAA;CAfV,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAM,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAN,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAM,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,uBAAA;IAAA,iBAAA;GAAA;GAAA,gBAAA;EAAA;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;CAAA,CAAA;;AAAN,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAM,YAAA,CAAA;EAnBlB,MAAA;EAAU,MAAA,CAAA;GAET,UAAU;GACV,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GACD,MAAM;IACJ,OAAO;IACP,yBAAyB;IACzB,mBAAmB;GACpB;EACF,CAAA"}

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

@@ -0,0 +1,148 @@
+import * as i0 from "@angular/core";
+import { Directive, booleanAttribute, input } from "@angular/core";
+import "@digdir/designsystemet-web/popover";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var Dropdown = class Dropdown {
+	autoPlacement = input(true, {
+		...ngDevMode ? { debugName: "autoPlacement" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	variant = input("default", {
+		...ngDevMode ? { debugName: "variant" } : /* istanbul ignore next */ {},
+		alias: "data-variant"
+	});
+	placement = input("top", {
+		...ngDevMode ? { debugName: "placement" } : /* istanbul ignore next */ {},
+		alias: "data-placement"
+	});
+	popover = input("auto", {
+		...ngDevMode ? { debugName: "popover" } : /* istanbul ignore next */ {},
+		alias: "popover"
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: Dropdown,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: Dropdown,
+		isStandalone: true,
+		selector: "[ksd-dropdown]",
+		inputs: {
+			autoPlacement: {
+				classPropertyName: "autoPlacement",
+				publicName: "autoPlacement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "data-variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placement: {
+				classPropertyName: "placement",
+				publicName: "data-placement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			popover: {
+				classPropertyName: "popover",
+				publicName: "popover",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-variant": "variant()",
+				"attr.data-placement": "placement()",
+				"attr.data-autoplacement": "autoPlacement()",
+				"attr.popover": "popover()"
+			},
+			classAttribute: "ds-popover ds-dropdown"
+		},
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: Dropdown,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ksd-dropdown]",
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}],
+			host: {
+				class: "ds-popover ds-dropdown",
+				"[attr.data-variant]": "variant()",
+				"[attr.data-placement]": "placement()",
+				"[attr.data-autoplacement]": "autoPlacement()",
+				"[attr.popover]": "popover()"
+			}
+		}]
+	}],
+	propDecorators: {
+		autoPlacement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "autoPlacement",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data-variant",
+				required: false
+			}]
+		}],
+		placement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "data-placement",
+				required: false
+			}]
+		}],
+		popover: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "popover",
+				required: false
+			}]
+		}]
+	}
+});
+export { Dropdown };
+
+//# sourceMappingURL=ks-digital-designsystem-angular-dropdown.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ks-digital-designsystem-angular-dropdown.mjs","names":[],"sources":["../../../../packages/angular/dropdown/src/dropdown.ts"],"sourcesContent":["import { booleanAttribute, Directive, input } from '@angular/core'\nimport '@digdir/designsystemet-web/popover'\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: '[ksd-dropdown]',\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-popover ds-dropdown',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-placement]': 'placement()',\n    '[attr.data-autoplacement]': 'autoPlacement()',\n    '[attr.popover]': 'popover()',\n  },\n})\nexport class Dropdown {\n  readonly autoPlacement = input(true, { transform: booleanAttribute })\n  readonly variant = input<'tinted' | 'default'>('default', {\n    alias: 'data-variant',\n  })\n\n  // Todo: replace with centralized types\n  readonly placement = input<\n    | 'bottom'\n    | 'bottom-end'\n    | 'bottom-start'\n    | 'left'\n    | 'left-end'\n    | 'left-start'\n    | 'right'\n    | 'right-end'\n    | 'right-start'\n    | 'top'\n    | 'top-end'\n    | 'top-start'\n  >('top', { alias: 'data-placement' })\n\n  readonly popover = input<'auto' | 'manual'>('auto', { alias: 'popover' })\n}\n"],"mappings":";;;;;AA4BA,IAAa,WAAb,MAAa,SAAQ;CACV,gBAAgB,MAAM,MAAI;EAAA,GAAA,YAAA,EAAA,WAAA,gBAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CACzD,UAAU,MAA4B,WAAS;EAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;EACtD,OAAO;CAAc,CAAA;CAId,YAAY,MAanB,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAgB,CAAA;CAEzB,UAAU,MAAyB,QAAM;EAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;EAAI,OAAO;CAAS,CAAA;CAtB3D,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAQ,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAR,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAQ,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA;IAAA,qBAAA;IAAA,uBAAA;IAAA,2BAAA;IAAA,gBAAA;GAAA;GAAA,gBAAA;EAAA;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;CAAA,CAAA;;AAAR,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAQ,YAAA,CAAA;EArBpB,MAAA;EAAU,MAAA,CAAA;GAET,UAAU;GACV,gBAAgB,CACd;IACE,WAAW;IACX,QAAQ,CAAC,WAAW;GACrB,GACD;IACE,WAAW;IACX,QAAQ,CAAC,YAAY;GACtB,CACF;GACD,MAAM;IACJ,OAAO;IACP,uBAAuB;IACvB,yBAAyB;IACzB,6BAA6B;IAC7B,kBAAkB;GACnB;EACF,CAAA"}