@ojiepermana/angular-component 22.0.43 → 22.0.45
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/fesm2022/ojiepermana-angular-component-accordion.mjs +21 -23
- package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +111 -50
- package/fesm2022/ojiepermana-angular-component-alert.mjs +13 -17
- package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-avatar.mjs +20 -26
- package/fesm2022/ojiepermana-angular-component-badge.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +32 -35
- package/fesm2022/ojiepermana-angular-component-button-group.mjs +10 -13
- package/fesm2022/ojiepermana-angular-component-button.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-calendar.mjs +10 -8
- package/fesm2022/ojiepermana-angular-component-card.mjs +22 -29
- package/fesm2022/ojiepermana-angular-component-carousel.mjs +31 -34
- package/fesm2022/ojiepermana-angular-component-checkbox.mjs +42 -13
- package/fesm2022/ojiepermana-angular-component-collapsible.mjs +19 -17
- package/fesm2022/ojiepermana-angular-component-combobox.mjs +30 -17
- package/fesm2022/ojiepermana-angular-component-command.mjs +29 -37
- package/fesm2022/ojiepermana-angular-component-composer.mjs +31 -34
- package/fesm2022/ojiepermana-angular-component-context-menu.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-date-picker.mjs +39 -14
- package/fesm2022/ojiepermana-angular-component-dialog.mjs +100 -45
- package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +61 -56
- package/fesm2022/ojiepermana-angular-component-editor.mjs +52 -43
- package/fesm2022/ojiepermana-angular-component-empty.mjs +19 -25
- package/fesm2022/ojiepermana-angular-component-form.mjs +41 -49
- package/fesm2022/ojiepermana-angular-component-hover-card.mjs +10 -11
- package/fesm2022/ojiepermana-angular-component-icon.mjs +56 -11
- package/fesm2022/ojiepermana-angular-component-input-group.mjs +29 -27
- package/fesm2022/ojiepermana-angular-component-input-otp.mjs +29 -28
- package/fesm2022/ojiepermana-angular-component-input.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-item.mjs +31 -41
- package/fesm2022/ojiepermana-angular-component-kanban.mjs +47 -46
- package/fesm2022/ojiepermana-angular-component-kbd.mjs +7 -9
- package/fesm2022/ojiepermana-angular-component-label.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-menubar.mjs +16 -16
- package/fesm2022/ojiepermana-angular-component-native-select.mjs +11 -11
- package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +41 -28
- package/fesm2022/ojiepermana-angular-component-pagination.mjs +25 -16
- package/fesm2022/ojiepermana-angular-component-pillbox.mjs +78 -50
- package/fesm2022/ojiepermana-angular-component-popover.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-progress.mjs +10 -8
- package/fesm2022/ojiepermana-angular-component-radio.mjs +17 -13
- package/fesm2022/ojiepermana-angular-component-resizable.mjs +32 -21
- package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +11 -9
- package/fesm2022/ojiepermana-angular-component-select.mjs +35 -23
- package/fesm2022/ojiepermana-angular-component-separator.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-sheet.mjs +101 -45
- package/fesm2022/ojiepermana-angular-component-skeleton.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-slider.mjs +30 -18
- package/fesm2022/ojiepermana-angular-component-spinner.mjs +9 -8
- package/fesm2022/ojiepermana-angular-component-switch.mjs +19 -10
- package/fesm2022/ojiepermana-angular-component-table.mjs +26 -34
- package/fesm2022/ojiepermana-angular-component-tabs.mjs +20 -24
- package/fesm2022/ojiepermana-angular-component-textarea.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-timeline.mjs +28 -28
- package/fesm2022/ojiepermana-angular-component-toast.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +18 -13
- package/fesm2022/ojiepermana-angular-component-toggle.mjs +4 -5
- package/fesm2022/ojiepermana-angular-component-tooltip.mjs +20 -19
- package/package.json +10 -1
- package/types/ojiepermana-angular-component-alert-dialog.d.ts +42 -3
- package/types/ojiepermana-angular-component-dialog.d.ts +33 -3
- package/types/ojiepermana-angular-component-icon.d.ts +48 -1
- package/types/ojiepermana-angular-component-sheet.d.ts +33 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed,
|
|
2
|
+
import { input, computed, Component, signal } from '@angular/core';
|
|
3
3
|
import { cn, radiusBaseValue, densityBaseValue } from '@ojiepermana/angular-component/utils';
|
|
4
4
|
|
|
5
5
|
const avatarSizeClasses = {
|
|
@@ -22,14 +22,13 @@ class AvatarComponent {
|
|
|
22
22
|
...(ngDevMode ? [{ debugName: "radiusBase" }] : /* istanbul ignore next */ []));
|
|
23
23
|
densityBase = computed(() => densityBaseValue(this.density()), /* @ts-ignore */
|
|
24
24
|
...(ngDevMode ? [{ debugName: "densityBase" }] : /* istanbul ignore next */ []));
|
|
25
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
26
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: AvatarComponent, isStandalone: true, selector: "Avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-size": "size()", "style.--radius-base": "radiusBase()", "style.--spacing-base": "densityBase()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{
|
|
31
31
|
selector: 'Avatar',
|
|
32
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
33
32
|
host: {
|
|
34
33
|
'[class]': 'classes()',
|
|
35
34
|
'[attr.data-size]': 'size()',
|
|
@@ -50,18 +49,17 @@ class AvatarImageComponent {
|
|
|
50
49
|
...(ngDevMode ? [{ debugName: "failed" }] : /* istanbul ignore next */ []));
|
|
51
50
|
classes = computed(() => cn('h-full w-full object-cover', this.class()), /* @ts-ignore */
|
|
52
51
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
53
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
54
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: AvatarImageComponent, isStandalone: true, selector: "AvatarImage", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "absolute inset-0 z-10 block" }, ngImport: i0, template: `
|
|
55
54
|
@if (!failed()) {
|
|
56
55
|
<img [src]="src()" [alt]="alt()" [class]="classes()" (error)="failed.set(true)" />
|
|
57
56
|
}
|
|
58
|
-
`, isInline: true
|
|
57
|
+
`, isInline: true });
|
|
59
58
|
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarImageComponent, decorators: [{
|
|
61
60
|
type: Component,
|
|
62
61
|
args: [{
|
|
63
62
|
selector: 'AvatarImage',
|
|
64
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
65
63
|
host: {
|
|
66
64
|
class: 'absolute inset-0 z-10 block',
|
|
67
65
|
},
|
|
@@ -77,14 +75,13 @@ class AvatarFallbackComponent {
|
|
|
77
75
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
78
76
|
classes = computed(() => cn('absolute inset-0 z-0 flex items-center justify-center rounded-full bg-muted text-sm font-medium text-muted-foreground', this.class()), /* @ts-ignore */
|
|
79
77
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
80
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
78
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarFallbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: AvatarFallbackComponent, isStandalone: true, selector: "AvatarFallback", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
82
80
|
}
|
|
83
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarFallbackComponent, decorators: [{
|
|
84
82
|
type: Component,
|
|
85
83
|
args: [{
|
|
86
84
|
selector: 'AvatarFallback',
|
|
87
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
88
85
|
host: { '[class]': 'classes()' },
|
|
89
86
|
template: `<ng-content />`,
|
|
90
87
|
}]
|
|
@@ -94,14 +91,13 @@ class AvatarBadgeComponent {
|
|
|
94
91
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
95
92
|
classes = computed(() => cn('absolute bottom-0 right-0 z-10 flex size-4 translate-x-1/4 translate-y-1/4 items-center justify-center rounded-full border-2 border-background bg-primary text-2xs font-medium leading-none text-primary-foreground shadow-sm [&>*]:pointer-events-none [&>*]:size-2.5 [&>*]:shrink-0', this.class()), /* @ts-ignore */
|
|
96
93
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
97
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
98
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
94
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
95
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: AvatarBadgeComponent, isStandalone: true, selector: "AvatarBadge", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
99
96
|
}
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarBadgeComponent, decorators: [{
|
|
101
98
|
type: Component,
|
|
102
99
|
args: [{
|
|
103
100
|
selector: 'AvatarBadge',
|
|
104
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
105
101
|
host: { '[class]': 'classes()' },
|
|
106
102
|
template: `<ng-content />`,
|
|
107
103
|
}]
|
|
@@ -111,14 +107,13 @@ class AvatarGroupComponent {
|
|
|
111
107
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
112
108
|
classes = computed(() => cn('inline-flex items-center [&>*]:ring-2 [&>*]:ring-background [&>*:not(:first-child)]:-ml-3', this.class()), /* @ts-ignore */
|
|
113
109
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
114
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
115
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
110
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
111
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: AvatarGroupComponent, isStandalone: true, selector: "AvatarGroup", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
116
112
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarGroupComponent, decorators: [{
|
|
118
114
|
type: Component,
|
|
119
115
|
args: [{
|
|
120
116
|
selector: 'AvatarGroup',
|
|
121
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
122
117
|
host: { '[class]': 'classes()' },
|
|
123
118
|
template: `<ng-content />`,
|
|
124
119
|
}]
|
|
@@ -128,14 +123,13 @@ class AvatarGroupCountComponent {
|
|
|
128
123
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
129
124
|
classes = computed(() => cn('flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-muted text-sm font-medium text-muted-foreground', this.class()), /* @ts-ignore */
|
|
130
125
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
131
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
132
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarGroupCountComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
127
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: AvatarGroupCountComponent, isStandalone: true, selector: "AvatarGroupCount", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
133
128
|
}
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: AvatarGroupCountComponent, decorators: [{
|
|
135
130
|
type: Component,
|
|
136
131
|
args: [{
|
|
137
132
|
selector: 'AvatarGroupCount',
|
|
138
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
139
133
|
host: { '[class]': 'classes()' },
|
|
140
134
|
template: `<ng-content />`,
|
|
141
135
|
}]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed,
|
|
2
|
+
import { input, computed, Component } from '@angular/core';
|
|
3
3
|
import { cn, radiusBaseValue, densityBaseValue } from '@ojiepermana/angular-component/utils';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
|
|
@@ -37,14 +37,13 @@ class BadgeComponent {
|
|
|
37
37
|
...(ngDevMode ? [{ debugName: "radiusBase" }] : /* istanbul ignore next */ []));
|
|
38
38
|
densityBase = computed(() => densityBaseValue(this.density()), /* @ts-ignore */
|
|
39
39
|
...(ngDevMode ? [{ debugName: "densityBase" }] : /* istanbul ignore next */ []));
|
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
41
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BadgeComponent, isStandalone: true, selector: "Badge, [Badge]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "style.--radius-base": "radiusBase()", "style.--spacing-base": "densityBase()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{
|
|
46
46
|
selector: 'Badge, [Badge]',
|
|
47
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
48
47
|
host: {
|
|
49
48
|
'[class]': 'classes()',
|
|
50
49
|
'[style.--radius-base]': 'radiusBase()',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed,
|
|
2
|
+
import { input, computed, Component } from '@angular/core';
|
|
3
3
|
import { cn } from '@ojiepermana/angular-component/utils';
|
|
4
4
|
|
|
5
5
|
class BreadcrumbComponent {
|
|
@@ -7,14 +7,13 @@ class BreadcrumbComponent {
|
|
|
7
7
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
8
8
|
classes = computed(() => cn('block', this.class()), /* @ts-ignore */
|
|
9
9
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
10
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
11
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BreadcrumbComponent, isStandalone: true, selector: "Breadcrumb, nav[Breadcrumb]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.aria-label": "\"breadcrumb\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{
|
|
16
16
|
selector: 'Breadcrumb, nav[Breadcrumb]',
|
|
17
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
18
17
|
host: {
|
|
19
18
|
'[class]': 'classes()',
|
|
20
19
|
'[attr.aria-label]': '"breadcrumb"',
|
|
@@ -27,14 +26,13 @@ class BreadcrumbListComponent {
|
|
|
27
26
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
28
27
|
classes = computed(() => cn('flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5', this.class()), /* @ts-ignore */
|
|
29
28
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
30
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
31
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
29
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BreadcrumbListComponent, isStandalone: true, selector: "ol[BreadcrumbList]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
32
31
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbListComponent, decorators: [{
|
|
34
33
|
type: Component,
|
|
35
34
|
args: [{
|
|
36
35
|
selector: 'ol[BreadcrumbList]',
|
|
37
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
38
36
|
host: { '[class]': 'classes()' },
|
|
39
37
|
template: `<ng-content />`,
|
|
40
38
|
}]
|
|
@@ -44,14 +42,13 @@ class BreadcrumbItemComponent {
|
|
|
44
42
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
45
43
|
classes = computed(() => cn('inline-flex items-center gap-1.5', this.class()), /* @ts-ignore */
|
|
46
44
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
47
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
48
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
45
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BreadcrumbItemComponent, isStandalone: true, selector: "li[BreadcrumbItem]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
49
47
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
48
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
|
|
51
49
|
type: Component,
|
|
52
50
|
args: [{
|
|
53
51
|
selector: 'li[BreadcrumbItem]',
|
|
54
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
55
52
|
host: { '[class]': 'classes()' },
|
|
56
53
|
template: `<ng-content />`,
|
|
57
54
|
}]
|
|
@@ -61,14 +58,13 @@ class BreadcrumbLinkComponent {
|
|
|
61
58
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
62
59
|
classes = computed(() => cn('transition-colors hover:text-foreground', this.class()), /* @ts-ignore */
|
|
63
60
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
64
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
65
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
61
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BreadcrumbLinkComponent, isStandalone: true, selector: "a[BreadcrumbLink]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
66
63
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbLinkComponent, decorators: [{
|
|
68
65
|
type: Component,
|
|
69
66
|
args: [{
|
|
70
67
|
selector: 'a[BreadcrumbLink]',
|
|
71
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
72
68
|
host: { '[class]': 'classes()' },
|
|
73
69
|
template: `<ng-content />`,
|
|
74
70
|
}]
|
|
@@ -78,14 +74,13 @@ class BreadcrumbPageComponent {
|
|
|
78
74
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
79
75
|
classes = computed(() => cn('font-normal text-foreground', this.class()), /* @ts-ignore */
|
|
80
76
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
81
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
82
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
77
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BreadcrumbPageComponent, isStandalone: true, selector: "span[BreadcrumbPage]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "link", "aria-disabled": "true", "aria-current": "page" }, properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
83
79
|
}
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbPageComponent, decorators: [{
|
|
85
81
|
type: Component,
|
|
86
82
|
args: [{
|
|
87
83
|
selector: 'span[BreadcrumbPage]',
|
|
88
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
89
84
|
host: {
|
|
90
85
|
'[class]': 'classes()',
|
|
91
86
|
role: 'link',
|
|
@@ -100,8 +95,8 @@ class BreadcrumbSeparatorComponent {
|
|
|
100
95
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
101
96
|
classes = computed(() => cn('[&>svg]:size-3.5', this.class()), /* @ts-ignore */
|
|
102
97
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
103
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
104
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
98
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BreadcrumbSeparatorComponent, isStandalone: true, selector: "li[BreadcrumbSeparator]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation", "aria-hidden": "true" }, properties: { "class": "classes()" } }, ngImport: i0, template: `
|
|
105
100
|
<ng-content>
|
|
106
101
|
<svg
|
|
107
102
|
class="h-3.5 w-3.5"
|
|
@@ -110,17 +105,17 @@ class BreadcrumbSeparatorComponent {
|
|
|
110
105
|
stroke="currentColor"
|
|
111
106
|
stroke-width="2"
|
|
112
107
|
stroke-linecap="round"
|
|
113
|
-
stroke-linejoin="round"
|
|
108
|
+
stroke-linejoin="round"
|
|
109
|
+
>
|
|
114
110
|
<polyline points="9 18 15 12 9 6" />
|
|
115
111
|
</svg>
|
|
116
112
|
</ng-content>
|
|
117
|
-
`, isInline: true
|
|
113
|
+
`, isInline: true });
|
|
118
114
|
}
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbSeparatorComponent, decorators: [{
|
|
120
116
|
type: Component,
|
|
121
117
|
args: [{
|
|
122
118
|
selector: 'li[BreadcrumbSeparator]',
|
|
123
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
124
119
|
host: {
|
|
125
120
|
'[class]': 'classes()',
|
|
126
121
|
role: 'presentation',
|
|
@@ -135,7 +130,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImpor
|
|
|
135
130
|
stroke="currentColor"
|
|
136
131
|
stroke-width="2"
|
|
137
132
|
stroke-linecap="round"
|
|
138
|
-
stroke-linejoin="round"
|
|
133
|
+
stroke-linejoin="round"
|
|
134
|
+
>
|
|
139
135
|
<polyline points="9 18 15 12 9 6" />
|
|
140
136
|
</svg>
|
|
141
137
|
</ng-content>
|
|
@@ -147,8 +143,8 @@ class BreadcrumbEllipsisComponent {
|
|
|
147
143
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
148
144
|
classes = computed(() => cn('relative flex h-9 w-9 items-center justify-center', this.class()), /* @ts-ignore */
|
|
149
145
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
150
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
146
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbEllipsisComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
147
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: BreadcrumbEllipsisComponent, isStandalone: true, selector: "span[BreadcrumbEllipsis]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation", "aria-hidden": "true" }, properties: { "class": "classes()" } }, ngImport: i0, template: `
|
|
152
148
|
<svg
|
|
153
149
|
class="h-4 w-4"
|
|
154
150
|
viewBox="0 0 24 24"
|
|
@@ -156,19 +152,19 @@ class BreadcrumbEllipsisComponent {
|
|
|
156
152
|
stroke="currentColor"
|
|
157
153
|
stroke-width="2"
|
|
158
154
|
stroke-linecap="round"
|
|
159
|
-
stroke-linejoin="round"
|
|
155
|
+
stroke-linejoin="round"
|
|
156
|
+
>
|
|
160
157
|
<circle cx="12" cy="12" r="1" />
|
|
161
158
|
<circle cx="19" cy="12" r="1" />
|
|
162
159
|
<circle cx="5" cy="12" r="1" />
|
|
163
160
|
</svg>
|
|
164
161
|
<span class="sr-only">More</span>
|
|
165
|
-
`, isInline: true
|
|
162
|
+
`, isInline: true });
|
|
166
163
|
}
|
|
167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: BreadcrumbEllipsisComponent, decorators: [{
|
|
168
165
|
type: Component,
|
|
169
166
|
args: [{
|
|
170
167
|
selector: 'span[BreadcrumbEllipsis]',
|
|
171
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
172
168
|
host: {
|
|
173
169
|
'[class]': 'classes()',
|
|
174
170
|
role: 'presentation',
|
|
@@ -182,7 +178,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImpor
|
|
|
182
178
|
stroke="currentColor"
|
|
183
179
|
stroke-width="2"
|
|
184
180
|
stroke-linecap="round"
|
|
185
|
-
stroke-linejoin="round"
|
|
181
|
+
stroke-linejoin="round"
|
|
182
|
+
>
|
|
186
183
|
<circle cx="12" cy="12" r="1" />
|
|
187
184
|
<circle cx="19" cy="12" r="1" />
|
|
188
185
|
<circle cx="5" cy="12" r="1" />
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed,
|
|
2
|
+
import { input, computed, Component } from '@angular/core';
|
|
3
3
|
import { cn } from '@ojiepermana/angular-component/utils';
|
|
4
4
|
|
|
5
5
|
const BUTTON_GROUP_BASE = [
|
|
@@ -29,14 +29,13 @@ class ButtonGroupComponent {
|
|
|
29
29
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
30
30
|
classes = computed(() => cn(BUTTON_GROUP_BASE, buttonGroupOrientationClasses[this.orientation()], this.class()), /* @ts-ignore */
|
|
31
31
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
32
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
32
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ButtonGroupComponent, isStandalone: true, selector: "ButtonGroup", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "classes()", "attr.data-orientation": "orientation()", "attr.data-slot": "\"button-group\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{
|
|
38
38
|
selector: 'ButtonGroup',
|
|
39
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
40
39
|
host: {
|
|
41
40
|
'[class]': 'classes()',
|
|
42
41
|
'[attr.data-orientation]': 'orientation()',
|
|
@@ -54,14 +53,13 @@ class ButtonGroupTextComponent {
|
|
|
54
53
|
'[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4',
|
|
55
54
|
].join(' '), this.class()), /* @ts-ignore */
|
|
56
55
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
57
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
58
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonGroupTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ButtonGroupTextComponent, isStandalone: true, selector: "ButtonGroupText", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"button-group-text\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
59
58
|
}
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonGroupTextComponent, decorators: [{
|
|
61
60
|
type: Component,
|
|
62
61
|
args: [{
|
|
63
62
|
selector: 'ButtonGroupText',
|
|
64
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
65
63
|
host: {
|
|
66
64
|
'[class]': 'classes()',
|
|
67
65
|
'[attr.data-slot]': '"button-group-text"',
|
|
@@ -76,14 +74,13 @@ class ButtonGroupSeparatorComponent {
|
|
|
76
74
|
...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
|
|
77
75
|
classes = computed(() => cn('relative shrink-0 bg-border', this.orientation() === 'horizontal' ? 'h-px w-full self-auto' : 'h-auto w-px self-stretch', this.class()), /* @ts-ignore */
|
|
78
76
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
79
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
80
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
77
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonGroupSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
78
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ButtonGroupSeparatorComponent, isStandalone: true, selector: "ButtonGroupSeparator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "classes()", "attr.aria-orientation": "orientation()", "attr.data-orientation": "orientation()", "attr.data-slot": "\"button-group-separator\"" } }, ngImport: i0, template: '', isInline: true });
|
|
81
79
|
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonGroupSeparatorComponent, decorators: [{
|
|
83
81
|
type: Component,
|
|
84
82
|
args: [{
|
|
85
83
|
selector: 'ButtonGroupSeparator',
|
|
86
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
87
84
|
host: {
|
|
88
85
|
'[class]': 'classes()',
|
|
89
86
|
'[attr.aria-orientation]': 'orientation()',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, computed,
|
|
2
|
+
import { input, computed, Component } from '@angular/core';
|
|
3
3
|
import { cn, radiusBaseValue, densityBaseValue } from '@ojiepermana/angular-component/utils';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
|
|
@@ -51,14 +51,13 @@ class ButtonComponent {
|
|
|
51
51
|
...(ngDevMode ? [{ debugName: "radiusBase" }] : /* istanbul ignore next */ []));
|
|
52
52
|
densityBase = computed(() => densityBaseValue(this.density()), /* @ts-ignore */
|
|
53
53
|
...(ngDevMode ? [{ debugName: "densityBase" }] : /* istanbul ignore next */ []));
|
|
54
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
55
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
54
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: ButtonComponent, isStandalone: true, selector: "button[Button], a[Button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-variant": "variant()", "attr.data-size": "size()", "style.--radius-base": "radiusBase()", "style.--spacing-base": "densityBase()" } }, ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
59
|
args: [{
|
|
60
60
|
selector: 'button[Button], a[Button]',
|
|
61
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
62
61
|
host: {
|
|
63
62
|
'[class]': 'classes()',
|
|
64
63
|
'[attr.data-variant]': 'variant()',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { model, input, signal, computed, forwardRef,
|
|
2
|
+
import { model, input, signal, computed, forwardRef, Component } from '@angular/core';
|
|
3
3
|
import { provideNativeDateAdapter } from '@angular/material/core';
|
|
4
4
|
import { MatCalendar } from '@angular/material/datepicker';
|
|
5
5
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
@@ -57,8 +57,8 @@ class CalendarComponent {
|
|
|
57
57
|
setDisabledState(state) {
|
|
58
58
|
this.cvaDisabled.set(state);
|
|
59
59
|
}
|
|
60
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
61
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
60
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: CalendarComponent, isStandalone: true, selector: "Calendar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, startAt: { classPropertyName: "startAt", publicName: "startAt", isSignal: true, isRequired: false, transformFunction: null }, startView: { classPropertyName: "startView", publicName: "startView", isSignal: true, isRequired: false, transformFunction: null }, dateFilter: { classPropertyName: "dateFilter", publicName: "dateFilter", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange" }, host: { properties: { "class": "classes()", "attr.aria-disabled": "isDisabled() ? \"true\" : null", "attr.inert": "isDisabled() ? \"\" : null" } }, providers: [
|
|
62
62
|
provideNativeDateAdapter(),
|
|
63
63
|
{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => CalendarComponent), multi: true },
|
|
64
64
|
], ngImport: i0, template: `
|
|
@@ -70,12 +70,13 @@ class CalendarComponent {
|
|
|
70
70
|
[startAt]="startAt()"
|
|
71
71
|
[startView]="startView()"
|
|
72
72
|
[dateFilter]="resolvedDateFilter()"
|
|
73
|
-
(selectedChange)="onSelect($event)"
|
|
74
|
-
|
|
73
|
+
(selectedChange)="onSelect($event)"
|
|
74
|
+
/>
|
|
75
|
+
`, isInline: true, styles: [":host{display:block;width:fit-content;padding:calc(var(--spacing) * 3);border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground))}.Calendar{display:block;width:var(--calendar-width, 17.5rem)}\n"], dependencies: [{ kind: "component", type: MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }] });
|
|
75
76
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
77
78
|
type: Component,
|
|
78
|
-
args: [{ selector: 'Calendar',
|
|
79
|
+
args: [{ selector: 'Calendar', imports: [MatCalendar], host: {
|
|
79
80
|
'[class]': 'classes()',
|
|
80
81
|
'[attr.aria-disabled]': 'isDisabled() ? "true" : null',
|
|
81
82
|
'[attr.inert]': 'isDisabled() ? "" : null',
|
|
@@ -91,7 +92,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.3", ngImpor
|
|
|
91
92
|
[startAt]="startAt()"
|
|
92
93
|
[startView]="startView()"
|
|
93
94
|
[dateFilter]="resolvedDateFilter()"
|
|
94
|
-
(selectedChange)="onSelect($event)"
|
|
95
|
+
(selectedChange)="onSelect($event)"
|
|
96
|
+
/>
|
|
95
97
|
`, styles: [":host{display:block;width:fit-content;padding:calc(var(--spacing) * 3);border-radius:var(--radius);border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground))}.Calendar{display:block;width:var(--calendar-width, 17.5rem)}\n"] }]
|
|
96
98
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], startAt: [{ type: i0.Input, args: [{ isSignal: true, alias: "startAt", required: false }] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }], dateFilter: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFilter", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
|
|
97
99
|
|