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

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

@@ -1,130 +1,222 @@
-import * as i0 from '@angular/core';
-import { input, computed, Directive, numberAttribute, output, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
-import { pagination } from '@digdir/designsystemet-web/ds-pagination';
-import * as i1 from '@ks-digital/designsystem-angular/__internals';
-import { HostSize, HostColor } from '@ks-digital/designsystem-angular/__internals';
-
-class PaginationButton {
-    /**
-     * The page this control targets. Pass an entry from `pages().pages`, or a
-     * number for the previous/next controls.
-     */
-    page = input(null, { ...(ngDevMode ? { debugName: "page" } : /* istanbul ignore next */ {}), alias: 'ksdPaginationButton' });
-    pageNumber = computed(() => {
-        const value = this.page();
-        if (typeof value === 'number')
-            return value || null;
-        if (typeof value === 'object' && value?.type === 'page')
-            return value.page;
-        return null;
-    }, ...(ngDevMode ? [{ debugName: "pageNumber" }] : /* istanbul ignore next */ []));
-    isCurrent = computed(() => {
-        const value = this.page();
-        return typeof value === 'object' && value?.type === 'page' && value.current;
-    }, ...(ngDevMode ? [{ debugName: "isCurrent" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PaginationButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: PaginationButton, isStandalone: true, selector: "[ksdPaginationButton]", inputs: { page: { classPropertyName: "page", publicName: "ksdPaginationButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-variant": "tertiary" }, properties: { "attr.data-page": "pageNumber()", "attr.aria-current": "isCurrent() ? \"true\" : null" }, classAttribute: "ds-button" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: PaginationButton, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ksdPaginationButton]',
-                    host: {
-                        class: 'ds-button',
-                        // The pagination CSS restores the primary look for [aria-current=true].
-                        'data-variant': 'tertiary',
-                        '[attr.data-page]': 'pageNumber()',
-                        '[attr.aria-current]': 'isCurrent() ? "true" : null',
-                    },
-                }]
-        }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "ksdPaginationButton", required: false }] }] } });
-
-/** Open-in-new-tab and similar, which the browser should handle itself. */
+import * as i0 from "@angular/core";
+import { CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component, Directive, computed, input, numberAttribute, output } from "@angular/core";
+import { pagination } from "@digdir/designsystemet-web/ds-pagination";
+import * as i1 from "@ks-digital/designsystem-angular/__internals";
+import { HostColor, HostSize } from "@ks-digital/designsystem-angular/__internals";
+var PaginationButton = class PaginationButton {
+	page = input(null, {
+		...ngDevMode ? { debugName: "page" } : /* istanbul ignore next */ {},
+		alias: "ksdPaginationButton"
+	});
+	pageNumber = computed(() => {
+		const value = this.page();
+		if (typeof value === "number") return value || null;
+		if (typeof value === "object" && value?.type === "page") return value.page;
+		return null;
+	}, ...ngDevMode ? [{ debugName: "pageNumber" }] : /* istanbul ignore next */ []);
+	isCurrent = computed(() => {
+		const value = this.page();
+		return typeof value === "object" && value?.type === "page" && value.current;
+	}, ...ngDevMode ? [{ debugName: "isCurrent" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PaginationButton,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: PaginationButton,
+		isStandalone: true,
+		selector: "[ksdPaginationButton]",
+		inputs: { page: {
+			classPropertyName: "page",
+			publicName: "ksdPaginationButton",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-variant": "tertiary" },
+			properties: {
+				"attr.data-page": "pageNumber()",
+				"attr.aria-current": "isCurrent() ? \"true\" : null"
+			},
+			classAttribute: "ds-button"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PaginationButton,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[ksdPaginationButton]",
+			host: {
+				class: "ds-button",
+				"data-variant": "tertiary",
+				"[attr.data-page]": "pageNumber()",
+				"[attr.aria-current]": "isCurrent() ? \"true\" : null"
+			}
+		}]
+	}],
+	propDecorators: { page: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "ksdPaginationButton",
+			required: false
+		}]
+	}] }
+});
 const isModifiedClick = (e) => e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey;
