@raqm/ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-item.mjs","names":[],"sources":["../../../projects/ui/item/item.ts","../../../projects/ui/item/public-api.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Directive,\r\n  booleanAttribute,\r\n  computed,\r\n  input,\r\n} from '@angular/core';\r\n\r\n/** Row for media, copy and actions; `small` and `extra-small` together throw, and an interactive row is an `<a raqm-item>`. */\r\n@Component({\r\n  selector: 'raqm-item, a[raqm-item], li[raqm-item]',\r\n  template: '<ng-content />',\r\n  styleUrl: './item.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-item',\r\n    '[attr.data-raqm-variant]': 'variant()',\r\n    '[attr.data-raqm-small]': 'activeSize() === \"small\" ? \"\" : null',\r\n    '[attr.data-raqm-extra-small]': 'activeSize() === \"extra-small\" ? \"\" : null',\r\n    '[attr.data-raqm-media]': 'media()',\r\n  },\r\n})\r\nexport class RaqmItemComponent {\r\n  readonly variant = input<'default' | 'outline' | 'muted'>('default');\r\n\r\n  readonly small = input(false, { transform: booleanAttribute });\r\n  readonly extraSmall = input(false, { alias: 'extra-small', transform: booleanAttribute });\r\n\r\n  readonly media = input<'default' | 'icon' | 'image'>('default');\r\n\r\n  protected readonly activeSize = computed<'default' | 'small' | 'extra-small'>(() => {\r\n    const small = this.small();\r\n    const extraSmall = this.extraSmall();\r\n    if (small && extraSmall) {\r\n      throw new Error('raqm-item: use either small or extra-small, not both.');\r\n    }\r\n    return extraSmall ? 'extra-small' : small ? 'small' : 'default';\r\n  });\r\n}\r\n\r\n/** Native `<ul>`/`<ol>` host, so list semantics stay native and no `role=\"list\"` is imitated. */\r\n@Component({\r\n  selector: 'ul[raqm-item-group], ol[raqm-item-group]',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: flex;\r\n        flex-direction: column;\r\n        inline-size: 100%;\r\n        gap: calc(var(--raqm-spacing) * 4);\r\n        margin: 0;\r\n        padding: 0;\r\n        list-style: none;\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-item-group',\r\n  },\r\n})\r\nexport class RaqmItemGroupComponent {}\r\n\r\n/** Viewless marker on `<raqm-separator>`; the separator keeps its own role and geometry. */\r\n@Directive({\r\n  selector: 'raqm-separator[raqm-item-separator]',\r\n  host: {\r\n    class: 'raqm-item-separator',\r\n  },\r\n})\r\nexport class RaqmItemSeparatorDirective {}\r\n\r\n@Component({\r\n  selector: 'raqm-item-media',\r\n  template: '<ng-content />',\r\n  styleUrl: './item-media.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-item-media',\r\n  },\r\n})\r\nexport class RaqmItemMediaComponent {}\r\n\r\n@Component({\r\n  selector: 'raqm-item-content',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: flex;\r\n        flex: 1 1 0%;\r\n        flex-direction: column;\r\n        min-inline-size: 0;\r\n        gap: calc(var(--raqm-spacing) * 1);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-item-content' },\r\n})\r\nexport class RaqmItemContentComponent {}\r\n\r\n@Component({\r\n  selector:\r\n    'raqm-item-title, h1[raqm-item-title], h2[raqm-item-title], h3[raqm-item-title], h4[raqm-item-title], h5[raqm-item-title], h6[raqm-item-title]',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: -webkit-box;\r\n        -webkit-box-orient: vertical;\r\n        -webkit-line-clamp: 1;\r\n        overflow: hidden;\r\n        inline-size: fit-content;\r\n        max-inline-size: 100%;\r\n        font-size: var(--raqm-font-size-sm);\r\n        font-weight: var(--raqm-font-weight-medium);\r\n        line-height: var(--raqm-line-height-snug);\r\n        text-underline-offset: 4px;\r\n      }\r\n\r\n      :host:is(h1, h2, h3, h4, h5, h6) {\r\n        margin: 0;\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-item-title' },\r\n})\r\nexport class RaqmItemTitleComponent {}\r\n\r\n@Component({\r\n  selector: 'raqm-item-description, p[raqm-item-description]',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: -webkit-box;\r\n        -webkit-box-orient: vertical;\r\n        -webkit-line-clamp: 2;\r\n        overflow: hidden;\r\n        margin: 0;\r\n        color: var(--raqm-muted-foreground);\r\n        font-weight: normal;\r\n        font-size: var(--raqm-font-size-sm);\r\n        line-height: var(--raqm-line-height-normal);\r\n        text-align: start;\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-item-description' },\r\n})\r\nexport class RaqmItemDescriptionComponent {}\r\n\r\n@Component({\r\n  selector: 'raqm-item-actions',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: calc(var(--raqm-spacing) * 2);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-item-actions' },\r\n})\r\nexport class RaqmItemActionsComponent {}\r\n\r\n@Component({\r\n  selector: 'raqm-item-header',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: flex;\r\n        flex-basis: 100%;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: calc(var(--raqm-spacing) * 2);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-item-header' },\r\n})\r\nexport class RaqmItemHeaderComponent {}\r\n\r\n@Component({\r\n  selector: 'raqm-item-footer',\r\n  template: '<ng-content />',\r\n  styles: [\r\n    `\r\n      :host {\r\n        display: flex;\r\n        flex-basis: 100%;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: calc(var(--raqm-spacing) * 2);\r\n      }\r\n    `,\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'raqm-item-footer' },\r\n})\r\nexport class RaqmItemFooterComponent {}\r\n","// Public API for `@raqm/ui/item`; the root entry point re-exports these symbols.\r\nimport {\r\n  RaqmItemActionsComponent,\r\n  RaqmItemComponent,\r\n  RaqmItemContentComponent,\r\n  RaqmItemDescriptionComponent,\r\n  RaqmItemFooterComponent,\r\n  RaqmItemGroupComponent,\r\n  RaqmItemHeaderComponent,\r\n  RaqmItemMediaComponent,\r\n  RaqmItemSeparatorDirective,\r\n  RaqmItemTitleComponent,\r\n} from './item';\r\n\r\nexport {\r\n  RaqmItemActionsComponent,\r\n  RaqmItemComponent,\r\n  RaqmItemContentComponent,\r\n  RaqmItemDescriptionComponent,\r\n  RaqmItemFooterComponent,\r\n  RaqmItemGroupComponent,\r\n  RaqmItemHeaderComponent,\r\n  RaqmItemMediaComponent,\r\n  RaqmItemSeparatorDirective,\r\n  RaqmItemTitleComponent,\r\n};\r\n\r\n// A nested readonly array lets Angular imports accept `RaqmItem` directly.\r\nexport const RaqmItem = [\r\n  RaqmItemComponent,\r\n  RaqmItemGroupComponent,\r\n  RaqmItemSeparatorDirective,\r\n  RaqmItemMediaComponent,\r\n  RaqmItemContentComponent,\r\n  RaqmItemTitleComponent,\r\n  RaqmItemDescriptionComponent,\r\n  RaqmItemActionsComponent,\r\n  RaqmItemHeaderComponent,\r\n  RaqmItemFooterComponent,\r\n] as const;\r\n"],"mappings":"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"}

