@raqm/ui 0.0.0-stage → 0.1.1

package/fesm2022/raqm-ui-breadcrumb.mjs

@@ -0,0 +1,309 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+var RaqmBreadcrumbComponent = class RaqmBreadcrumbComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmBreadcrumbComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmBreadcrumbComponent,
+		isStandalone: true,
+		selector: "nav[raqm-breadcrumb]",
+		host: { classAttribute: "raqm-breadcrumb" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmBreadcrumbComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "nav[raqm-breadcrumb]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-breadcrumb" }
+		}]
+	}]
+});
+var RaqmBreadcrumbListComponent = class RaqmBreadcrumbListComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmBreadcrumbListComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmBreadcrumbListComponent,
+		isStandalone: true,
+		selector: "ol[raqm-breadcrumb-list]",
+		host: { classAttribute: "raqm-breadcrumb-list" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;flex-wrap:wrap;align-items:center;overflow-wrap:break-word;gap:calc(var(--raqm-spacing) * 1.5);color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);line-height:1.25rem;margin:0;padding:0;list-style:none}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmBreadcrumbListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ol[raqm-breadcrumb-list]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-breadcrumb-list" },
+			styles: [":host{display:flex;flex-wrap:wrap;align-items:center;overflow-wrap:break-word;gap:calc(var(--raqm-spacing) * 1.5);color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);line-height:1.25rem;margin:0;padding:0;list-style:none}\n"]
+		}]
+	}]
+});
+var RaqmBreadcrumbItemComponent = class RaqmBreadcrumbItemComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmBreadcrumbItemComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmBreadcrumbItemComponent,
+		isStandalone: true,
+		selector: "li[raqm-breadcrumb-item]",
+		host: { classAttribute: "raqm-breadcrumb-item" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--raqm-spacing) * 1)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmBreadcrumbItemComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "li[raqm-breadcrumb-item]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-breadcrumb-item" },
+			styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--raqm-spacing) * 1)}\n"]
+		}]
+	}]
+});
+var RaqmBreadcrumbLinkComponent = class RaqmBreadcrumbLinkComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmBreadcrumbLinkComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmBreadcrumbLinkComponent,
+		isStandalone: true,
+		selector: "a[raqm-breadcrumb-link]",
+		host: { classAttribute: "raqm-breadcrumb-link" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{transition-property:color;transition-duration:var(--raqm-duration-base);transition-timing-function:var(--raqm-ease-standard);color:inherit;text-decoration-line:none}:host(:hover){color:var(--raqm-foreground)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmBreadcrumbLinkComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "a[raqm-breadcrumb-link]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-breadcrumb-link" },
+			styles: [":host{transition-property:color;transition-duration:var(--raqm-duration-base);transition-timing-function:var(--raqm-ease-standard);color:inherit;text-decoration-line:none}:host(:hover){color:var(--raqm-foreground)}\n"]
+		}]
+	}]
+});
+var RaqmBreadcrumbPageComponent = class RaqmBreadcrumbPageComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmBreadcrumbPageComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmBreadcrumbPageComponent,
+		isStandalone: true,
+		selector: "span[raqm-breadcrumb-page]",
+		host: {
+			attributes: { "aria-current": "page" },
+			classAttribute: "raqm-breadcrumb-page"
+		},
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{color:var(--raqm-foreground);font-weight:var(--raqm-font-weight-normal)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmBreadcrumbPageComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "span[raqm-breadcrumb-page]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-breadcrumb-page",
+				"aria-current": "page"
+			},
+			styles: [":host{color:var(--raqm-foreground);font-weight:var(--raqm-font-weight-normal)}\n"]
+		}]
+	}]
+});
+var RaqmBreadcrumbSeparatorComponent = class RaqmBreadcrumbSeparatorComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmBreadcrumbSeparatorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmBreadcrumbSeparatorComponent,
+		isStandalone: true,
+		selector: "li[raqm-breadcrumb-separator]",
+		host: {
+			attributes: {
+				"role": "presentation",
+				"aria-hidden": "true"
+			},
+			classAttribute: "raqm-breadcrumb-separator"
+		},
+		ngImport: i0,
+		template: "<!-- Exactly one separator: projected content replaces the default fallback glyph. -->\r\n<ng-content>\r\n  <svg\r\n    class=\"raqm-breadcrumb-separator-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    stroke-width=\"2\"\r\n    stroke-linecap=\"round\"\r\n    stroke-linejoin=\"round\"\r\n    aria-hidden=\"true\"\r\n    focusable=\"false\"\r\n  >\r\n    <path d=\"m9 18 6-6-6-6\" />\r\n  </svg>\r\n</ng-content>\r\n",
+		styles: [":host>svg{display:block;vertical-align:middle;inline-size:.875rem;block-size:.875rem}:host-context([dir=rtl]) .raqm-breadcrumb-separator-icon{transform:rotate(180deg)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmBreadcrumbSeparatorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "li[raqm-breadcrumb-separator]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-breadcrumb-separator",
+				role: "presentation",
+				"aria-hidden": "true"
+			},
+			template: "<!-- Exactly one separator: projected content replaces the default fallback glyph. -->\r\n<ng-content>\r\n  <svg\r\n    class=\"raqm-breadcrumb-separator-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    stroke-width=\"2\"\r\n    stroke-linecap=\"round\"\r\n    stroke-linejoin=\"round\"\r\n    aria-hidden=\"true\"\r\n    focusable=\"false\"\r\n  >\r\n    <path d=\"m9 18 6-6-6-6\" />\r\n  </svg>\r\n</ng-content>\r\n",
+			styles: [":host>svg{display:block;vertical-align:middle;inline-size:.875rem;block-size:.875rem}:host-context([dir=rtl]) .raqm-breadcrumb-separator-icon{transform:rotate(180deg)}\n"]
+		}]
+	}]
+});
+var RaqmBreadcrumbEllipsisComponent = class RaqmBreadcrumbEllipsisComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmBreadcrumbEllipsisComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmBreadcrumbEllipsisComponent,
+		isStandalone: true,
+		selector: "span[raqm-breadcrumb-ellipsis]",
+		host: {
+			attributes: {
+				"role": "presentation",
+				"aria-hidden": "true"
+			},
+			classAttribute: "raqm-breadcrumb-ellipsis"
+		},
+		ngImport: i0,
+		template: "<!-- MoreHorizontal glyph plus the visually hidden \"More\"; the host is aria-hidden. -->\r\n<svg\r\n  viewBox=\"0 0 24 24\"\r\n  fill=\"none\"\r\n  stroke=\"currentColor\"\r\n  stroke-width=\"2\"\r\n  stroke-linecap=\"round\"\r\n  stroke-linejoin=\"round\"\r\n  aria-hidden=\"true\"\r\n  focusable=\"false\"\r\n>\r\n  <circle cx=\"12\" cy=\"12\" r=\"1\" />\r\n  <circle cx=\"19\" cy=\"12\" r=\"1\" />\r\n  <circle cx=\"5\" cy=\"12\" r=\"1\" />\r\n</svg>\r\n<span class=\"raqm-breadcrumb-ellipsis-label\">More</span>\r\n",
+		styles: [":host{display:flex;align-items:center;justify-content:center;inline-size:calc(var(--raqm-spacing) * 5);block-size:calc(var(--raqm-spacing) * 5)}:host>svg{inline-size:calc(var(--raqm-spacing) * 4);block-size:calc(var(--raqm-spacing) * 4)}.raqm-breadcrumb-ellipsis-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmBreadcrumbEllipsisComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "span[raqm-breadcrumb-ellipsis]",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-breadcrumb-ellipsis",
+				role: "presentation",
+				"aria-hidden": "true"
+			},
+			template: "<!-- MoreHorizontal glyph plus the visually hidden \"More\"; the host is aria-hidden. -->\r\n<svg\r\n  viewBox=\"0 0 24 24\"\r\n  fill=\"none\"\r\n  stroke=\"currentColor\"\r\n  stroke-width=\"2\"\r\n  stroke-linecap=\"round\"\r\n  stroke-linejoin=\"round\"\r\n  aria-hidden=\"true\"\r\n  focusable=\"false\"\r\n>\r\n  <circle cx=\"12\" cy=\"12\" r=\"1\" />\r\n  <circle cx=\"19\" cy=\"12\" r=\"1\" />\r\n  <circle cx=\"5\" cy=\"12\" r=\"1\" />\r\n</svg>\r\n<span class=\"raqm-breadcrumb-ellipsis-label\">More</span>\r\n",
+			styles: [":host{display:flex;align-items:center;justify-content:center;inline-size:calc(var(--raqm-spacing) * 5);block-size:calc(var(--raqm-spacing) * 5)}:host>svg{inline-size:calc(var(--raqm-spacing) * 4);block-size:calc(var(--raqm-spacing) * 4)}.raqm-breadcrumb-ellipsis-label{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}\n"]
+		}]
+	}]
+});
+const RaqmBreadcrumb = [
+	RaqmBreadcrumbComponent,
+	RaqmBreadcrumbListComponent,
+	RaqmBreadcrumbItemComponent,
+	RaqmBreadcrumbLinkComponent,
+	RaqmBreadcrumbPageComponent,
+	RaqmBreadcrumbSeparatorComponent,
+	RaqmBreadcrumbEllipsisComponent
+];
+export { RaqmBreadcrumb, RaqmBreadcrumbComponent, RaqmBreadcrumbEllipsisComponent, RaqmBreadcrumbItemComponent, RaqmBreadcrumbLinkComponent, RaqmBreadcrumbListComponent, RaqmBreadcrumbPageComponent, RaqmBreadcrumbSeparatorComponent };
+
+//# sourceMappingURL=raqm-ui-breadcrumb.mjs.map

