@masmarino/gabarit 1.4.0 → 2.1.0

package/fesm2022/masmarino-gabarit-bar-chart.mjs

@@ -0,0 +1,408 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input } from "@angular/core";
+import { CHART_CONTEXT, ChartAxis, ChartEmpty, ChartFrame, ChartTable, ChartTooltip, niceYDomain } from "@masmarino/gabarit/chart";
+import { formatNumber } from "@masmarino/gabarit/format";
+var BarSeries = class BarSeries {
+	context = inject(CHART_CONTEXT);
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	activeIndex = computed(() => this.context.activeIndex(), ...ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []);
+	bars = computed(() => {
+		const x = this.context.xScale();
+		const y = this.context.yScale();
+		const base = y.map(0);
+		return this.series().points.map((point) => {
+			const top = y.map(point.y);
+			return {
+				category: point.x,
+				x: x.map(point.x),
+				y: Math.min(top, base),
+				width: x.bandwidth,
+				height: Math.abs(base - top)
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "bars" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: BarSeries,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: BarSeries,
+		isStandalone: true,
+		selector: "g[gbtBarSeries]",
+		inputs: { series: {
+			classPropertyName: "series",
+			publicName: "series",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		host: { attributes: { "aria-hidden": "true" } },
+		ngImport: i0,
+		template: "@for (bar of bars(); track bar.category) {\n  <svg:rect\n    class=\"gbt-bar-series__bar\"\n    [attr.x]=\"bar.x\"\n    [attr.y]=\"bar.y\"\n    [attr.width]=\"bar.width\"\n    [attr.height]=\"bar.height\"\n    [attr.data-active]=\"$index === activeIndex() ? '' : null\"\n  />\n}\n",
+		styles: [".gbt-bar-series__bar{fill:var(--chart-series-1-base)}.gbt-bar-series__bar[data-active]{filter:brightness(1.15)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: BarSeries,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "g[gbtBarSeries]",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { "aria-hidden": "true" },
+			template: "@for (bar of bars(); track bar.category) {\n  <svg:rect\n    class=\"gbt-bar-series__bar\"\n    [attr.x]=\"bar.x\"\n    [attr.y]=\"bar.y\"\n    [attr.width]=\"bar.width\"\n    [attr.height]=\"bar.height\"\n    [attr.data-active]=\"$index === activeIndex() ? '' : null\"\n  />\n}\n",
+			styles: [".gbt-bar-series__bar{fill:var(--chart-series-1-base)}.gbt-bar-series__bar[data-active]{filter:brightness(1.15)}\n"]
+		}]
+	}],
+	propDecorators: { series: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "series",
+			required: true
+		}]
+	}] }
+});
+const BAND_PADDING = .2;
+var BarChart = class BarChart {
+	series = input.required(...ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []);
+	locale = input.required(...ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []);
+	label = input.required(...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	tableCaption = input.required(...ngDevMode ? [{ debugName: "tableCaption" }] : /* istanbul ignore next */ []);
+	xColumn = input.required(...ngDevMode ? [{ debugName: "xColumn" }] : /* istanbul ignore next */ []);
+	emptyMessage = input.required(...ngDevMode ? [{ debugName: "emptyMessage" }] : /* istanbul ignore next */ []);
+	yTickCount = input(5, ...ngDevMode ? [{ debugName: "yTickCount" }] : /* istanbul ignore next */ []);
+	size = input(null, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	heading = input("", ...ngDevMode ? [{ debugName: "heading" }] : /* istanbul ignore next */ []);
+	headingLevel = input(2, ...ngDevMode ? [{ debugName: "headingLevel" }] : /* istanbul ignore next */ []);
+	headline = input("", ...ngDevMode ? [{ debugName: "headline" }] : /* istanbul ignore next */ []);
+	trend = input("", ...ngDevMode ? [{ debugName: "trend" }] : /* istanbul ignore next */ []);
+	hasData = computed(() => this.series().points.length > 0, ...ngDevMode ? [{ debugName: "hasData" }] : /* istanbul ignore next */ []);
+	publicXValues = computed(() => this.series().points.map((p) => p.x), ...ngDevMode ? [{ debugName: "publicXValues" }] : /* istanbul ignore next */ []);
+	xSpec = computed(() => ({
+		kind: "band",
+		domain: this.series().points.map((p) => p.x),
+		padding: BAND_PADDING
+	}), ...ngDevMode ? [{ debugName: "xSpec" }] : /* istanbul ignore next */ []);
+	ySpec = computed(() => ({
+		kind: "linear",
+		domain: niceYDomain([this.series()], true, this.yTickCount())
+	}), ...ngDevMode ? [{ debugName: "ySpec" }] : /* istanbul ignore next */ []);
+	displayValue(point) {
+		return point.display ?? formatNumber(point.y, this.locale());
+	}
+	tooltipPoints = computed(() => this.series().points.map((point) => ({
+		x: point.x,
+		header: point.x,
+		rows: [{
+			label: this.series().label,
+			value: this.displayValue(point),
+			series: 1
+		}]
+	})), ...ngDevMode ? [{ debugName: "tooltipPoints" }] : /* istanbul ignore next */ []);
+	tableColumns = computed(() => [this.xColumn(), this.series().label], ...ngDevMode ? [{ debugName: "tableColumns" }] : /* istanbul ignore next */ []);
+	tableRows = computed(() => this.series().points.map((point) => [point.x, this.displayValue(point)]), ...ngDevMode ? [{ debugName: "tableRows" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: BarChart,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: BarChart,
+		isStandalone: true,
+		selector: "gbt-bar-chart",
+		inputs: {
+			series: {
+				classPropertyName: "series",
+				publicName: "series",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			locale: {
+				classPropertyName: "locale",
+				publicName: "locale",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			tableCaption: {
+				classPropertyName: "tableCaption",
+				publicName: "tableCaption",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			xColumn: {
+				classPropertyName: "xColumn",
+				publicName: "xColumn",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			emptyMessage: {
+				classPropertyName: "emptyMessage",
+				publicName: "emptyMessage",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			yTickCount: {
+				classPropertyName: "yTickCount",
+				publicName: "yTickCount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			heading: {
+				classPropertyName: "heading",
+				publicName: "heading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headingLevel: {
+				classPropertyName: "headingLevel",
+				publicName: "headingLevel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			headline: {
+				classPropertyName: "headline",
+				publicName: "headline",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			trend: {
+				classPropertyName: "trend",
+				publicName: "trend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<gbt-chart-frame\n  [label]=\"label()\"\n  [x]=\"xSpec()\"\n  [y]=\"ySpec()\"\n  [pointValues]=\"publicXValues()\"\n  [size]=\"size()\"\n  [heading]=\"heading()\"\n  [headingLevel]=\"headingLevel()\"\n  [headline]=\"headline()\"\n  [trend]=\"trend()\"\n>\n  <svg:g gbtChartLayer>\n    <svg:g gbtChartAxis axis=\"y\" [locale]=\"locale()\" [tickCount]=\"yTickCount()\" grid></svg:g>\n    <svg:g gbtChartAxis axis=\"x\" [locale]=\"locale()\"></svg:g>\n    <svg:g gbtBarSeries [series]=\"series()\"></svg:g>\n  </svg:g>\n  <gbt-chart-tooltip [points]=\"tooltipPoints()\" />\n  @if (hasData()) {\n    <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"tableColumns()\" [rows]=\"tableRows()\" />\n  } @else {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n",
+		styles: [":host{display:block;height:100%}gbt-chart-frame{display:block;height:100%}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: ChartFrame,
+				selector: "gbt-chart-frame",
+				inputs: [
+					"label",
+					"heading",
+					"headingLevel",
+					"headline",
+					"trend",
+					"x",
+					"y",
+					"margin",
+					"size",
+					"pointValues"
+				],
+				outputs: ["activeIndexChange"]
+			},
+			{
+				kind: "component",
+				type: ChartAxis,
+				selector: "g[gbtChartAxis]",
+				inputs: [
+					"axis",
+					"locale",
+					"tickCount",
+					"format",
+					"grid"
+				]
+			},
+			{
+				kind: "component",
+				type: ChartTooltip,
+				selector: "gbt-chart-tooltip",
+				inputs: ["points"]
+			},
+			{
+				kind: "component",
+				type: ChartEmpty,
+				selector: "gbt-chart-empty",
+				inputs: ["message", "actionLabel"],
+				outputs: ["action"]
+			},
+			{
+				kind: "component",
+				type: ChartTable,
+				selector: "gbt-chart-table",
+				inputs: [
+					"caption",
+					"columns",
+					"rows"
+				]
+			},
+			{
+				kind: "component",
+				type: BarSeries,
+				selector: "g[gbtBarSeries]",
+				inputs: ["series"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: BarChart,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-bar-chart",
+			standalone: true,
+			imports: [
+				ChartFrame,
+				ChartAxis,
+				ChartTooltip,
+				ChartEmpty,
+				ChartTable,
+				BarSeries
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<gbt-chart-frame\n  [label]=\"label()\"\n  [x]=\"xSpec()\"\n  [y]=\"ySpec()\"\n  [pointValues]=\"publicXValues()\"\n  [size]=\"size()\"\n  [heading]=\"heading()\"\n  [headingLevel]=\"headingLevel()\"\n  [headline]=\"headline()\"\n  [trend]=\"trend()\"\n>\n  <svg:g gbtChartLayer>\n    <svg:g gbtChartAxis axis=\"y\" [locale]=\"locale()\" [tickCount]=\"yTickCount()\" grid></svg:g>\n    <svg:g gbtChartAxis axis=\"x\" [locale]=\"locale()\"></svg:g>\n    <svg:g gbtBarSeries [series]=\"series()\"></svg:g>\n  </svg:g>\n  <gbt-chart-tooltip [points]=\"tooltipPoints()\" />\n  @if (hasData()) {\n    <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"tableColumns()\" [rows]=\"tableRows()\" />\n  } @else {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n",
+			styles: [":host{display:block;height:100%}gbt-chart-frame{display:block;height:100%}\n"]
+		}]
+	}],
+	propDecorators: {
+		series: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "series",
+				required: true
+			}]
+		}],
+		locale: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "locale",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: true
+			}]
+		}],
+		tableCaption: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "tableCaption",
+				required: true
+			}]
+		}],
+		xColumn: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "xColumn",
+				required: true
+			}]
+		}],
+		emptyMessage: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyMessage",
+				required: true
+			}]
+		}],
+		yTickCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "yTickCount",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		heading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "heading",
+				required: false
+			}]
+		}],
+		headingLevel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headingLevel",
+				required: false
+			}]
+		}],
+		headline: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "headline",
+				required: false
+			}]
+		}],
+		trend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "trend",
+				required: false
+			}]
+		}]
+	}
+});
+export { BarChart, BarSeries };
+
+//# sourceMappingURL=masmarino-gabarit-bar-chart.mjs.map