package/fesm2022/raqm-ui-kbd.mjs

@@ -0,0 +1,80 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+var RaqmKbdComponent = class RaqmKbdComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmKbdComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmKbdComponent,
+		isStandalone: true,
+		selector: "kbd[raqm-kbd]",
+		host: { classAttribute: "raqm-kbd" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmKbdComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "kbd[raqm-kbd]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-kbd" }
+		}]
+	}]
+});
+var RaqmKbdGroupComponent = class RaqmKbdGroupComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmKbdGroupComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmKbdGroupComponent,
+		isStandalone: true,
+		selector: "span[raqm-kbd-group]",
+		host: { classAttribute: "raqm-kbd-group" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmKbdGroupComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "span[raqm-kbd-group]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-kbd-group" }
+		}]
+	}]
+});
+const RaqmKbd = [RaqmKbdComponent, RaqmKbdGroupComponent];
+export { RaqmKbd, RaqmKbdComponent, RaqmKbdGroupComponent };
+
+//# sourceMappingURL=raqm-ui-kbd.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-kbd.mjs","names":[],"sources":["../../../projects/ui/kbd/kbd.ts","../../../projects/ui/kbd/public-api.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\n/** Raqm kbd — the host is the native `<kbd>`, so the hint is descriptive text, never a control. */\r\n@Component({\r\n  selector: 'kbd[raqm-kbd]',\r\n  template: '<ng-content />',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-kbd',\r\n  },\r\n})\r\nexport class RaqmKbdComponent {}\r\n\r\n/** Raqm kbd group — layout only: no role, tab stop or keyboard handling. */\r\n@Component({\r\n  selector: 'span[raqm-kbd-group]',\r\n  template: '<ng-content />',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-kbd-group',\r\n  },\r\n})\r\nexport class RaqmKbdGroupComponent {}\r\n","import { RaqmKbdComponent, RaqmKbdGroupComponent } from './kbd';\r\n\r\nexport { RaqmKbdComponent, RaqmKbdGroupComponent };\r\n\r\n// `RaqmKbd` bundles both components for `imports: [RaqmKbd]`.\r\nexport const RaqmKbd = [RaqmKbdComponent, RaqmKbdGroupComponent] as const;\r\n"],"mappings":";;AAWA,IAAa,mBAAb,MAAa,iBAAgB;CAAhB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,WAAA;EAAA,UAAA;EAAA,UANjB;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAMf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAR5B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM,EACJ,OAAO,WACR;EACF,CAAA;;;AAYD,IAAa,wBAAb,MAAa,sBAAqB;CAArB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAqB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAArB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAqB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,iBAAA;EAAA,UAAA;EAAA,UANtB;EAAgB,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAMf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EARjC,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;GACV,iBAAiB,wBAAwB;GACzC,MAAM,EACJ,OAAO,iBACR;EACF,CAAA;;;AChBD,MAAa,UAAU,CAAC,kBAAkB,qBAAqB"}

