@raqm/ui 0.0.0-stage → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/LICENSE +21 -0
- package/NOTICE.md +28 -0
- package/README.md +126 -3
- package/combobox/README.md +17 -0
- package/fesm2022/raqm-ui-accordion.mjs +414 -0
- package/fesm2022/raqm-ui-accordion.mjs.map +1 -0
- package/fesm2022/raqm-ui-alert-dialog.mjs +457 -0
- package/fesm2022/raqm-ui-alert-dialog.mjs.map +1 -0
- package/fesm2022/raqm-ui-alert.mjs +195 -0
- package/fesm2022/raqm-ui-alert.mjs.map +1 -0
- package/fesm2022/raqm-ui-aspect-ratio.mjs +66 -0
- package/fesm2022/raqm-ui-aspect-ratio.mjs.map +1 -0
- package/fesm2022/raqm-ui-attachment.mjs +435 -0
- package/fesm2022/raqm-ui-attachment.mjs.map +1 -0
- package/fesm2022/raqm-ui-avatar.mjs +337 -0
- package/fesm2022/raqm-ui-avatar.mjs.map +1 -0
- package/fesm2022/raqm-ui-badge.mjs +68 -0
- package/fesm2022/raqm-ui-badge.mjs.map +1 -0
- package/fesm2022/raqm-ui-breadcrumb.mjs +309 -0
- package/fesm2022/raqm-ui-breadcrumb.mjs.map +1 -0
- package/fesm2022/raqm-ui-button-group.mjs +138 -0
- package/fesm2022/raqm-ui-button-group.mjs.map +1 -0
- package/fesm2022/raqm-ui-button.mjs +295 -0
- package/fesm2022/raqm-ui-button.mjs.map +1 -0
- package/fesm2022/raqm-ui-calendar.mjs +1394 -0
- package/fesm2022/raqm-ui-calendar.mjs.map +1 -0
- package/fesm2022/raqm-ui-card.mjs +331 -0
- package/fesm2022/raqm-ui-card.mjs.map +1 -0
- package/fesm2022/raqm-ui-carousel.mjs +410 -0
- package/fesm2022/raqm-ui-carousel.mjs.map +1 -0
- package/fesm2022/raqm-ui-checkbox.mjs +86 -0
- package/fesm2022/raqm-ui-checkbox.mjs.map +1 -0
- package/fesm2022/raqm-ui-collapsible.mjs +266 -0
- package/fesm2022/raqm-ui-collapsible.mjs.map +1 -0
- package/fesm2022/raqm-ui-combobox.mjs +1584 -0
- package/fesm2022/raqm-ui-combobox.mjs.map +1 -0
- package/fesm2022/raqm-ui-command.mjs +1210 -0
- package/fesm2022/raqm-ui-command.mjs.map +1 -0
- package/fesm2022/raqm-ui-context-menu.mjs +723 -0
- package/fesm2022/raqm-ui-context-menu.mjs.map +1 -0
- package/fesm2022/raqm-ui-dialog.mjs +1214 -0
- package/fesm2022/raqm-ui-dialog.mjs.map +1 -0
- package/fesm2022/raqm-ui-drawer.mjs +687 -0
- package/fesm2022/raqm-ui-drawer.mjs.map +1 -0
- package/fesm2022/raqm-ui-dropdown-menu.mjs +1168 -0
- package/fesm2022/raqm-ui-dropdown-menu.mjs.map +1 -0
- package/fesm2022/raqm-ui-empty.mjs +272 -0
- package/fesm2022/raqm-ui-empty.mjs.map +1 -0
- package/fesm2022/raqm-ui-field.mjs +517 -0
- package/fesm2022/raqm-ui-field.mjs.map +1 -0
- package/fesm2022/raqm-ui-hover-card.mjs +828 -0
- package/fesm2022/raqm-ui-hover-card.mjs.map +1 -0
- package/fesm2022/raqm-ui-input-group.mjs +270 -0
- package/fesm2022/raqm-ui-input-group.mjs.map +1 -0
- package/fesm2022/raqm-ui-input-otp.mjs +788 -0
- package/fesm2022/raqm-ui-input-otp.mjs.map +1 -0
- package/fesm2022/raqm-ui-input.mjs +73 -0
- package/fesm2022/raqm-ui-input.mjs.map +1 -0
- package/fesm2022/raqm-ui-item.mjs +495 -0
- package/fesm2022/raqm-ui-item.mjs.map +1 -0
- package/fesm2022/raqm-ui-kbd.mjs +80 -0
- package/fesm2022/raqm-ui-kbd.mjs.map +1 -0
- package/fesm2022/raqm-ui-label.mjs +44 -0
- package/fesm2022/raqm-ui-label.mjs.map +1 -0
- package/fesm2022/raqm-ui-menubar.mjs +536 -0
- package/fesm2022/raqm-ui-menubar.mjs.map +1 -0
- package/fesm2022/raqm-ui-native-select.mjs +131 -0
- package/fesm2022/raqm-ui-native-select.mjs.map +1 -0
- package/fesm2022/raqm-ui-navigation-menu.mjs +1399 -0
- package/fesm2022/raqm-ui-navigation-menu.mjs.map +1 -0
- package/fesm2022/raqm-ui-overlay-internal.mjs +185 -0
- package/fesm2022/raqm-ui-overlay-internal.mjs.map +1 -0
- package/fesm2022/raqm-ui-pagination.mjs +440 -0
- package/fesm2022/raqm-ui-pagination.mjs.map +1 -0
- package/fesm2022/raqm-ui-popover.mjs +1495 -0
- package/fesm2022/raqm-ui-popover.mjs.map +1 -0
- package/fesm2022/raqm-ui-progress.mjs +369 -0
- package/fesm2022/raqm-ui-progress.mjs.map +1 -0
- package/fesm2022/raqm-ui-questionnaire.mjs +1005 -0
- package/fesm2022/raqm-ui-questionnaire.mjs.map +1 -0
- package/fesm2022/raqm-ui-radio-group.mjs +151 -0
- package/fesm2022/raqm-ui-radio-group.mjs.map +1 -0
- package/fesm2022/raqm-ui-resizable.mjs +439 -0
- package/fesm2022/raqm-ui-resizable.mjs.map +1 -0
- package/fesm2022/raqm-ui-scroll-area.mjs +510 -0
- package/fesm2022/raqm-ui-scroll-area.mjs.map +1 -0
- package/fesm2022/raqm-ui-select.mjs +1073 -0
- package/fesm2022/raqm-ui-select.mjs.map +1 -0
- package/fesm2022/raqm-ui-separator.mjs +103 -0
- package/fesm2022/raqm-ui-separator.mjs.map +1 -0
- package/fesm2022/raqm-ui-sheet.mjs +411 -0
- package/fesm2022/raqm-ui-sheet.mjs.map +1 -0
- package/fesm2022/raqm-ui-sidebar.mjs +1784 -0
- package/fesm2022/raqm-ui-sidebar.mjs.map +1 -0
- package/fesm2022/raqm-ui-skeleton.mjs +50 -0
- package/fesm2022/raqm-ui-skeleton.mjs.map +1 -0
- package/fesm2022/raqm-ui-slider.mjs +609 -0
- package/fesm2022/raqm-ui-slider.mjs.map +1 -0
- package/fesm2022/raqm-ui-spinner.mjs +137 -0
- package/fesm2022/raqm-ui-spinner.mjs.map +1 -0
- package/fesm2022/raqm-ui-switch.mjs +109 -0
- package/fesm2022/raqm-ui-switch.mjs.map +1 -0
- package/fesm2022/raqm-ui-table.mjs +271 -0
- package/fesm2022/raqm-ui-table.mjs.map +1 -0
- package/fesm2022/raqm-ui-tabs.mjs +536 -0
- package/fesm2022/raqm-ui-tabs.mjs.map +1 -0
- package/fesm2022/raqm-ui-textarea.mjs +37 -0
- package/fesm2022/raqm-ui-textarea.mjs.map +1 -0
- package/fesm2022/raqm-ui-toast.mjs +918 -0
- package/fesm2022/raqm-ui-toast.mjs.map +1 -0
- package/fesm2022/raqm-ui-toggle-group.mjs +462 -0
- package/fesm2022/raqm-ui-toggle-group.mjs.map +1 -0
- package/fesm2022/raqm-ui-toggle.mjs +158 -0
- package/fesm2022/raqm-ui-toggle.mjs.map +1 -0
- package/fesm2022/raqm-ui-tooltip.mjs +1226 -0
- package/fesm2022/raqm-ui-tooltip.mjs.map +1 -0
- package/fesm2022/raqm-ui.mjs +50 -0
- package/input-otp/README.md +12 -0
- package/package.json +275 -3
- package/styles/theme.css +4324 -0
- package/types/raqm-ui-accordion.d.ts +124 -0
- package/types/raqm-ui-alert-dialog.d.ts +81 -0
- package/types/raqm-ui-alert.d.ts +29 -0
- package/types/raqm-ui-aspect-ratio.d.ts +13 -0
- package/types/raqm-ui-attachment.d.ts +72 -0
- package/types/raqm-ui-avatar.d.ts +67 -0
- package/types/raqm-ui-badge.d.ts +20 -0
- package/types/raqm-ui-breadcrumb.d.ts +35 -0
- package/types/raqm-ui-button-group.d.ts +27 -0
- package/types/raqm-ui-button.d.ts +80 -0
- package/types/raqm-ui-calendar.d.ts +359 -0
- package/types/raqm-ui-card.d.ts +34 -0
- package/types/raqm-ui-carousel.d.ts +81 -0
- package/types/raqm-ui-checkbox.d.ts +24 -0
- package/types/raqm-ui-collapsible.d.ts +72 -0
- package/types/raqm-ui-combobox.d.ts +405 -0
- package/types/raqm-ui-command.d.ts +256 -0
- package/types/raqm-ui-context-menu.d.ts +196 -0
- package/types/raqm-ui-dialog.d.ts +232 -0
- package/types/raqm-ui-drawer.d.ts +121 -0
- package/types/raqm-ui-dropdown-menu.d.ts +319 -0
- package/types/raqm-ui-empty.d.ts +35 -0
- package/types/raqm-ui-field.d.ts +88 -0
- package/types/raqm-ui-hover-card.d.ts +139 -0
- package/types/raqm-ui-input-group.d.ts +45 -0
- package/types/raqm-ui-input-otp.d.ts +197 -0
- package/types/raqm-ui-input.d.ts +16 -0
- package/types/raqm-ui-item.d.ts +71 -0
- package/types/raqm-ui-kbd.d.ts +12 -0
- package/types/raqm-ui-label.d.ts +6 -0
- package/types/raqm-ui-menubar.d.ts +159 -0
- package/types/raqm-ui-native-select.d.ts +23 -0
- package/types/raqm-ui-navigation-menu.d.ts +230 -0
- package/types/raqm-ui-overlay-internal.d.ts +5 -0
- package/types/raqm-ui-pagination.d.ts +84 -0
- package/types/raqm-ui-popover.d.ts +235 -0
- package/types/raqm-ui-progress.d.ts +79 -0
- package/types/raqm-ui-questionnaire.d.ts +217 -0
- package/types/raqm-ui-radio-group.d.ts +48 -0
- package/types/raqm-ui-resizable.d.ts +98 -0
- package/types/raqm-ui-scroll-area.d.ts +132 -0
- package/types/raqm-ui-select.d.ts +205 -0
- package/types/raqm-ui-separator.d.ts +21 -0
- package/types/raqm-ui-sheet.d.ts +79 -0
- package/types/raqm-ui-sidebar.d.ts +285 -0
- package/types/raqm-ui-skeleton.d.ts +6 -0
- package/types/raqm-ui-slider.d.ts +129 -0
- package/types/raqm-ui-spinner.d.ts +32 -0
- package/types/raqm-ui-switch.d.ts +32 -0
- package/types/raqm-ui-table.d.ts +36 -0
- package/types/raqm-ui-tabs.d.ts +154 -0
- package/types/raqm-ui-textarea.d.ts +6 -0
- package/types/raqm-ui-toast.d.ts +190 -0
- package/types/raqm-ui-toggle-group.d.ts +167 -0
- package/types/raqm-ui-toggle.d.ts +42 -0
- package/types/raqm-ui-tooltip.d.ts +207 -0
- package/types/raqm-ui.d.ts +50 -0
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input } from "@angular/core";
|
|
3
|
+
var RaqmAlertComponent = class RaqmAlertComponent {
|
|
4
|
+
destructive = input(false, {
|
|
5
|
+
...ngDevMode ? { debugName: "destructive" } : /* istanbul ignore next */ {},
|
|
6
|
+
transform: booleanAttribute
|
|
7
|
+
});
|
|
8
|
+
activeVariant = computed(() => this.destructive() ? "destructive" : "default", ...ngDevMode ? [{ debugName: "activeVariant" }] : /* istanbul ignore next */ []);
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
10
|
+
minVersion: "12.0.0",
|
|
11
|
+
version: "22.2.2",
|
|
12
|
+
ngImport: i0,
|
|
13
|
+
type: RaqmAlertComponent,
|
|
14
|
+
deps: [],
|
|
15
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
16
|
+
});
|
|
17
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
18
|
+
minVersion: "17.1.0",
|
|
19
|
+
version: "22.2.2",
|
|
20
|
+
type: RaqmAlertComponent,
|
|
21
|
+
isStandalone: true,
|
|
22
|
+
selector: "raqm-alert",
|
|
23
|
+
inputs: { destructive: {
|
|
24
|
+
classPropertyName: "destructive",
|
|
25
|
+
publicName: "destructive",
|
|
26
|
+
isSignal: true,
|
|
27
|
+
isRequired: false,
|
|
28
|
+
transformFunction: null
|
|
29
|
+
} },
|
|
30
|
+
host: {
|
|
31
|
+
attributes: { "role": "alert" },
|
|
32
|
+
properties: { "attr.data-raqm-variant": "activeVariant()" },
|
|
33
|
+
classAttribute: "raqm-alert"
|
|
34
|
+
},
|
|
35
|
+
ngImport: i0,
|
|
36
|
+
template: "<ng-content />",
|
|
37
|
+
isInline: true,
|
|
38
|
+
styles: [":host{display:grid;box-sizing:border-box;inline-size:100%;gap:calc(var(--raqm-spacing) * .5);border:1px solid var(--raqm-border);border-radius:var(--raqm-radius-lg);padding-inline:calc(var(--raqm-spacing) * 2.5);padding-block:calc(var(--raqm-spacing) * 2);text-align:start;font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);background-color:var(--raqm-card);color:var(--raqm-card-foreground)}:host([data-raqm-variant=destructive]){background-color:var(--raqm-card);color:var(--raqm-destructive)}\n"],
|
|
39
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
43
|
+
minVersion: "12.0.0",
|
|
44
|
+
version: "22.2.2",
|
|
45
|
+
ngImport: i0,
|
|
46
|
+
type: RaqmAlertComponent,
|
|
47
|
+
decorators: [{
|
|
48
|
+
type: Component,
|
|
49
|
+
args: [{
|
|
50
|
+
selector: "raqm-alert",
|
|
51
|
+
template: "<ng-content />",
|
|
52
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
53
|
+
host: {
|
|
54
|
+
class: "raqm-alert",
|
|
55
|
+
role: "alert",
|
|
56
|
+
"[attr.data-raqm-variant]": "activeVariant()"
|
|
57
|
+
},
|
|
58
|
+
styles: [":host{display:grid;box-sizing:border-box;inline-size:100%;gap:calc(var(--raqm-spacing) * .5);border:1px solid var(--raqm-border);border-radius:var(--raqm-radius-lg);padding-inline:calc(var(--raqm-spacing) * 2.5);padding-block:calc(var(--raqm-spacing) * 2);text-align:start;font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);background-color:var(--raqm-card);color:var(--raqm-card-foreground)}:host([data-raqm-variant=destructive]){background-color:var(--raqm-card);color:var(--raqm-destructive)}\n"]
|
|
59
|
+
}]
|
|
60
|
+
}],
|
|
61
|
+
propDecorators: { destructive: [{
|
|
62
|
+
type: i0.Input,
|
|
63
|
+
args: [{
|
|
64
|
+
isSignal: true,
|
|
65
|
+
alias: "destructive",
|
|
66
|
+
required: false
|
|
67
|
+
}]
|
|
68
|
+
}] }
|
|
69
|
+
});
|
|
70
|
+
var RaqmAlertTitleComponent = class RaqmAlertTitleComponent {
|
|
71
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
72
|
+
minVersion: "12.0.0",
|
|
73
|
+
version: "22.2.2",
|
|
74
|
+
ngImport: i0,
|
|
75
|
+
type: RaqmAlertTitleComponent,
|
|
76
|
+
deps: [],
|
|
77
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
78
|
+
});
|
|
79
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
80
|
+
minVersion: "14.0.0",
|
|
81
|
+
version: "22.2.2",
|
|
82
|
+
type: RaqmAlertTitleComponent,
|
|
83
|
+
isStandalone: true,
|
|
84
|
+
selector: "raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]",
|
|
85
|
+
host: { classAttribute: "raqm-alert-title" },
|
|
86
|
+
ngImport: i0,
|
|
87
|
+
template: "<ng-content />",
|
|
88
|
+
isInline: true,
|
|
89
|
+
styles: [":host{font-size:inherit;line-height:inherit;font-weight:var(--raqm-font-weight-medium)}:host:is(h1,h2,h3,h4,h5,h6){margin:0}\n"],
|
|
90
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
94
|
+
minVersion: "12.0.0",
|
|
95
|
+
version: "22.2.2",
|
|
96
|
+
ngImport: i0,
|
|
97
|
+
type: RaqmAlertTitleComponent,
|
|
98
|
+
decorators: [{
|
|
99
|
+
type: Component,
|
|
100
|
+
args: [{
|
|
101
|
+
selector: "raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]",
|
|
102
|
+
template: "<ng-content />",
|
|
103
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
104
|
+
host: { class: "raqm-alert-title" },
|
|
105
|
+
styles: [":host{font-size:inherit;line-height:inherit;font-weight:var(--raqm-font-weight-medium)}:host:is(h1,h2,h3,h4,h5,h6){margin:0}\n"]
|
|
106
|
+
}]
|
|
107
|
+
}]
|
|
108
|
+
});
|
|
109
|
+
var RaqmAlertDescriptionComponent = class RaqmAlertDescriptionComponent {
|
|
110
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
111
|
+
minVersion: "12.0.0",
|
|
112
|
+
version: "22.2.2",
|
|
113
|
+
ngImport: i0,
|
|
114
|
+
type: RaqmAlertDescriptionComponent,
|
|
115
|
+
deps: [],
|
|
116
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
117
|
+
});
|
|
118
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
119
|
+
minVersion: "14.0.0",
|
|
120
|
+
version: "22.2.2",
|
|
121
|
+
type: RaqmAlertDescriptionComponent,
|
|
122
|
+
isStandalone: true,
|
|
123
|
+
selector: "raqm-alert-description, p[raqm-alert-description]",
|
|
124
|
+
host: { classAttribute: "raqm-alert-description" },
|
|
125
|
+
ngImport: i0,
|
|
126
|
+
template: "<ng-content />",
|
|
127
|
+
isInline: true,
|
|
128
|
+
styles: [":host{color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-wrap:balance}:host:is(p){margin:0}@media(min-width:48rem){:host{text-wrap:pretty}}\n"],
|
|
129
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
130
|
+
});
|
|
131
|
+
};
|
|
132
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
133
|
+
minVersion: "12.0.0",
|
|
134
|
+
version: "22.2.2",
|
|
135
|
+
ngImport: i0,
|
|
136
|
+
type: RaqmAlertDescriptionComponent,
|
|
137
|
+
decorators: [{
|
|
138
|
+
type: Component,
|
|
139
|
+
args: [{
|
|
140
|
+
selector: "raqm-alert-description, p[raqm-alert-description]",
|
|
141
|
+
template: "<ng-content />",
|
|
142
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
143
|
+
host: { class: "raqm-alert-description" },
|
|
144
|
+
styles: [":host{color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-wrap:balance}:host:is(p){margin:0}@media(min-width:48rem){:host{text-wrap:pretty}}\n"]
|
|
145
|
+
}]
|
|
146
|
+
}]
|
|
147
|
+
});
|
|
148
|
+
var RaqmAlertActionComponent = class RaqmAlertActionComponent {
|
|
149
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
150
|
+
minVersion: "12.0.0",
|
|
151
|
+
version: "22.2.2",
|
|
152
|
+
ngImport: i0,
|
|
153
|
+
type: RaqmAlertActionComponent,
|
|
154
|
+
deps: [],
|
|
155
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
156
|
+
});
|
|
157
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
158
|
+
minVersion: "14.0.0",
|
|
159
|
+
version: "22.2.2",
|
|
160
|
+
type: RaqmAlertActionComponent,
|
|
161
|
+
isStandalone: true,
|
|
162
|
+
selector: "raqm-alert-action",
|
|
163
|
+
host: { classAttribute: "raqm-alert-action" },
|
|
164
|
+
ngImport: i0,
|
|
165
|
+
template: "<ng-content />",
|
|
166
|
+
isInline: true,
|
|
167
|
+
styles: [":host{position:absolute;inset-block-start:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}\n"],
|
|
168
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
169
|
+
});
|
|
170
|
+
};
|
|
171
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
172
|
+
minVersion: "12.0.0",
|
|
173
|
+
version: "22.2.2",
|
|
174
|
+
ngImport: i0,
|
|
175
|
+
type: RaqmAlertActionComponent,
|
|
176
|
+
decorators: [{
|
|
177
|
+
type: Component,
|
|
178
|
+
args: [{
|
|
179
|
+
selector: "raqm-alert-action",
|
|
180
|
+
template: "<ng-content />",
|
|
181
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
182
|
+
host: { class: "raqm-alert-action" },
|
|
183
|
+
styles: [":host{position:absolute;inset-block-start:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}\n"]
|
|
184
|
+
}]
|
|
185
|
+
}]
|
|
186
|
+
});
|
|
187
|
+
const RaqmAlert = [
|
|
188
|
+
RaqmAlertComponent,
|
|
189
|
+
RaqmAlertTitleComponent,
|
|
190
|
+
RaqmAlertDescriptionComponent,
|
|
191
|
+
RaqmAlertActionComponent
|
|
192
|
+
];
|
|
193
|
+
export { RaqmAlert, RaqmAlertActionComponent, RaqmAlertComponent, RaqmAlertDescriptionComponent, RaqmAlertTitleComponent };
|
|
194
|
+
|
|
195
|
+
//# sourceMappingURL=raqm-ui-alert.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"raqm-ui-alert.mjs","names":[],"sources":["../../../projects/ui/alert/alert.ts","../../../projects/ui/alert/public-api.ts"],"sourcesContent":["import {\r\n ChangeDetectionStrategy,\r\n Component,\r\n booleanAttribute,\r\n computed,\r\n input,\r\n} from '@angular/core';\r\n\r\n/** Passive callout frame; static markup with no dismiss state or close output. */\r\n@Component({\r\n selector: 'raqm-alert',\r\n template: '<ng-content />',\r\n styleUrl: './alert.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'raqm-alert',\r\n // Alert live region; no aria-live override and no tab stop.\r\n role: 'alert',\r\n '[attr.data-raqm-variant]': 'activeVariant()',\r\n },\r\n})\r\nexport class RaqmAlertComponent {\r\n readonly destructive = input(false, { transform: booleanAttribute });\r\n\r\n protected readonly activeVariant = computed(() =>\r\n this.destructive() ? 'destructive' : 'default',\r\n );\r\n}\r\n\r\n/** Heading selectors keep native heading semantics at the alert type scale. */\r\n@Component({\r\n selector:\r\n 'raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]',\r\n template: '<ng-content />',\r\n styles: [\r\n `\r\n :host {\r\n font-size: inherit;\r\n line-height: inherit;\r\n font-weight: var(--raqm-font-weight-medium);\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-alert-title' },\r\n})\r\nexport class RaqmAlertTitleComponent {}\r\n\r\n@Component({\r\n selector: 'raqm-alert-description, p[raqm-alert-description]',\r\n template: '<ng-content />',\r\n styleUrl: './alert-description.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { class: 'raqm-alert-description' },\r\n})\r\nexport class RaqmAlertDescriptionComponent {}\r\n\r\n/** Placement only; the projected control keeps its own label, state and keyboard behaviour. */\r\n@Component({\r\n selector: 'raqm-alert-action',\r\n template: '<ng-content />',\r\n styles: [\r\n `\r\n :host {\r\n position: absolute;\r\n inset-block-start: calc(var(--raqm-spacing) * 2);\r\n inset-inline-end: calc(var(--raqm-spacing) * 2);\r\n }\r\n `,\r\n ],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: { class: 'raqm-alert-action' },\r\n})\r\nexport class RaqmAlertActionComponent {}\r\n","// Public API for `@raqm/ui/alert`; the root entry point re-exports these symbols.\r\nimport {\r\n RaqmAlertActionComponent,\r\n RaqmAlertComponent,\r\n RaqmAlertDescriptionComponent,\r\n RaqmAlertTitleComponent,\r\n} from './alert';\r\n\r\nexport {\r\n RaqmAlertActionComponent,\r\n RaqmAlertComponent,\r\n RaqmAlertDescriptionComponent,\r\n RaqmAlertTitleComponent,\r\n};\r\n\r\n// A nested readonly array lets Angular imports accept `RaqmAlert` directly.\r\nexport const RaqmAlert = [\r\n RaqmAlertComponent,\r\n RaqmAlertTitleComponent,\r\n RaqmAlertDescriptionComponent,\r\n RaqmAlertActionComponent,\r\n] as const;\r\n"],"mappings":"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"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, input } from "@angular/core";
|
|
3
|
+
var RaqmAspectRatio = class RaqmAspectRatio {
|
|
4
|
+
ratio = input(1, ...ngDevMode ? [{ debugName: "ratio" }] : /* istanbul ignore next */ []);
|
|
5
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
6
|
+
minVersion: "12.0.0",
|
|
7
|
+
version: "22.2.2",
|
|
8
|
+
ngImport: i0,
|
|
9
|
+
type: RaqmAspectRatio,
|
|
10
|
+
deps: [],
|
|
11
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
12
|
+
});
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
14
|
+
minVersion: "17.1.0",
|
|
15
|
+
version: "22.2.2",
|
|
16
|
+
type: RaqmAspectRatio,
|
|
17
|
+
isStandalone: true,
|
|
18
|
+
selector: "raqm-aspect-ratio",
|
|
19
|
+
inputs: { ratio: {
|
|
20
|
+
classPropertyName: "ratio",
|
|
21
|
+
publicName: "ratio",
|
|
22
|
+
isSignal: true,
|
|
23
|
+
isRequired: false,
|
|
24
|
+
transformFunction: null
|
|
25
|
+
} },
|
|
26
|
+
host: {
|
|
27
|
+
properties: { "style.--raqm-aspect-ratio": "ratio()" },
|
|
28
|
+
classAttribute: "raqm-aspect-ratio"
|
|
29
|
+
},
|
|
30
|
+
ngImport: i0,
|
|
31
|
+
template: "<ng-content />",
|
|
32
|
+
isInline: true,
|
|
33
|
+
styles: [":host{display:block;position:relative;aspect-ratio:var(--raqm-aspect-ratio, 1)}\n"],
|
|
34
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
38
|
+
minVersion: "12.0.0",
|
|
39
|
+
version: "22.2.2",
|
|
40
|
+
ngImport: i0,
|
|
41
|
+
type: RaqmAspectRatio,
|
|
42
|
+
decorators: [{
|
|
43
|
+
type: Component,
|
|
44
|
+
args: [{
|
|
45
|
+
selector: "raqm-aspect-ratio",
|
|
46
|
+
template: "<ng-content />",
|
|
47
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
48
|
+
host: {
|
|
49
|
+
class: "raqm-aspect-ratio",
|
|
50
|
+
"[style.--raqm-aspect-ratio]": "ratio()"
|
|
51
|
+
},
|
|
52
|
+
styles: [":host{display:block;position:relative;aspect-ratio:var(--raqm-aspect-ratio, 1)}\n"]
|
|
53
|
+
}]
|
|
54
|
+
}],
|
|
55
|
+
propDecorators: { ratio: [{
|
|
56
|
+
type: i0.Input,
|
|
57
|
+
args: [{
|
|
58
|
+
isSignal: true,
|
|
59
|
+
alias: "ratio",
|
|
60
|
+
required: false
|
|
61
|
+
}]
|
|
62
|
+
}] }
|
|
63
|
+
});
|
|
64
|
+
export { RaqmAspectRatio };
|
|
65
|
+
|
|
66
|
+
//# sourceMappingURL=raqm-ui-aspect-ratio.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"raqm-ui-aspect-ratio.mjs","names":[],"sources":["../../../projects/ui/aspect-ratio/aspect-ratio.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n/** Raqm aspect ratio — constrains projected content to a fixed width-to-height ratio. */\r\n@Component({\r\n selector: 'raqm-aspect-ratio',\r\n template: '<ng-content />',\r\n styleUrl: './aspect-ratio.component.scss',\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'raqm-aspect-ratio',\r\n '[style.--raqm-aspect-ratio]': 'ratio()',\r\n },\r\n})\r\nexport class RaqmAspectRatio {\r\n // The ratio is set as an inline custom property, so a class override needs `!important`.\r\n readonly ratio = input<number>(1);\r\n}\r\n"],"mappings":";;AAaA,IAAa,kBAAb,MAAa,gBAAe;CAEjB,QAAQ,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAFtB,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAe,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAf,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAe,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,6BAAA,UAAA;GAAA,gBAAA;EAAA;EAAA,UAAA;EAAA,UARhB;EAAgB,UAAA;EAAA,QAAA,CAAA,mFAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAQf,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAe,YAAA,CAAA;EAV3B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAmB,UACnB;GAAgB,iBAET,wBAAwB;GAAM,MACzC;IACJ,OAAO;IACP,+BAA+B;GAChC;GAAA,QAAA,CAAA,mFAAA;EAAA,CAAA"}
|