package/fesm2022/masmarino-gabarit-bar-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-bar-chart.mjs","names":[],"sources":["../../../projects/gabarit/bar-chart/bar-series.ts","../../../projects/gabarit/bar-chart/bar-series.html","../../../projects/gabarit/bar-chart/bar-chart.ts","../../../projects/gabarit/bar-chart/bar-chart.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core'\nimport { CHART_CONTEXT } from '@masmarino/gabarit/chart'\nimport type { BandScale } from '@masmarino/gabarit/chart'\nimport type { ChartSeries } from '@masmarino/gabarit/chart'\n\ninterface RenderedBar {\n  category: string\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\n@Component({\n  selector: 'g[gbtBarSeries]',\n  standalone: true,\n  imports: [],\n  templateUrl: './bar-series.html',\n  styleUrl: './bar-series.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { 'aria-hidden': 'true' },\n})\nexport class BarSeries {\n  private readonly context = inject(CHART_CONTEXT)\n\n  series = input.required<ChartSeries<string>>()\n\n  protected readonly activeIndex = computed(() => this.context.activeIndex())\n\n  protected readonly bars = computed<RenderedBar[]>(() => {\n    const x = this.context.xScale() as BandScale\n    const y = this.context.yScale()\n    const base = y.map(0)\n\n    return this.series().points.map((point) => {\n      const top = y.map(point.y)\n      return {\n        category: point.x,\n        x: x.map(point.x),\n\n        y: Math.min(top, base),\n        width: x.bandwidth,\n        height: Math.abs(base - top),\n      }\n    })\n  })\n}\n","@for (bar of bars(); track bar.category) {\n  <svg:rect\n    class=\"gbt-bar-series__bar\"\n    [attr.x]=\"bar.x\"\n    [attr.y]=\"bar.y\"\n    [attr.width]=\"bar.width\"\n    [attr.height]=\"bar.height\"\n    [attr.data-active]=\"$index === activeIndex() ? '' : null\"\n  />\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core'\nimport { ChartFrame } from '@masmarino/gabarit/chart'\nimport { ChartAxis } from '@masmarino/gabarit/chart'\nimport { ChartTooltip, type TooltipPoint } from '@masmarino/gabarit/chart'\nimport { ChartEmpty } from '@masmarino/gabarit/chart'\nimport { ChartTable } from '@masmarino/gabarit/chart'\nimport { BarSeries } from './bar-series'\nimport { formatNumber } from '@masmarino/gabarit/format'\nimport type { AxisSpec, LinearAxisSpec, PointValue } from '@masmarino/gabarit/chart'\nimport { niceYDomain, type ChartPoint, type ChartSeries } from '@masmarino/gabarit/chart'\n\nconst BAND_PADDING = 0.2\n\n@Component({\n  selector: 'gbt-bar-chart',\n  standalone: true,\n  imports: [ChartFrame, ChartAxis, ChartTooltip, ChartEmpty, ChartTable, BarSeries],\n  templateUrl: './bar-chart.html',\n  styleUrl: './bar-chart.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BarChart {\n  series = input.required<ChartSeries<string>>()\n  locale = input.required<string>()\n  label = input.required<string>()\n  tableCaption = input.required<string>()\n  xColumn = input.required<string>()\n  emptyMessage = input.required<string>()\n  yTickCount = input(5)\n  size = input<{ width: number; height: number } | null>(null)\n  heading = input('')\n  headingLevel = input<1 | 2 | 3 | 4 | 5 | 6>(2)\n  headline = input('')\n  trend = input('')\n\n  protected readonly hasData = computed(() => this.series().points.length > 0)\n\n  protected readonly publicXValues = computed<PointValue[]>(() =>\n    this.series().points.map((p) => p.x),\n  )\n\n  protected readonly xSpec = computed<AxisSpec>(() => ({\n    kind: 'band',\n    domain: this.series().points.map((p) => p.x),\n    padding: BAND_PADDING,\n  }))\n\n  protected readonly ySpec = computed<LinearAxisSpec>(() => ({\n    kind: 'linear',\n\n    domain: niceYDomain([this.series()], true, this.yTickCount()),\n  }))\n\n  private displayValue(point: ChartPoint<string>): string {\n    return point.display ?? formatNumber(point.y, this.locale())\n  }\n\n  protected readonly tooltipPoints = computed<TooltipPoint<string>[]>(() =>\n    this.series().points.map((point) => ({\n      x: point.x,\n      header: point.x,\n      rows: [{ label: this.series().label, value: this.displayValue(point), series: 1 }],\n    })),\n  )\n\n  protected readonly tableColumns = computed(() => [this.xColumn(), this.series().label])\n\n  protected readonly tableRows = computed<(string | number)[][]>(() =>\n    this.series().points.map((point) => [point.x, this.displayValue(point)]),\n  )\n}\n","<gbt-chart-frame\n  [label]=\"label()\"\n  [x]=\"xSpec()\"\n  [y]=\"ySpec()\"\n  [pointValues]=\"publicXValues()\"\n  [size]=\"size()\"\n  [heading]=\"heading()\"\n  [headingLevel]=\"headingLevel()\"\n  [headline]=\"headline()\"\n  [trend]=\"trend()\"\n>\n  <svg:g gbtChartLayer>\n    <svg:g gbtChartAxis axis=\"y\" [locale]=\"locale()\" [tickCount]=\"yTickCount()\" grid></svg:g>\n    <svg:g gbtChartAxis axis=\"x\" [locale]=\"locale()\"></svg:g>\n    <svg:g gbtBarSeries [series]=\"series()\"></svg:g>\n  </svg:g>\n  <gbt-chart-tooltip [points]=\"tooltipPoints()\" />\n  @if (hasData()) {\n    <gbt-chart-table [caption]=\"tableCaption()\" [columns]=\"tableColumns()\" [rows]=\"tableRows()\" />\n  } @else {\n    <gbt-chart-empty [message]=\"emptyMessage()\" />\n  }\n</gbt-chart-frame>\n"],"mappings":"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"}

