@hyalo/angular 0.0.0-stage → 0.3.1

package/fesm2022/hyalo-angular-pagination.mjs

@@ -0,0 +1,187 @@
+import { HyLocale } from "@hyalo/angular/core";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input, model } from "@angular/core";
+const positive = (value) => Number.isFinite(value) ? Math.min(Number.MAX_SAFE_INTEGER, Math.max(1, Math.floor(value))) : 1;
+var HyPagination = class HyPagination {
+	page = model(1, ...ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []);
+	total = input.required(...ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []);
+	pageSize = input(10, ...ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []);
+	locale = input(...ngDevMode ? [void 0, { debugName: "locale" }] : /* istanbul ignore next */ []);
+	globalLocale = inject(HyLocale);
+	effectiveLocale = computed(() => this.locale() ?? this.globalLocale.locale(), ...ngDevMode ? [{ debugName: "effectiveLocale" }] : /* istanbul ignore next */ []);
+	label = input("Pagination", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	previousLabel = input("Previous page", ...ngDevMode ? [{ debugName: "previousLabel" }] : /* istanbul ignore next */ []);
+	nextLabel = input("Next page", ...ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []);
+	pageCount = computed(() => Math.max(1, Math.min(Number.MAX_SAFE_INTEGER, Math.ceil((Number.isFinite(this.total()) ? Math.max(0, this.total()) : 0) / positive(this.pageSize())))), ...ngDevMode ? [{ debugName: "pageCount" }] : /* istanbul ignore next */ []);
+	current = computed(() => Math.min(this.pageCount(), positive(this.page())), ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	pages = computed(() => {
+		const current = this.current(), last = this.pageCount(), set = /* @__PURE__ */ new Set([1, last]);
+		for (let n = Math.max(1, current - 1); n <= Math.min(last, current + 1); n++) set.add(n);
+		const nums = [...set].sort((a, b) => a - b), result = [];
+		const fmt = new Intl.NumberFormat(this.effectiveLocale());
+		let previous = 0;
+		for (const value of nums) {
+			if (previous && value - previous > 1) result.push(null);
+			result.push({
+				value,
+				label: fmt.format(value)
+			});
+			previous = value;
+		}
+		return result;
+	}, ...ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []);
+	go(page) {
+		const next = Math.min(this.pageCount(), positive(page));
+		if (next !== this.current()) this.page.set(next);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyPagination,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyPagination,
+		isStandalone: true,
+		selector: "hy-pagination",
+		inputs: {
+			page: {
+				classPropertyName: "page",
+				publicName: "page",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			total: {
+				classPropertyName: "total",
+				publicName: "total",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			pageSize: {
+				classPropertyName: "pageSize",
+				publicName: "pageSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				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
+			}
+		},
+		outputs: { page: "pageChange" },
+		ngImport: i0,
+		template: "<nav [attr.aria-label]=\"label()\">\r\n  <button\r\n    type=\"button\"\r\n    [attr.aria-label]=\"previousLabel()\"\r\n    [disabled]=\"current() === 1\"\r\n    (click)=\"go(current() - 1)\"\r\n  >\r\n    <span aria-hidden=\"true\" class=\"arrow\">‹</span>\r\n  </button>\r\n  @for (item of pages(); track $index) {\r\n    @if (item) {\r\n      <button\r\n        type=\"button\"\r\n        [attr.aria-label]=\"'Page ' + item.label\"\r\n        [attr.aria-current]=\"item.value === current() ? 'page' : null\"\r\n        (click)=\"go(item.value)\"\r\n      >\r\n        {{ item.label }}\r\n      </button>\r\n    } @else {\r\n      <span aria-hidden=\"true\">…</span>\r\n    }\r\n  }\r\n  <button\r\n    type=\"button\"\r\n    [attr.aria-label]=\"nextLabel()\"\r\n    [disabled]=\"current() === pageCount()\"\r\n    (click)=\"go(current() + 1)\"\r\n  >\r\n    <span aria-hidden=\"true\" class=\"arrow\">›</span>\r\n  </button>\r\n</nav>\r\n",
+		styles: [":host{display:block}nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}button{min-inline-size:44px;min-block-size:44px;padding:.5rem;border:1px solid transparent;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}button:hover:enabled{background:var(--hy-surface-3)}button[aria-current]{background:var(--hy-primary);color:var(--hy-primary-ink)}button:disabled{opacity:.4;cursor:default}.arrow{display:block;font-size:1.5rem}:host-context([dir=\"rtl\"]) .arrow{transform:scaleX(-1)}:is(button,a,input):focus-visible{outline:2px solid var(--hy-primary);outline-offset:3px}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyPagination,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-pagination",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<nav [attr.aria-label]=\"label()\">\r\n  <button\r\n    type=\"button\"\r\n    [attr.aria-label]=\"previousLabel()\"\r\n    [disabled]=\"current() === 1\"\r\n    (click)=\"go(current() - 1)\"\r\n  >\r\n    <span aria-hidden=\"true\" class=\"arrow\">‹</span>\r\n  </button>\r\n  @for (item of pages(); track $index) {\r\n    @if (item) {\r\n      <button\r\n        type=\"button\"\r\n        [attr.aria-label]=\"'Page ' + item.label\"\r\n        [attr.aria-current]=\"item.value === current() ? 'page' : null\"\r\n        (click)=\"go(item.value)\"\r\n      >\r\n        {{ item.label }}\r\n      </button>\r\n    } @else {\r\n      <span aria-hidden=\"true\">…</span>\r\n    }\r\n  }\r\n  <button\r\n    type=\"button\"\r\n    [attr.aria-label]=\"nextLabel()\"\r\n    [disabled]=\"current() === pageCount()\"\r\n    (click)=\"go(current() + 1)\"\r\n  >\r\n    <span aria-hidden=\"true\" class=\"arrow\">›</span>\r\n  </button>\r\n</nav>\r\n",
+			styles: [":host{display:block}nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}button{min-inline-size:44px;min-block-size:44px;padding:.5rem;border:1px solid transparent;border-radius:var(--hy-radius-s);background:transparent;color:var(--hy-ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}button:hover:enabled{background:var(--hy-surface-3)}button[aria-current]{background:var(--hy-primary);color:var(--hy-primary-ink)}button:disabled{opacity:.4;cursor:default}.arrow{display:block;font-size:1.5rem}:host-context([dir=\"rtl\"]) .arrow{transform:scaleX(-1)}:is(button,a,input):focus-visible{outline:2px solid var(--hy-primary);outline-offset:3px}\n"]
+		}]
+	}],
+	propDecorators: {
+		page: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "page",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["pageChange"]
+		}],
+		total: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "total",
+				required: true
+			}]
+		}],
+		pageSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSize",
+				required: false
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		previousLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousLabel",
+				required: false
+			}]
+		}],
+		nextLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { HyPagination };
+
+//# sourceMappingURL=hyalo-angular-pagination.mjs.map