-class Pagination {
-    /**
-     * The current page
-     */
-    current = input.required({ ...(ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    /**
-     * The total number of pages
-     */
-    total = input.required({ ...(ngDevMode ? { debugName: "total" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    /**
-     * Sets the screen reader label for the pagination
-     */
-    ariaLabel = input('Bla i sider', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
-    /**
-     * How many pages to show. Default is 7
-     */
-    show = input(7, { ...(ngDevMode ? { debugName: "show" } : /* istanbul ignore next */ {}), 
-        // numberAttribute defaults to NaN, which would collapse the page list.
-        transform: (value) => numberAttribute(value, 7) });
-    /**
-     * E.g if "?page=%d" all the links will set href to "?page=1", "?page=2".
-     */
-    href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
-    /**
-     * Label for the previous button. Only used when no content is projected.
-     */
-    previousLabel = input('Forrige', ...(ngDevMode ? [{ debugName: "previousLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Label for the next button. Only used when no content is projected.
-     */
-    nextLabel = input('Neste', ...(ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Screen reader label for each page. Only used when no content is projected.
-     */
-    pageLabel = input('Side %d', ...(ngDevMode ? [{ debugName: "pageLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Emits the page number when a page is clicked
-     */
-    pageClicked = output();
-    /**
-     * Exposes pagination data for consumer use
-     */
-    pages = computed(() => {
-        const result = pagination({
-            current: this.current(),
-            total: this.total(),
-            show: this.show(),
-        });
-        return {
-            pages: result.pages.map((p) => 
-            // The page helper uses 0 as the ellipsis sentinel.
-            p.page === 0
-                ? { type: 'ellipsis', key: p.key }
-                : {
-                    type: 'page',
-                    page: p.page,
-                    current: p.current === 'page',
-                    key: p.key,
-                }),
-            prev: result.prev,
-            next: result.next,
-        };
-    }, ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
-    hrefFor(page) {
-        return page ? (this.href()?.replace('%d', String(page)) ?? null) : null;
-    }
-    labelFor(page) {
-        return this.pageLabel().replace('%d', String(page));
-    }
-    onClick(e) {
-        const root = e.currentTarget;
-        const target = e.target.closest('button,a');
-        if (!target || !root.contains(target))
-            return;
-        if (target.matches('a[href]') && isModifiedClick(e))
-            return;
-        const page = Number(target.getAttribute('data-page'));
-        if (!page || page === this.current())
-            return;
-        e.preventDefault();
-        this.pageClicked.emit(page);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Pagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Pagination, isStandalone: true, selector: "ksd-pagination", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, previousLabel: { classPropertyName: "previousLabel", publicName: "previousLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, pageLabel: { classPropertyName: "pageLabel", publicName: "pageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageClicked: "pageClicked" }, hostDirectives: [{ directive: i1.HostSize, inputs: ["data-size", "data-size"] }, { directive: i1.HostColor, inputs: ["data-color", "data-color"] }], ngImport: i0, template: `
+var Pagination = class Pagination {
+	current = input.required({
+		...ngDevMode ? { debugName: "current" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	total = input.required({
+		...ngDevMode ? { debugName: "total" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	ariaLabel = input("Bla i sider", {
+		...ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {},
+		alias: "aria-label"
+	});
+	show = input(7, {
+		...ngDevMode ? { debugName: "show" } : /* istanbul ignore next */ {},
+		transform: (value) => numberAttribute(value, 7)
+	});
+	href = input(...ngDevMode ? [void 0, { debugName: "href" }] : /* istanbul ignore next */ []);
+	previousLabel = input("Forrige", ...ngDevMode ? [{ debugName: "previousLabel" }] : /* istanbul ignore next */ []);
+	nextLabel = input("Neste", ...ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []);
+	pageLabel = input("Side %d", ...ngDevMode ? [{ debugName: "pageLabel" }] : /* istanbul ignore next */ []);
+	pageClicked = output();
+	pages = computed(() => {
+		const result = pagination({
+			current: this.current(),
+			total: this.total(),
+			show: this.show()
+		});
+		return {
+			pages: result.pages.map((p) => p.page === 0 ? {
+				type: "ellipsis",
+				key: p.key
+			} : {
+				type: "page",
+				page: p.page,
+				current: p.current === "page",
+				key: p.key
+			}),
+			prev: result.prev,
+			next: result.next
+		};
+	}, ...ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []);
+	hrefFor(page) {
+		return page ? this.href()?.replace("%d", String(page)) ?? null : null;
+	}
+	labelFor(page) {
+		return this.pageLabel().replace("%d", String(page));
+	}
+	onClick(e) {
+		const root = e.currentTarget;
+		const target = e.target.closest("button,a");
+		if (!target || !root.contains(target)) return;
+		if (target.matches("a[href]") && isModifiedClick(e)) return;
+		const page = Number(target.getAttribute("data-page"));
+		if (!page || page === this.current()) return;
+		e.preventDefault();
+		this.pageClicked.emit(page);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Pagination,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Pagination,
+		isStandalone: true,
+		selector: "ksd-pagination",
+		inputs: {
+			current: {
+				classPropertyName: "current",
+				publicName: "current",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			total: {
+				classPropertyName: "total",
+				publicName: "total",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "aria-label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			show: {
+				classPropertyName: "show",
+				publicName: "show",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			href: {
+				classPropertyName: "href",
+				publicName: "href",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousLabel: {
+				classPropertyName: "previousLabel",
+				publicName: "previousLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextLabel: {
+				classPropertyName: "nextLabel",
+				publicName: "nextLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageLabel: {
+				classPropertyName: "pageLabel",
+				publicName: "pageLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { pageClicked: "pageClicked" },
+		hostDirectives: [{
+			directive: i1.HostSize,
+			inputs: ["data-size", "data-size"]
+		}, {
+			directive: i1.HostColor,
+			inputs: ["data-color", "data-color"]
+		}],
+		ngImport: i0,
+		template: `
     <ds-pagination
       class="ds-pagination"
       [attr.aria-label]="ariaLabel()"
@@ -197,19 +289,30 @@ class Pagination {
         </ol>
       </ng-content>
     </ds-pagination>
-  `, isInline: true, dependencies: [{ kind: "directive", type: PaginationButton, selector: "[ksdPaginationButton]", inputs: ["ksdPaginationButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Pagination, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ksd-pagination',
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                    imports: [PaginationButton],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    // Deliberately no data-current/data-total. Those put <ds-pagination> into the
-                    // mode where it rewrites aria-label, role, tabindex, value and href on every
-                    // button/a child. We render the accessible markup ourselves instead.
-                    template: `
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: PaginationButton,
+			selector: "[ksdPaginationButton]",
+			inputs: ["ksdPaginationButton"]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Pagination,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ksd-pagination",
+			schemas: [CUSTOM_ELEMENTS_SCHEMA],
+			imports: [PaginationButton],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `
     <ds-pagination
       class="ds-pagination"
       [attr.aria-label]="ariaLabel()"
@@ -283,22 +386,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
       </ng-content>
     </ds-pagination>
   `,
-                    hostDirectives: [
-                        {
-                            directive: HostSize,
-                            inputs: ['data-size'],
-                        },
-                        {
-                            directive: HostColor,
-                            inputs: ['data-color'],
-                        },
-                    ],
-                }]
-        }], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], previousLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousLabel", required: false }] }], nextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextLabel", required: false }] }], pageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageLabel", required: false }] }], pageClicked: [{ type: i0.Output, args: ["pageClicked"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+			hostDirectives: [{
+				directive: HostSize,
+				inputs: ["data-size"]
+			}, {
+				directive: HostColor,
+				inputs: ["data-color"]
+			}]
+		}]
+	}],
+	propDecorators: {
+		current: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "current",
+				required: true
+			}]
+		}],
+		total: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "total",
+				required: true
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aria-label",
+				required: false
+			}]
+		}],
+		show: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "show",
+				required: false
+			}]
+		}],
+		href: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "href",
+				required: false
+			}]
+		}],
+		previousLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousLabel",
+				required: false
+			}]
+		}],
+		nextLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextLabel",
+				required: false
+			}]
+		}],
+		pageLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageLabel",
+				required: false
+			}]
+		}],
+		pageClicked: [{
+			type: i0.Output,
+			args: ["pageClicked"]
+		}]
+	}
+});
 export { Pagination, PaginationButton };