package/fesm2022/masmarino-gabarit-breadcrumb.mjs

@@ -0,0 +1,59 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, input } from "@angular/core";
+var Breadcrumb = class Breadcrumb {
+	ariaLabel = input.required(...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Breadcrumb,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: Breadcrumb,
+		isStandalone: true,
+		selector: "gbt-breadcrumb",
+		inputs: { ariaLabel: {
+			classPropertyName: "ariaLabel",
+			publicName: "ariaLabel",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: "<nav [attr.aria-label]=\"ariaLabel()\" class=\"gbt-breadcrumb\">\n  <ol class=\"gbt-breadcrumb__list\">\n    <ng-content select=\"[breadcrumb-ancestor]\" />\n    <li class=\"gbt-breadcrumb__current\" aria-current=\"page\"><ng-content /></li>\n  </ol>\n</nav>\n",
+		styles: [":host{display:block}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Breadcrumb,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-breadcrumb",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<nav [attr.aria-label]=\"ariaLabel()\" class=\"gbt-breadcrumb\">\n  <ol class=\"gbt-breadcrumb__list\">\n    <ng-content select=\"[breadcrumb-ancestor]\" />\n    <li class=\"gbt-breadcrumb__current\" aria-current=\"page\"><ng-content /></li>\n  </ol>\n</nav>\n",
+			styles: [":host{display:block}\n"]
+		}]
+	}],
+	propDecorators: { ariaLabel: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "ariaLabel",
+			required: true
+		}]
+	}] }
+});
+export { Breadcrumb };
+
+//# sourceMappingURL=masmarino-gabarit-breadcrumb.mjs.map

package/fesm2022/masmarino-gabarit-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-breadcrumb.mjs","names":[],"sources":["../../../projects/gabarit/breadcrumb/breadcrumb.ts","../../../projects/gabarit/breadcrumb/breadcrumb.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core'\n\n@Component({\n  selector: 'gbt-breadcrumb',\n  standalone: true,\n  imports: [],\n  templateUrl: './breadcrumb.html',\n  styleUrl: './breadcrumb.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Breadcrumb {\n  ariaLabel = input.required<string>()\n}\n","<nav [attr.aria-label]=\"ariaLabel()\" class=\"gbt-breadcrumb\">\n  <ol class=\"gbt-breadcrumb__list\">\n    <ng-content select=\"[breadcrumb-ancestor]\" />\n    <li class=\"gbt-breadcrumb__current\" aria-current=\"page\"><ng-content /></li>\n  </ol>\n</nav>\n"],"mappings":";;AAUA,IAAa,aAAb,MAAa,WAAU;CACrB,YAAY,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CADzB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,WAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,UAAA;EAAA,UCVvB;EAMA,QAAA,CAAA,wBAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADIa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EARtB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAgB,YACd;GAAI,SACP,CAAA;GAAE,iBAGM,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,wBAAA;EAAA,CAAA"}