package/fesm2022/hyalo-angular-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-pagination.mjs","names":[],"sources":["../../../projects/hyalo/pagination/pagination.ts","../../../projects/hyalo/pagination/pagination.html"],"sourcesContent":["import { HyLocale } from '@hyalo/angular/core';\r\nimport { ChangeDetectionStrategy, Component, computed, input, model } from '@angular/core';\r\nimport { inject } from '@angular/core';\r\nconst positive = (value: number): number =>\r\n  Number.isFinite(value) ? Math.min(Number.MAX_SAFE_INTEGER, Math.max(1, Math.floor(value))) : 1;\r\n@Component({\r\n  selector: 'hy-pagination',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './pagination.html',\r\n  styleUrl: './pagination.css',\r\n})\r\nexport class HyPagination {\r\n  readonly page = model(1);\r\n  readonly total = input.required<number>();\r\n  readonly pageSize = input(10);\r\n  readonly locale = input<string>();\r\n  private readonly globalLocale = inject(HyLocale);\r\n  private readonly effectiveLocale = computed(() => this.locale() ?? this.globalLocale.locale());\r\n  readonly label = input('Pagination');\r\n  readonly previousLabel = input('Previous page');\r\n  readonly nextLabel = input('Next page');\r\n  readonly pageCount = computed(() =>\r\n    Math.max(\r\n      1,\r\n      Math.min(\r\n        Number.MAX_SAFE_INTEGER,\r\n        Math.ceil(\r\n          (Number.isFinite(this.total()) ? Math.max(0, this.total()) : 0) /\r\n            positive(this.pageSize()),\r\n        ),\r\n      ),\r\n    ),\r\n  );\r\n  readonly current = computed(() => Math.min(this.pageCount(), positive(this.page())));\r\n  readonly pages = computed(() => {\r\n    const current = this.current(),\r\n      last = this.pageCount(),\r\n      set = new Set([1, last]);\r\n    for (let n = Math.max(1, current - 1); n <= Math.min(last, current + 1); n++) set.add(n);\r\n    const nums = [...set].sort((a, b) => a - b),\r\n      result: ({ value: number; label: string } | null)[] = [];\r\n    const fmt = new Intl.NumberFormat(this.effectiveLocale());\r\n    let previous = 0;\r\n    for (const value of nums) {\r\n      if (previous && value - previous > 1) result.push(null);\r\n      result.push({ value, label: fmt.format(value) });\r\n      previous = value;\r\n    }\r\n    return result;\r\n  });\r\n  go(page: number): void {\r\n    const next = Math.min(this.pageCount(), positive(page));\r\n    if (next !== this.current()) this.page.set(next);\r\n  }\r\n}\r\n","<nav [attr.aria-label]=\"label()\">\r\n  <button\r\n    type=\"button\"\r\n    [attr.aria-label]=\"previousLabel()\"\r\n    [disabled]=\"current() === 1\"\r\n    (click)=\"go(current() - 1)\"\r\n  >\r\n    <span aria-hidden=\"true\" class=\"arrow\">‹</span>\r\n  </button>\r\n  @for (item of pages(); track $index) {\r\n    @if (item) {\r\n      <button\r\n        type=\"button\"\r\n        [attr.aria-label]=\"'Page ' + item.label\"\r\n        [attr.aria-current]=\"item.value === current() ? 'page' : null\"\r\n        (click)=\"go(item.value)\"\r\n      >\r\n        {{ item.label }}\r\n      </button>\r\n    } @else {\r\n      <span aria-hidden=\"true\">…</span>\r\n    }\r\n  }\r\n  <button\r\n    type=\"button\"\r\n    [attr.aria-label]=\"nextLabel()\"\r\n    [disabled]=\"current() === pageCount()\"\r\n    (click)=\"go(current() + 1)\"\r\n  >\r\n    <span aria-hidden=\"true\" class=\"arrow\">›</span>\r\n  </button>\r\n</nav>\r\n"],"mappings":";;;AAGA,MAAM,YAAY,UAChB,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,OAAO,kBAAkB,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC,IAAI;AAO/F,IAAa,eAAb,MAAa,aAAY;CACd,OAAO,MAAM,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACf,QAAQ,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAChC,WAAW,MAAM,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACpB,SAAS,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAChB,eAAe,OAAO,QAAQ;CAC9B,kBAAkB,eAAe,KAAK,OAAM,KAAM,KAAK,aAAa,OAAM,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,kBAAA,CAAA,+BAAA,CAAA,CAAA;CACrF,QAAQ,MAAM,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,gBAAgB,MAAM,iBAAgB,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CACtC,YAAY,MAAM,aAAY,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAC9B,YAAY,eACnB,KAAK,IACH,GACA,KAAK,IACH,OAAO,kBACP,KAAK,MACF,OAAO,SAAS,KAAK,MAAK,CAAE,IAAI,KAAK,IAAI,GAAG,KAAK,MAAK,CAAE,IAAI,KAC3D,SAAS,KAAK,SAAQ,CAAE,CAAC,CAC5B,CACF,GAEJ,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CACQ,UAAU,eAAe,KAAK,IAAI,KAAK,UAAS,GAAI,SAAS,KAAK,KAAI,CAAE,CAAC,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAC3E,QAAQ,eAAc;EAC7B,MAAM,UAAU,KAAK,QAAO,GAC1B,OAAO,KAAK,UAAS,GACrB,sBAAM,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC;EACzB,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,UAAU,CAAC,GAAG,KAAK,KAAK,IAAI,MAAM,UAAU,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC;EACvF,MAAM,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,GAAG,MAAM,IAAI,CAAC,GACxC,SAAsD,CAAA;EACxD,MAAM,MAAM,IAAI,KAAK,aAAa,KAAK,gBAAe,CAAE;EACxD,IAAI,WAAW;EACf,KAAK,MAAM,SAAS,MAAM;GACxB,IAAI,YAAY,QAAQ,WAAW,GAAG,OAAO,KAAK,IAAI;GACtD,OAAO,KAAK;IAAE;IAAO,OAAO,IAAI,OAAO,KAAK;GAAC,CAAE;GAC/C,WAAW;EACb;EACA,OAAO;CACT,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACF,GAAG,MAAY;EACb,MAAM,OAAO,KAAK,IAAI,KAAK,UAAS,GAAI,SAAS,IAAI,CAAC;EACtD,IAAI,SAAS,KAAK,QAAO,GAAI,KAAK,KAAK,IAAI,IAAI;CACjD;CA1CW,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,QAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,MAAA,aAAA;EAAA,UAAA;EAAA,UCXzB;EAgCA,QAAA,CAAA,+pBAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADrBa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAY,YAAA,CAAA;EANxB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBACR,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,+pBAAA;EAAA,CAAA"}

package/fesm2022/hyalo-angular-popover-overlay-kit-6wPwnxln.mjs

@@ -0,0 +1,3 @@
+import { createFlexibleConnectedPositionStrategy, createOverlayRef, createRepositionScrollStrategy } from "@angular/cdk/overlay";
+import { ComponentPortal, TemplatePortal } from "@angular/cdk/portal";
+export { ComponentPortal, TemplatePortal, createFlexibleConnectedPositionStrategy, createOverlayRef, createRepositionScrollStrategy };