-//# sourceMappingURL=ks-digital-designsystem-angular-pagination.mjs.map
+
+//# sourceMappingURL=ks-digital-designsystem-angular-pagination.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ks-digital-designsystem-angular-pagination.mjs","sources":["../../../../packages/angular/pagination/src/pagination.button.ts","../../../../packages/angular/pagination/src/pagination.ts","../../../../packages/angular/pagination/src/ks-digital-designsystem-angular-pagination.ts"],"sourcesContent":["import { computed, Directive, input } from '@angular/core'\nimport type { PaginationPage } from './pagination'\n\n/** Accepts a string so the valueless `<button ksdPaginationButton>` form still type-checks. */\ntype PageInput = PaginationPage | number | string | null | undefined\n\n@Directive({\n  selector: '[ksdPaginationButton]',\n  host: {\n    class: 'ds-button',\n    // The pagination CSS restores the primary look for [aria-current=true].\n    'data-variant': 'tertiary',\n    '[attr.data-page]': 'pageNumber()',\n    '[attr.aria-current]': 'isCurrent() ? \"true\" : null',\n  },\n})\nexport class PaginationButton {\n  /**\n   * The page this control targets. Pass an entry from `pages().pages`, or a\n   * number for the previous/next controls.\n   */\n  readonly page = input<PageInput>(null, { alias: 'ksdPaginationButton' })\n\n  protected readonly pageNumber = computed(() => {\n    const value = this.page()\n    if (typeof value === 'number') return value || null\n    if (typeof value === 'object' && value?.type === 'page') return value.page\n    return null\n  })\n\n  protected readonly isCurrent = computed(() => {\n    const value = this.page()\n    return typeof value === 'object' && value?.type === 'page' && value.current\n  })\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  input,\n  numberAttribute,\n  output,\n} from '@angular/core'\nimport { pagination } from '@digdir/designsystemet-web/ds-pagination'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { PaginationButton } from './pagination.button'\n\n/**\n * A page entry, or an ellipsis placeholder that renders as an empty `<li>`.\n */\nexport type PaginationPage =\n  | { type: 'page'; page: number; current: boolean; key: string }\n  | { type: 'ellipsis'; key: string }\n\nexport interface PaginationPages {\n  pages: PaginationPage[]\n  prev: number\n  next: number\n}\n\n/** Open-in-new-tab and similar, which the browser should handle itself. */\nconst isModifiedClick = (e: MouseEvent) =>\n  e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey\n\n@Component({\n  selector: 'ksd-pagination',\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  imports: [PaginationButton],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // Deliberately no data-current/data-total. Those put <ds-pagination> into the\n  // mode where it rewrites aria-label, role, tabindex, value and href on every\n  // button/a child. We render the accessible markup ourselves instead.\n  template: `\n    <ds-pagination\n      class=\"ds-pagination\"\n      [attr.aria-label]=\"ariaLabel()\"\n      (click)=\"onClick($event)\"\n    >\n      <ng-content>\n        <ol>\n          <li>\n            @if (href()) {\n              <a\n                [ksdPaginationButton]=\"pages().prev\"\n                [attr.href]=\"hrefFor(pages().prev)\"\n                [attr.aria-hidden]=\"pages().prev ? null : 'true'\"\n                >{{ previousLabel() }}</a\n              >\n            } @else {\n              <button\n                type=\"button\"\n                [ksdPaginationButton]=\"pages().prev\"\n                [disabled]=\"!pages().prev\"\n                [attr.aria-hidden]=\"pages().prev ? null : 'true'\"\n              >\n                {{ previousLabel() }}\n              </button>\n            }\n          </li>\n          @for (page of pages().pages; track page.key) {\n            @if (page.type === 'page') {\n              <li>\n                @if (href()) {\n                  <a\n                    [ksdPaginationButton]=\"page\"\n                    [attr.href]=\"hrefFor(page.page)\"\n                    [attr.aria-label]=\"labelFor(page.page)\"\n                    >{{ page.page }}</a\n                  >\n                } @else {\n                  <button\n                    type=\"button\"\n                    [ksdPaginationButton]=\"page\"\n                    [attr.aria-label]=\"labelFor(page.page)\"\n                  >\n                    {{ page.page }}\n                  </button>\n                }\n              </li>\n            } @else {\n              <li></li>\n            }\n          }\n          <li>\n            @if (href()) {\n              <a\n                [ksdPaginationButton]=\"pages().next\"\n                [attr.href]=\"hrefFor(pages().next)\"\n                [attr.aria-hidden]=\"pages().next ? null : 'true'\"\n                >{{ nextLabel() }}</a\n              >\n            } @else {\n              <button\n                type=\"button\"\n                [ksdPaginationButton]=\"pages().next\"\n                [disabled]=\"!pages().next\"\n                [attr.aria-hidden]=\"pages().next ? null : 'true'\"\n              >\n                {{ nextLabel() }}\n              </button>\n            }\n          </li>\n        </ol>\n      </ng-content>\n    </ds-pagination>\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 Pagination {\n  /**\n   * The current page\n   */\n  readonly current = input.required<number, string | number>({\n    transform: numberAttribute,\n  })\n\n  /**\n   * The total number of pages\n   */\n  readonly total = input.required<number, string | number>({\n    transform: numberAttribute,\n  })\n\n  /**\n   * Sets the screen reader label for the pagination\n   */\n  readonly ariaLabel = input<string>('Bla i sider', { alias: 'aria-label' })\n\n  /**\n   * How many pages to show. Default is 7\n   */\n  readonly show = input(7, {\n    // numberAttribute defaults to NaN, which would collapse the page list.\n    transform: (value: unknown) => numberAttribute(value, 7),\n  })\n\n  /**\n   * E.g if \"?page=%d\" all the links will set href to \"?page=1\", \"?page=2\".\n   */\n  readonly href = input<string>()\n\n  /**\n   * Label for the previous button. Only used when no content is projected.\n   */\n  readonly previousLabel = input('Forrige')\n\n  /**\n   * Label for the next button. Only used when no content is projected.\n   */\n  readonly nextLabel = input('Neste')\n\n  /**\n   * Screen reader label for each page. Only used when no content is projected.\n   */\n  readonly pageLabel = input('Side %d')\n\n  /**\n   * Emits the page number when a page is clicked\n   */\n  readonly pageClicked = output<number>()\n\n  /**\n   * Exposes pagination data for consumer use\n   */\n  readonly pages = computed<PaginationPages>(() => {\n    const result = pagination({\n      current: this.current(),\n      total: this.total(),\n      show: this.show(),\n    })\n    return {\n      pages: result.pages.map((p) =>\n        // The page helper uses 0 as the ellipsis sentinel.\n        p.page === 0\n          ? { type: 'ellipsis', key: p.key }\n          : {\n              type: 'page',\n              page: p.page,\n              current: p.current === 'page',\n              key: p.key,\n            },\n      ),\n      prev: result.prev,\n      next: result.next,\n    }\n  })\n\n  protected hrefFor(page: number) {\n    return page ? (this.href()?.replace('%d', String(page)) ?? null) : null\n  }\n\n  protected labelFor(page: number) {\n    return this.pageLabel().replace('%d', String(page))\n  }\n\n  protected onClick(e: MouseEvent) {\n    const root = e.currentTarget as HTMLElement\n    const target = (e.target as HTMLElement).closest('button,a')\n    if (!target || !root.contains(target)) return\n\n    if (target.matches('a[href]') && isModifiedClick(e)) return\n\n    const page = Number(target.getAttribute('data-page'))\n    if (!page || page === this.current()) return\n\n    e.preventDefault()\n    this.pageClicked.emit(page)\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ks-digital-designsystem-angular-pagination.mjs","names":[],"sources":["../../../../packages/angular/pagination/src/pagination.button.ts","../../../../packages/angular/pagination/src/pagination.ts"],"sourcesContent":["import { computed, Directive, input } from '@angular/core'\nimport type { PaginationPage } from './pagination'\n\n/** Accepts a string so the valueless `<button ksdPaginationButton>` form still type-checks. */\ntype PageInput = PaginationPage | number | string | null | undefined\n\n@Directive({\n  selector: '[ksdPaginationButton]',\n  host: {\n    class: 'ds-button',\n    // The pagination CSS restores the primary look for [aria-current=true].\n    'data-variant': 'tertiary',\n    '[attr.data-page]': 'pageNumber()',\n    '[attr.aria-current]': 'isCurrent() ? \"true\" : null',\n  },\n})\nexport class PaginationButton {\n  /**\n   * The page this control targets. Pass an entry from `pages().pages`, or a\n   * number for the previous/next controls.\n   */\n  readonly page = input<PageInput>(null, { alias: 'ksdPaginationButton' })\n\n  protected readonly pageNumber = computed(() => {\n    const value = this.page()\n    if (typeof value === 'number') return value || null\n    if (typeof value === 'object' && value?.type === 'page') return value.page\n    return null\n  })\n\n  protected readonly isCurrent = computed(() => {\n    const value = this.page()\n    return typeof value === 'object' && value?.type === 'page' && value.current\n  })\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  CUSTOM_ELEMENTS_SCHEMA,\n  input,\n  numberAttribute,\n  output,\n} from '@angular/core'\nimport { pagination } from '@digdir/designsystemet-web/ds-pagination'\nimport {\n  HostColor,\n  HostSize,\n} from '@ks-digital/designsystem-angular/__internals'\nimport { PaginationButton } from './pagination.button'\n\n/**\n * A page entry, or an ellipsis placeholder that renders as an empty `<li>`.\n */\nexport type PaginationPage =\n  | { type: 'page'; page: number; current: boolean; key: string }\n  | { type: 'ellipsis'; key: string }\n\nexport interface PaginationPages {\n  pages: PaginationPage[]\n  prev: number\n  next: number\n}\n\n/** Open-in-new-tab and similar, which the browser should handle itself. */\nconst isModifiedClick = (e: MouseEvent) =>\n  e.button !== 0 || e.ctrlKey || e.metaKey || e.shiftKey || e.altKey\n\n@Component({\n  selector: 'ksd-pagination',\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\n  imports: [PaginationButton],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  // Deliberately no data-current/data-total. Those put <ds-pagination> into the\n  // mode where it rewrites aria-label, role, tabindex, value and href on every\n  // button/a child. We render the accessible markup ourselves instead.\n  template: `\n    <ds-pagination\n      class=\"ds-pagination\"\n      [attr.aria-label]=\"ariaLabel()\"\n      (click)=\"onClick($event)\"\n    >\n      <ng-content>\n        <ol>\n          <li>\n            @if (href()) {\n              <a\n                [ksdPaginationButton]=\"pages().prev\"\n                [attr.href]=\"hrefFor(pages().prev)\"\n                [attr.aria-hidden]=\"pages().prev ? null : 'true'\"\n                >{{ previousLabel() }}</a\n              >\n            } @else {\n              <button\n                type=\"button\"\n                [ksdPaginationButton]=\"pages().prev\"\n                [disabled]=\"!pages().prev\"\n                [attr.aria-hidden]=\"pages().prev ? null : 'true'\"\n              >\n                {{ previousLabel() }}\n              </button>\n            }\n          </li>\n          @for (page of pages().pages; track page.key) {\n            @if (page.type === 'page') {\n              <li>\n                @if (href()) {\n                  <a\n                    [ksdPaginationButton]=\"page\"\n                    [attr.href]=\"hrefFor(page.page)\"\n                    [attr.aria-label]=\"labelFor(page.page)\"\n                    >{{ page.page }}</a\n                  >\n                } @else {\n                  <button\n                    type=\"button\"\n                    [ksdPaginationButton]=\"page\"\n                    [attr.aria-label]=\"labelFor(page.page)\"\n                  >\n                    {{ page.page }}\n                  </button>\n                }\n              </li>\n            } @else {\n              <li></li>\n            }\n          }\n          <li>\n            @if (href()) {\n              <a\n                [ksdPaginationButton]=\"pages().next\"\n                [attr.href]=\"hrefFor(pages().next)\"\n                [attr.aria-hidden]=\"pages().next ? null : 'true'\"\n                >{{ nextLabel() }}</a\n              >\n            } @else {\n              <button\n                type=\"button\"\n                [ksdPaginationButton]=\"pages().next\"\n                [disabled]=\"!pages().next\"\n                [attr.aria-hidden]=\"pages().next ? null : 'true'\"\n              >\n                {{ nextLabel() }}\n              </button>\n            }\n          </li>\n        </ol>\n      </ng-content>\n    </ds-pagination>\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 Pagination {\n  /**\n   * The current page\n   */\n  readonly current = input.required<number, string | number>({\n    transform: numberAttribute,\n  })\n\n  /**\n   * The total number of pages\n   */\n  readonly total = input.required<number, string | number>({\n    transform: numberAttribute,\n  })\n\n  /**\n   * Sets the screen reader label for the pagination\n   */\n  readonly ariaLabel = input<string>('Bla i sider', { alias: 'aria-label' })\n\n  /**\n   * How many pages to show. Default is 7\n   */\n  readonly show = input(7, {\n    // numberAttribute defaults to NaN, which would collapse the page list.\n    transform: (value: unknown) => numberAttribute(value, 7),\n  })\n\n  /**\n   * E.g if \"?page=%d\" all the links will set href to \"?page=1\", \"?page=2\".\n   */\n  readonly href = input<string>()\n\n  /**\n   * Label for the previous button. Only used when no content is projected.\n   */\n  readonly previousLabel = input('Forrige')\n\n  /**\n   * Label for the next button. Only used when no content is projected.\n   */\n  readonly nextLabel = input('Neste')\n\n  /**\n   * Screen reader label for each page. Only used when no content is projected.\n   */\n  readonly pageLabel = input('Side %d')\n\n  /**\n   * Emits the page number when a page is clicked\n   */\n  readonly pageClicked = output<number>()\n\n  /**\n   * Exposes pagination data for consumer use\n   */\n  readonly pages = computed<PaginationPages>(() => {\n    const result = pagination({\n      current: this.current(),\n      total: this.total(),\n      show: this.show(),\n    })\n    return {\n      pages: result.pages.map((p) =>\n        // The page helper uses 0 as the ellipsis sentinel.\n        p.page === 0\n          ? { type: 'ellipsis', key: p.key }\n          : {\n              type: 'page',\n              page: p.page,\n              current: p.current === 'page',\n              key: p.key,\n            },\n      ),\n      prev: result.prev,\n      next: result.next,\n    }\n  })\n\n  protected hrefFor(page: number) {\n    return page ? (this.href()?.replace('%d', String(page)) ?? null) : null\n  }\n\n  protected labelFor(page: number) {\n    return this.pageLabel().replace('%d', String(page))\n  }\n\n  protected onClick(e: MouseEvent) {\n    const root = e.currentTarget as HTMLElement\n    const target = (e.target as HTMLElement).closest('button,a')\n    if (!target || !root.contains(target)) return\n\n    if (target.matches('a[href]') && isModifiedClick(e)) return\n\n    const page = Number(target.getAttribute('data-page'))\n    if (!page || page === this.current()) return\n\n    e.preventDefault()\n    this.pageClicked.emit(page)\n  }\n}\n"],"mappings":"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"}

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

@@ -1,25 +1,42 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-
-class Paragraph {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Paragraph, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: Paragraph, isStandalone: true, selector: "p[ksd-paragraph]", host: { classAttribute: "ds-paragraph" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Paragraph, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'p[ksd-paragraph]',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `<ng-content />`,
-                    host: {
-                        class: 'ds-paragraph',
-                    },
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+var Paragraph = class Paragraph {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Paragraph,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.0",
+		type: Paragraph,
+		isStandalone: true,
+		selector: "p[ksd-paragraph]",
+		host: { classAttribute: "ds-paragraph" },
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Paragraph,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "p[ksd-paragraph]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: `<ng-content />`,
+			host: { class: "ds-paragraph" }
+		}]
+	}]
+});
 export { Paragraph };
-//# sourceMappingURL=ks-digital-designsystem-angular-paragraph.mjs.map
+
+//# sourceMappingURL=ks-digital-designsystem-angular-paragraph.mjs.map