package/fesm2022/raqm-ui-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-breadcrumb.mjs","names":[],"sources":["../../../projects/ui/breadcrumb/breadcrumb.ts","../../../projects/ui/breadcrumb/breadcrumb-separator.component.html","../../../projects/ui/breadcrumb/breadcrumb-ellipsis.component.html","../../../projects/ui/breadcrumb/public-api.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\n/** Native `<nav>` landmark; no role or tab stop is added, and the application supplies `aria-label`. */\r\n@Component({\r\n  selector: 'nav[raqm-breadcrumb]',\r\n  template: '<ng-content />',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-breadcrumb',\r\n  },\r\n})\r\nexport class RaqmBreadcrumbComponent {}\r\n\r\n@Component({\r\n  selector: 'ol[raqm-breadcrumb-list]',\r\n  template: '<ng-content />',\r\n  styleUrl: './breadcrumb-list.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-breadcrumb-list' },\r\n})\r\nexport class RaqmBreadcrumbListComponent {}\r\n\r\n@Component({\r\n  selector: 'li[raqm-breadcrumb-item]',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: calc(var(--raqm-spacing) * 1);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-breadcrumb-item' },\r\n})\r\nexport class RaqmBreadcrumbItemComponent {}\r\n\r\n/** Real anchor; navigation stays native and no click handler or tab stop is added. */\r\n@Component({\r\n  selector: 'a[raqm-breadcrumb-link]',\r\n  template: '<ng-content />',\r\n  styleUrl: './breadcrumb-link.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-breadcrumb-link' },\r\n})\r\nexport class RaqmBreadcrumbLinkComponent {}\r\n\r\n/** Carries `aria-current=\"page\"`; not interactive and reads as plain text. */\r\n@Component({\r\n  selector: 'span[raqm-breadcrumb-page]',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        color: var(--raqm-foreground);\r\n        font-weight: var(--raqm-font-weight-normal);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-breadcrumb-page',\r\n    'aria-current': 'page',\r\n  },\r\n})\r\nexport class RaqmBreadcrumbPageComponent {}\r\n\r\n/** Decorative: `role=\"presentation\"` and `aria-hidden`; only the default glyph mirrors in RTL. */\r\n@Component({\r\n  selector: 'li[raqm-breadcrumb-separator]',\r\n  templateUrl: './breadcrumb-separator.component.html',\r\n  styleUrl: './breadcrumb-separator.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-breadcrumb-separator',\r\n    role: 'presentation',\r\n    'aria-hidden': 'true',\r\n  },\r\n})\r\nexport class RaqmBreadcrumbSeparatorComponent {}\r\n\r\n/** Decorative: `role=\"presentation\"` and `aria-hidden`; the enclosing control carries the name. */\r\n@Component({\r\n  selector: 'span[raqm-breadcrumb-ellipsis]',\r\n  templateUrl: './breadcrumb-ellipsis.component.html',\r\n  styleUrl: './breadcrumb-ellipsis.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-breadcrumb-ellipsis',\r\n    role: 'presentation',\r\n    'aria-hidden': 'true',\r\n  },\r\n})\r\nexport class RaqmBreadcrumbEllipsisComponent {}\r\n","<!-- Exactly one separator: projected content replaces the default fallback glyph. -->\r\n<ng-content>\r\n  <svg\r\n    class=\"raqm-breadcrumb-separator-icon\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    stroke=\"currentColor\"\r\n    stroke-width=\"2\"\r\n    stroke-linecap=\"round\"\r\n    stroke-linejoin=\"round\"\r\n    aria-hidden=\"true\"\r\n    focusable=\"false\"\r\n  >\r\n    <path d=\"m9 18 6-6-6-6\" />\r\n  </svg>\r\n</ng-content>\r\n","<!-- MoreHorizontal glyph plus the visually hidden \"More\"; the host is aria-hidden. -->\r\n<svg\r\n  viewBox=\"0 0 24 24\"\r\n  fill=\"none\"\r\n  stroke=\"currentColor\"\r\n  stroke-width=\"2\"\r\n  stroke-linecap=\"round\"\r\n  stroke-linejoin=\"round\"\r\n  aria-hidden=\"true\"\r\n  focusable=\"false\"\r\n>\r\n  <circle cx=\"12\" cy=\"12\" r=\"1\" />\r\n  <circle cx=\"19\" cy=\"12\" r=\"1\" />\r\n  <circle cx=\"5\" cy=\"12\" r=\"1\" />\r\n</svg>\r\n<span class=\"raqm-breadcrumb-ellipsis-label\">More</span>\r\n","// Public API for `@raqm/ui/breadcrumb`; the root entry point re-exports these symbols.\r\nimport {\r\n  RaqmBreadcrumbComponent,\r\n  RaqmBreadcrumbEllipsisComponent,\r\n  RaqmBreadcrumbItemComponent,\r\n  RaqmBreadcrumbLinkComponent,\r\n  RaqmBreadcrumbListComponent,\r\n  RaqmBreadcrumbPageComponent,\r\n  RaqmBreadcrumbSeparatorComponent,\r\n} from './breadcrumb';\r\n\r\nexport {\r\n  RaqmBreadcrumbComponent,\r\n  RaqmBreadcrumbEllipsisComponent,\r\n  RaqmBreadcrumbItemComponent,\r\n  RaqmBreadcrumbLinkComponent,\r\n  RaqmBreadcrumbListComponent,\r\n  RaqmBreadcrumbPageComponent,\r\n  RaqmBreadcrumbSeparatorComponent,\r\n};\r\n\r\n// A nested readonly array lets Angular imports accept `RaqmBreadcrumb` directly.\r\nexport const RaqmBreadcrumb = [\r\n  RaqmBreadcrumbComponent,\r\n  RaqmBreadcrumbListComponent,\r\n  RaqmBreadcrumbItemComponent,\r\n  RaqmBreadcrumbLinkComponent,\r\n  RaqmBreadcrumbPageComponent,\r\n  RaqmBreadcrumbSeparatorComponent,\r\n  RaqmBreadcrumbEllipsisComponent,\r\n] as const;\r\n"],"mappings":"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"}

package/fesm2022/raqm-ui-button-group.mjs

@@ -0,0 +1,138 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, input } from "@angular/core";
+var RaqmButtonGroupComponent = class RaqmButtonGroupComponent {
+	vertical = input(false, {
+		...ngDevMode ? { debugName: "vertical" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmButtonGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: RaqmButtonGroupComponent,
+		isStandalone: true,
+		selector: "raqm-button-group",
+		inputs: { vertical: {
+			classPropertyName: "vertical",
+			publicName: "vertical",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "role": "group" },
+			properties: { "attr.data-raqm-vertical": "vertical() ? \"\" : null" },
+			classAttribute: "raqm-button-group"
+		},
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;align-items:stretch;inline-size:fit-content}:host([data-raqm-vertical]){flex-direction:column}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmButtonGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-button-group",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-button-group",
+				role: "group",
+				"[attr.data-raqm-vertical]": "vertical() ? \"\" : null"
+			},
+			styles: [":host{display:flex;align-items:stretch;inline-size:fit-content}:host([data-raqm-vertical]){flex-direction:column}\n"]
+		}]
+	}],
+	propDecorators: { vertical: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "vertical",
+			required: false
+		}]
+	}] }
+});
+var RaqmButtonGroupSeparatorComponent = class RaqmButtonGroupSeparatorComponent {
+	horizontal = input(false, {
+		...ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmButtonGroupSeparatorComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: RaqmButtonGroupSeparatorComponent,
+		isStandalone: true,
+		selector: "raqm-button-group-separator",
+		inputs: { horizontal: {
+			classPropertyName: "horizontal",
+			publicName: "horizontal",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "aria-hidden": "true" },
+			properties: { "attr.data-raqm-horizontal": "horizontal() ? \"\" : null" },
+			classAttribute: "raqm-button-group-separator"
+		},
+		ngImport: i0,
+		template: "",
+		isInline: true,
+		styles: [":host{display:block;flex-shrink:0;position:relative;background-color:var(--raqm-input)}:host(:not([data-raqm-horizontal])){inline-size:1px;align-self:stretch;margin-block:1px;block-size:auto}:host([data-raqm-horizontal]){block-size:1px;align-self:stretch;margin-inline:1px;inline-size:auto}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmButtonGroupSeparatorComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-button-group-separator",
+			template: "",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-button-group-separator",
+				"aria-hidden": "true",
+				"[attr.data-raqm-horizontal]": "horizontal() ? \"\" : null"
+			},
+			styles: [":host{display:block;flex-shrink:0;position:relative;background-color:var(--raqm-input)}:host(:not([data-raqm-horizontal])){inline-size:1px;align-self:stretch;margin-block:1px;block-size:auto}:host([data-raqm-horizontal]){block-size:1px;align-self:stretch;margin-inline:1px;inline-size:auto}\n"]
+		}]
+	}],
+	propDecorators: { horizontal: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "horizontal",
+			required: false
+		}]
+	}] }
+});
+const RaqmButtonGroup = [RaqmButtonGroupComponent, RaqmButtonGroupSeparatorComponent];
+export { RaqmButtonGroup, RaqmButtonGroupComponent, RaqmButtonGroupSeparatorComponent };
+
+//# sourceMappingURL=raqm-ui-button-group.mjs.map