package/fesm2022/raqm-ui-label.mjs

@@ -0,0 +1,44 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component } from "@angular/core";
+var RaqmLabel = class RaqmLabel {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmLabel,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmLabel,
+		isStandalone: true,
+		selector: "label[raqm-label]",
+		host: { classAttribute: "raqm-label" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:flex;align-items:center;gap:calc(var(--raqm-spacing) * 2);font-size:var(--raqm-font-size-sm);line-height:var(--raqm-line-height-none);font-weight:var(--raqm-font-weight-medium);-webkit-user-select:none;user-select:none;color:var(--raqm-foreground);min-width:0;overflow-wrap:anywhere}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmLabel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "label[raqm-label]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-label" },
+			styles: [":host{display:flex;align-items:center;gap:calc(var(--raqm-spacing) * 2);font-size:var(--raqm-font-size-sm);line-height:var(--raqm-line-height-none);font-weight:var(--raqm-font-weight-medium);-webkit-user-select:none;user-select:none;color:var(--raqm-foreground);min-width:0;overflow-wrap:anywhere}\n"]
+		}]
+	}]
+});
+export { RaqmLabel };
+
+//# sourceMappingURL=raqm-ui-label.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-label.mjs","names":[],"sources":["../../../projects/ui/label/label.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\r\n\r\n/** Raqm label — the host is the native `<label>`, so native association is preserved. */\r\n@Component({\r\n  selector: 'label[raqm-label]',\r\n  template: '<ng-content />',\r\n  styleUrl: './label.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'raqm-label',\r\n  },\r\n})\r\nexport class RaqmLabel {}\r\n"],"mappings":";;AAYA,IAAa,YAAb,MAAa,UAAS;CAAT,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,aAAA;EAAA,UAAA;EAAA,UAPV;EAAgB,UAAA;EAAA,QAAA,CAAA,6SAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAOf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EATrB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAmB,UACnB;GAAgB,iBAET,wBAAwB;GAAM,MACzC,EACJ,OAAO,aACR;GAAA,QAAA,CAAA,6SAAA;EAAA,CAAA"}