package/fesm2022/raqm-ui-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-button-group.mjs","names":[],"sources":["../../../projects/ui/button-group/button-group.ts","../../../projects/ui/button-group/public-api.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, input } from '@angular/core';\r\n\r\n/** Button Group: `role=\"group\"` with an application-supplied name and a single `vertical` axis. */\r\n@Component({\r\n  selector: 'raqm-button-group',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: flex;\r\n        align-items: stretch;\r\n        inline-size: fit-content;\r\n      }\r\n\r\n      :host([data-raqm-vertical]) {\r\n        flex-direction: column;\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-button-group',\r\n    role: 'group',\r\n    '[attr.data-raqm-vertical]': 'vertical() ? \"\" : null',\r\n  },\r\n})\r\nexport class RaqmButtonGroupComponent {\r\n  readonly vertical = input(false, { transform: booleanAttribute });\r\n}\r\n\r\n/** Decorative divider; `aria-hidden` with no role and no tab stop, vertical by default. */\r\n@Component({\r\n  selector: 'raqm-button-group-separator',\r\n  template: '',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: block;\r\n        flex-shrink: 0;\r\n        position: relative;\r\n        background-color: var(--raqm-input);\r\n      }\r\n\r\n      :host(:not([data-raqm-horizontal])) {\r\n        inline-size: 1px;\r\n        align-self: stretch;\r\n        margin-block: 1px;\r\n        block-size: auto;\r\n      }\r\n\r\n      :host([data-raqm-horizontal]) {\r\n        block-size: 1px;\r\n        align-self: stretch;\r\n        margin-inline: 1px;\r\n        inline-size: auto;\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-button-group-separator',\r\n    'aria-hidden': 'true',\r\n    '[attr.data-raqm-horizontal]': 'horizontal() ? \"\" : null',\r\n  },\r\n})\r\nexport class RaqmButtonGroupSeparatorComponent {\r\n  /** A vertical divider by default; `horizontal` is used inside a vertical group. */\r\n  readonly horizontal = input(false, { transform: booleanAttribute });\r\n}\r\n","// Public API for the `@raqm/ui/button-group` secondary entry point.\r\nimport { RaqmButtonGroupComponent, RaqmButtonGroupSeparatorComponent } from './button-group';\r\n\r\nexport { RaqmButtonGroupComponent, RaqmButtonGroupSeparatorComponent };\r\n\r\nexport const RaqmButtonGroup = [\r\n  RaqmButtonGroupComponent,\r\n  RaqmButtonGroupSeparatorComponent,\r\n] as const;\r\n"],"mappings":";;AA0BA,IAAa,2BAAb,MAAa,yBAAwB;CAC1B,WAAW,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,WAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CADnD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAwB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAxB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAwB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,UAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,QAAA,QAAA;GAAA,YAAA,EAAA,2BAAA,2BAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UArBzB;EAAgB,UAAA;EAAA,QAAA,CAAA,qHAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAqBf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAwB,YAAA,CAAA;EAvBpC,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAmB,UACnB;GAAgB,iBAcT,wBAAwB;GAAM,MACzC;IACJ,OAAO;IACP,MAAM;IACN,6BAA6B;GAC9B;GAAA,QAAA,CAAA,qHAAA;EAAA,CAAA;;;;;;;;;;;AAyCH,IAAa,oCAAb,MAAa,kCAAiC;CAEnC,aAAa,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,aAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAFrD,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAiC,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAjC,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAiC,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,YAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,eAAA,OAAA;GAAA,YAAA,EAAA,6BAAA,6BAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UAhClC;EAAE,UAAA;EAAA,QAAA,CAAA,sSAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAgCD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAiC,YAAA,CAAA;EAlC7C,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAA6B,UAC7B;GAAE,iBAyBK,wBAAwB;GAAM,MACzC;IACJ,OAAO;IACP,eAAe;IACf,+BAA+B;GAChC;GAAA,QAAA,CAAA,sSAAA;EAAA,CAAA;;;;;;;;;;;AC1DH,MAAa,kBAAkB,CAC7B,0BACA,iCACQ"}