@momentumcms/ui 0.5.0 → 0.5.2
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.
|
@@ -85,10 +85,10 @@ class Badge {
|
|
|
85
85
|
return 'transparent';
|
|
86
86
|
}
|
|
87
87
|
}, ...(ngDevMode ? [{ debugName: "variantBorder" }] : []));
|
|
88
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
89
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
88
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Badge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
89
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Badge, isStandalone: true, selector: "mcms-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role() || null", "attr.aria-label": "ariaLabel() || null", "style.--badge-bg": "variantBg()", "style.--badge-color": "variantColor()", "style.--badge-border": "variantBorder()", "class": "hostClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:inline-flex;align-items:center;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:500;line-height:1.25rem;white-space:nowrap;transition:background-color .15s,color .15s;background-color:var(--badge-bg);color:var(--badge-color);border:1px solid var(--badge-border)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
90
90
|
}
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Badge, decorators: [{
|
|
92
92
|
type: Component,
|
|
93
93
|
args: [{ selector: 'mcms-badge', host: {
|
|
94
94
|
'[attr.role]': 'role() || null',
|
|
@@ -125,8 +125,8 @@ class Label {
|
|
|
125
125
|
}
|
|
126
126
|
return classes.join(' ');
|
|
127
127
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
128
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
129
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
128
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Label, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: Label, isStandalone: true, selector: "mcms-label", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", 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 } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
|
|
130
130
|
<label [attr.for]="for()" [class]="hostClasses()">
|
|
131
131
|
<ng-content />
|
|
132
132
|
@if (required()) {
|
|
@@ -135,7 +135,7 @@ class Label {
|
|
|
135
135
|
</label>
|
|
136
136
|
`, isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
137
137
|
}
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Label, decorators: [{
|
|
139
139
|
type: Component,
|
|
140
140
|
args: [{ selector: 'mcms-label', host: {
|
|
141
141
|
class: 'contents',
|
|
@@ -277,10 +277,10 @@ class Button {
|
|
|
277
277
|
return 'transparent';
|
|
278
278
|
}
|
|
279
279
|
}, ...(ngDevMode ? [{ debugName: "variantBorder" }] : []));
|
|
280
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
281
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
280
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Button, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
281
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Button, isStandalone: true, selector: "button[mcms-button], a[mcms-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "class()", "attr.disabled": "isNativeDisabled()", "attr.aria-disabled": "isEffectivelyDisabled() || null", "attr.aria-busy": "loading() || null", "style.--btn-bg": "variantBg()", "style.--btn-color": "variantColor()", "style.--btn-hover-bg": "variantHoverBg()", "style.--btn-border": "variantBorder()", "style.height": "sizeHeight()", "style.padding": "sizePadding()", "style.width": "sizeWidth()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s;cursor:pointer;border:1px solid var(--btn-border, transparent);background-color:var(--btn-bg);color:var(--btn-color)}:host(:hover:not([disabled]):not([aria-disabled=\"true\"])){background-color:var(--btn-hover-bg)}:host(:focus-visible){outline:none;box-shadow:0 0 0 2px hsl(var(--mcms-background)),0 0 0 4px hsl(var(--mcms-ring))}:host([disabled]),:host([aria-disabled=\"true\"]){pointer-events:none;opacity:.5;cursor:not-allowed}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
282
282
|
}
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
283
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Button, decorators: [{
|
|
284
284
|
type: Component,
|
|
285
285
|
args: [{ selector: 'button[mcms-button], a[mcms-button]', host: {
|
|
286
286
|
'[class]': 'class()',
|
|
@@ -347,8 +347,8 @@ class Input {
|
|
|
347
347
|
parts.push(`${this.id()}-error`);
|
|
348
348
|
return parts.length > 0 ? parts.join(' ') : null;
|
|
349
349
|
}, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
|
|
350
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
351
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
350
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Input, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
351
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Input, isStandalone: true, selector: "mcms-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "describedBy", 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 }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", blurred: "blurred" }, host: { properties: { "class.mcms-input--error": "hasError()", "class.mcms-input--disabled": "disabled()", "attr.id": "null" }, classAttribute: "block" }, ngImport: i0, template: `
|
|
352
352
|
<input
|
|
353
353
|
#inputEl
|
|
354
354
|
[type]="type()"
|
|
@@ -370,7 +370,7 @@ class Input {
|
|
|
370
370
|
/>
|
|
371
371
|
`, isInline: true, styles: ["input{display:flex;height:2.5rem;width:100%;border-radius:.375rem;border:1px solid hsl(var(--mcms-input));background-color:hsl(var(--mcms-background));padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--mcms-foreground))}input::placeholder{color:hsl(var(--mcms-muted-foreground))}input:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--mcms-background)),0 0 0 4px hsl(var(--mcms-ring))}input:disabled{cursor:not-allowed;opacity:.5}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
372
372
|
}
|
|
373
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Input, decorators: [{
|
|
374
374
|
type: Component,
|
|
375
375
|
args: [{ selector: 'mcms-input', host: {
|
|
376
376
|
class: 'block',
|
|
@@ -439,8 +439,8 @@ class Textarea {
|
|
|
439
439
|
parts.push(`${this.id()}-error`);
|
|
440
440
|
return parts.length > 0 ? parts.join(' ') : null;
|
|
441
441
|
}, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
|
|
442
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
443
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
442
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Textarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
443
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Textarea, isStandalone: true, selector: "mcms-textarea", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "describedBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", blurred: "blurred" }, host: { properties: { "class.mcms-textarea--error": "hasError()", "class.mcms-textarea--disabled": "disabled()" }, classAttribute: "block" }, ngImport: i0, template: `
|
|
444
444
|
<textarea
|
|
445
445
|
#textareaEl
|
|
446
446
|
[id]="id()"
|
|
@@ -463,7 +463,7 @@ class Textarea {
|
|
|
463
463
|
></textarea>
|
|
464
464
|
`, isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
465
465
|
}
|
|
466
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Textarea, decorators: [{
|
|
467
467
|
type: Component,
|
|
468
468
|
args: [{ selector: 'mcms-textarea', host: {
|
|
469
469
|
class: 'block',
|
|
@@ -535,8 +535,8 @@ class Checkbox {
|
|
|
535
535
|
this.value.set(!this.value());
|
|
536
536
|
}
|
|
537
537
|
}
|
|
538
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
539
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
538
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Checkbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
539
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: Checkbox, isStandalone: true, selector: "mcms-checkbox", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "describedBy", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class.mcms-checkbox--error": "hasError()", "class.mcms-checkbox--disabled": "disabled()" }, classAttribute: "inline-flex items-center gap-2" }, ngImport: i0, template: `
|
|
540
540
|
<button
|
|
541
541
|
type="button"
|
|
542
542
|
role="checkbox"
|
|
@@ -584,7 +584,7 @@ class Checkbox {
|
|
|
584
584
|
</label>
|
|
585
585
|
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:.5rem}:host(.mcms-checkbox--disabled){cursor:not-allowed;opacity:.5}.checkbox-button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;border-radius:.125rem;border:1px solid hsl(var(--mcms-primary));background-color:transparent;cursor:pointer;padding:0;transition:background-color .15s,border-color .15s}.checkbox-button:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--mcms-background)),0 0 0 4px hsl(var(--mcms-ring))}.checkbox-button:disabled{cursor:not-allowed;opacity:.5}.checkbox-button.error{border-color:hsl(var(--mcms-destructive))}.checkbox-button.checked{background-color:hsl(var(--mcms-primary));color:hsl(var(--mcms-primary-foreground))}.check-icon{width:1rem;height:1rem}.checkbox-label{font-size:.875rem;font-weight:500;line-height:1;color:hsl(var(--mcms-foreground))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
586
586
|
}
|
|
587
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Checkbox, decorators: [{
|
|
588
588
|
type: Component,
|
|
589
589
|
args: [{ selector: 'mcms-checkbox', host: {
|
|
590
590
|
class: 'inline-flex items-center gap-2',
|
|
@@ -675,8 +675,8 @@ class Switch {
|
|
|
675
675
|
this.value.set(!this.value());
|
|
676
676
|
}
|
|
677
677
|
}
|
|
678
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
679
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
678
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Switch, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
679
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: Switch, isStandalone: true, selector: "mcms-switch", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "describedBy", isSignal: true, isRequired: false, transformFunction: null }, hasLabel: { classPropertyName: "hasLabel", publicName: "hasLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class.mcms-switch--error": "hasError()", "class.mcms-switch--disabled": "disabled()" }, classAttribute: "inline-flex items-center gap-2" }, ngImport: i0, template: `
|
|
680
680
|
<button
|
|
681
681
|
type="button"
|
|
682
682
|
role="switch"
|
|
@@ -710,7 +710,7 @@ class Switch {
|
|
|
710
710
|
}
|
|
711
711
|
`, isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
712
712
|
}
|
|
713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Switch, decorators: [{
|
|
714
714
|
type: Component,
|
|
715
715
|
args: [{ selector: 'mcms-switch', host: {
|
|
716
716
|
class: 'inline-flex items-center gap-2',
|
|
@@ -791,8 +791,8 @@ class Select {
|
|
|
791
791
|
parts.push(`${this.id()}-error`);
|
|
792
792
|
return parts.length > 0 ? parts.join(' ') : null;
|
|
793
793
|
}, ...(ngDevMode ? [{ debugName: "ariaDescribedBy" }] : []));
|
|
794
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
795
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
794
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Select, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
795
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: Select, isStandalone: true, selector: "mcms-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "describedBy", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", blurred: "blurred" }, host: { properties: { "class.mcms-select--error": "hasError()", "class.mcms-select--disabled": "disabled()" }, classAttribute: "block" }, ngImport: i0, template: `
|
|
796
796
|
<div class="relative">
|
|
797
797
|
<select
|
|
798
798
|
#selectEl
|
|
@@ -842,7 +842,7 @@ class Select {
|
|
|
842
842
|
</div>
|
|
843
843
|
`, isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
844
844
|
}
|
|
845
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Select, decorators: [{
|
|
846
846
|
type: Component,
|
|
847
847
|
args: [{ selector: 'mcms-select', host: {
|
|
848
848
|
class: 'block',
|
|
@@ -982,8 +982,8 @@ class RadioGroup {
|
|
|
982
982
|
button.focus();
|
|
983
983
|
}
|
|
984
984
|
}
|
|
985
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
986
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
985
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
986
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: RadioGroup, isStandalone: true, selector: "mcms-radio-group", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null }, describedBy: { classPropertyName: "describedBy", publicName: "describedBy", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "class.mcms-radio-group--error": "hasError()", "class.mcms-radio-group--disabled": "disabled()", "attr.aria-invalid": "hasError() || null", "attr.aria-describedby": "ariaDescribedBy()", "attr.aria-label": "ariaLabel() || null", "attr.aria-labelledby": "ariaLabelledBy() || null", "attr.aria-required": "required() || null" }, classAttribute: "block" }, ngImport: i0, template: `
|
|
987
987
|
<div class="flex flex-col gap-2">
|
|
988
988
|
@for (option of options(); track option.value) {
|
|
989
989
|
<!-- eslint-disable-next-line @angular-eslint/template/label-has-associated-control -- label wraps button[role=radio], not a native input -->
|
|
@@ -1015,7 +1015,7 @@ class RadioGroup {
|
|
|
1015
1015
|
</div>
|
|
1016
1016
|
`, isInline: true, styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1017
1017
|
}
|
|
1018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: RadioGroup, decorators: [{
|
|
1019
1019
|
type: Component,
|
|
1020
1020
|
args: [{ selector: 'mcms-radio-group', host: {
|
|
1021
1021
|
class: 'block',
|
|
@@ -1089,8 +1089,8 @@ class McmsFormField {
|
|
|
1089
1089
|
const first = errs[0];
|
|
1090
1090
|
return first.message ?? `Validation error: ${first.kind}`;
|
|
1091
1091
|
}, ...(ngDevMode ? [{ debugName: "errorMessage" }] : []));
|
|
1092
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1093
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
1092
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: McmsFormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1093
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: McmsFormField, isStandalone: true, selector: "mcms-form-field", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, hasLabel: { classPropertyName: "hasLabel", publicName: "hasLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" }, classAttribute: "block space-y-2" }, ngImport: i0, template: `
|
|
1094
1094
|
@if (hasLabel()) {
|
|
1095
1095
|
<mcms-label [for]="id()" [required]="required()" [disabled]="disabled()">
|
|
1096
1096
|
<ng-content select="[mcmsLabel]" />
|
|
@@ -1101,6 +1101,7 @@ class McmsFormField {
|
|
|
1101
1101
|
|
|
1102
1102
|
<p
|
|
1103
1103
|
[id]="errorId()"
|
|
1104
|
+
[attr.data-testid]="showError() ? 'field-error-' + id() : null"
|
|
1104
1105
|
class="text-sm min-h-5"
|
|
1105
1106
|
[class.text-destructive]="showError()"
|
|
1106
1107
|
[class.text-muted-foreground]="!showError() && !!hint()"
|
|
@@ -1115,7 +1116,7 @@ class McmsFormField {
|
|
|
1115
1116
|
</p>
|
|
1116
1117
|
`, isInline: true, styles: [""], dependencies: [{ kind: "component", type: Label, selector: "mcms-label", inputs: ["for", "required", "disabled", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1117
1118
|
}
|
|
1118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: McmsFormField, decorators: [{
|
|
1119
1120
|
type: Component,
|
|
1120
1121
|
args: [{ selector: 'mcms-form-field', imports: [Label], host: {
|
|
1121
1122
|
class: 'block space-y-2',
|
|
@@ -1131,6 +1132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1131
1132
|
|
|
1132
1133
|
<p
|
|
1133
1134
|
[id]="errorId()"
|
|
1135
|
+
[attr.data-testid]="showError() ? 'field-error-' + id() : null"
|
|
1134
1136
|
class="text-sm min-h-5"
|
|
1135
1137
|
[class.text-destructive]="showError()"
|
|
1136
1138
|
[class.text-muted-foreground]="!showError() && !!hint()"
|
|
@@ -1162,10 +1164,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1162
1164
|
* ```
|
|
1163
1165
|
*/
|
|
1164
1166
|
class Card {
|
|
1165
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1167
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Card, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1168
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: Card, isStandalone: true, selector: "mcms-card", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;border-radius:.75rem;border:1px solid hsl(var(--mcms-border));background-color:hsl(var(--mcms-card));color:hsl(var(--mcms-card-foreground));box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:box-shadow .2s ease,border-color .2s ease}:host(:hover){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;border-color:hsl(var(--mcms-border) / .8)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1167
1169
|
}
|
|
1168
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Card, decorators: [{
|
|
1169
1171
|
type: Component,
|
|
1170
1172
|
args: [{ selector: 'mcms-card', host: {
|
|
1171
1173
|
class: 'block',
|
|
@@ -1173,10 +1175,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1173
1175
|
}] });
|
|
1174
1176
|
|
|
1175
1177
|
class CardHeader {
|
|
1176
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1177
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1178
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1179
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CardHeader, isStandalone: true, selector: "mcms-card-header", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1178
1180
|
}
|
|
1179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardHeader, decorators: [{
|
|
1180
1182
|
type: Component,
|
|
1181
1183
|
args: [{ selector: 'mcms-card-header', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem}\n"] }]
|
|
1182
1184
|
}] });
|
|
@@ -1192,10 +1194,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1192
1194
|
class CardTitle {
|
|
1193
1195
|
/** Heading level (1-4). Defaults to 2 for proper document hierarchy. */
|
|
1194
1196
|
level = input(2, ...(ngDevMode ? [{ debugName: "level" }] : []));
|
|
1195
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1196
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
1197
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1198
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CardTitle, isStandalone: true, selector: "mcms-card-title", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "level()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:-.025em;margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1197
1199
|
}
|
|
1198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardTitle, decorators: [{
|
|
1199
1201
|
type: Component,
|
|
1200
1202
|
args: [{ selector: 'mcms-card-title', host: {
|
|
1201
1203
|
role: 'heading',
|
|
@@ -1204,28 +1206,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1204
1206
|
}], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }] } });
|
|
1205
1207
|
|
|
1206
1208
|
class CardDescription {
|
|
1207
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1208
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1209
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardDescription, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1210
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CardDescription, isStandalone: true, selector: "mcms-card-description", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;font-size:.875rem;color:hsl(var(--mcms-muted-foreground))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1209
1211
|
}
|
|
1210
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardDescription, decorators: [{
|
|
1211
1213
|
type: Component,
|
|
1212
1214
|
args: [{ selector: 'mcms-card-description', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;font-size:.875rem;color:hsl(var(--mcms-muted-foreground))}\n"] }]
|
|
1213
1215
|
}] });
|
|
1214
1216
|
|
|
1215
1217
|
class CardContent {
|
|
1216
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1217
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1218
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1219
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CardContent, isStandalone: true, selector: "mcms-card-content", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;padding:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1218
1220
|
}
|
|
1219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardContent, decorators: [{
|
|
1220
1222
|
type: Component,
|
|
1221
1223
|
args: [{ selector: 'mcms-card-content', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;padding:1.5rem}\n"] }]
|
|
1222
1224
|
}] });
|
|
1223
1225
|
|
|
1224
1226
|
class CardFooter {
|
|
1225
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1226
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1227
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1228
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: CardFooter, isStandalone: true, selector: "mcms-card-footer", host: { classAttribute: "flex items-center px-6 pb-6" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1227
1229
|
}
|
|
1228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CardFooter, decorators: [{
|
|
1229
1231
|
type: Component,
|
|
1230
1232
|
args: [{
|
|
1231
1233
|
selector: 'mcms-card-footer',
|
|
@@ -1301,10 +1303,10 @@ class Alert {
|
|
|
1301
1303
|
}
|
|
1302
1304
|
}, ...(ngDevMode ? [{ debugName: "variantColor" }] : []));
|
|
1303
1305
|
variantIconColor = computed(() => this.variantColor(), ...(ngDevMode ? [{ debugName: "variantIconColor" }] : []));
|
|
1304
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1305
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
1306
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Alert, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1307
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Alert, isStandalone: true, selector: "mcms-alert", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "alert" }, properties: { "attr.aria-live": "ariaLive()", "style.--alert-bg": "variantBg()", "style.--alert-border": "variantBorder()", "style.--alert-color": "variantColor()", "style.--alert-icon-color": "variantIconColor()", "class": "hostClass()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{position:relative;display:flex;flex-direction:column;gap:.25rem;width:100%;border-radius:.5rem;border:1px solid var(--alert-border);padding:1rem;background-color:var(--alert-bg);color:var(--alert-color)}:host ::ng-deep [data-alert-icon]{position:absolute;left:1rem;top:1rem;color:var(--alert-icon-color);width:1rem;height:1rem}:host ::ng-deep mcms-alert-title,:host ::ng-deep mcms-alert-description{padding-left:1.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1306
1308
|
}
|
|
1307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Alert, decorators: [{
|
|
1308
1310
|
type: Component,
|
|
1309
1311
|
args: [{ selector: 'mcms-alert', host: {
|
|
1310
1312
|
role: 'alert',
|
|
@@ -1326,10 +1328,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1326
1328
|
* ```
|
|
1327
1329
|
*/
|
|
1328
1330
|
class AlertTitle {
|
|
1329
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1330
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1331
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1332
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: AlertTitle, isStandalone: true, selector: "mcms-alert-title", host: { attributes: { "role": "heading", "aria-level": "2" }, classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;margin-bottom:.25rem;font-weight:500;line-height:1.375;letter-spacing:-.025em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1331
1333
|
}
|
|
1332
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AlertTitle, decorators: [{
|
|
1333
1335
|
type: Component,
|
|
1334
1336
|
args: [{ selector: 'mcms-alert-title', host: {
|
|
1335
1337
|
class: 'block',
|
|
@@ -1349,10 +1351,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1349
1351
|
* ```
|
|
1350
1352
|
*/
|
|
1351
1353
|
class AlertDescription {
|
|
1352
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1353
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1354
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1355
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: AlertDescription, isStandalone: true, selector: "mcms-alert-description", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;font-size:.875rem;line-height:1.5;opacity:.9}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1354
1356
|
}
|
|
1355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AlertDescription, decorators: [{
|
|
1356
1358
|
type: Component,
|
|
1357
1359
|
args: [{ selector: 'mcms-alert-description', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;font-size:.875rem;line-height:1.5;opacity:.9}\n"] }]
|
|
1358
1360
|
}] });
|
|
@@ -1382,10 +1384,10 @@ const TOOLTIP_POSITION_MAP = {
|
|
|
1382
1384
|
class TooltipContent {
|
|
1383
1385
|
content = input.required(...(ngDevMode ? [{ debugName: "content" }] : []));
|
|
1384
1386
|
id = input.required(...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
1385
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1386
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
1387
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TooltipContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1388
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TooltipContent, isStandalone: true, selector: "mcms-tooltip-content", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: true, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, properties: { "id": "id()" } }, ngImport: i0, template: `{{ content() }}`, isInline: true, styles: [":host{display:block;padding:.375rem .75rem;font-size:.75rem;line-height:1.25rem;color:hsl(var(--mcms-primary-foreground));background-color:hsl(var(--mcms-foreground));border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;animation:tooltip-in .15s ease-out;max-width:20rem;word-wrap:break-word}@keyframes tooltip-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1387
1389
|
}
|
|
1388
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TooltipContent, decorators: [{
|
|
1389
1391
|
type: Component,
|
|
1390
1392
|
args: [{ selector: 'mcms-tooltip-content', host: {
|
|
1391
1393
|
role: 'tooltip',
|
|
@@ -1503,10 +1505,10 @@ class TooltipTrigger {
|
|
|
1503
1505
|
.withPositions(positions)
|
|
1504
1506
|
.withPush(true);
|
|
1505
1507
|
}
|
|
1506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1507
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
1508
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TooltipTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1509
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: TooltipTrigger, isStandalone: true, selector: "[mcmsTooltip]", inputs: { mcmsTooltip: { classPropertyName: "mcmsTooltip", publicName: "mcmsTooltip", isSignal: true, isRequired: true, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, tooltipDelay: { classPropertyName: "tooltipDelay", publicName: "tooltipDelay", isSignal: true, isRequired: false, transformFunction: null }, tooltipDisabled: { classPropertyName: "tooltipDisabled", publicName: "tooltipDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.aria-describedby": "tooltipId()" } }, ngImport: i0 });
|
|
1508
1510
|
}
|
|
1509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TooltipTrigger, decorators: [{
|
|
1510
1512
|
type: Directive,
|
|
1511
1513
|
args: [{
|
|
1512
1514
|
selector: '[mcmsTooltip]',
|
|
@@ -1694,10 +1696,10 @@ class PopoverTrigger {
|
|
|
1694
1696
|
.withPositions(positions)
|
|
1695
1697
|
.withPush(true);
|
|
1696
1698
|
}
|
|
1697
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1698
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
1699
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1700
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: PopoverTrigger, isStandalone: true, selector: "[mcmsPopoverTrigger]", inputs: { mcmsPopoverTrigger: { classPropertyName: "mcmsPopoverTrigger", publicName: "mcmsPopoverTrigger", isSignal: true, isRequired: true, transformFunction: null }, popoverSide: { classPropertyName: "popoverSide", publicName: "popoverSide", isSignal: true, isRequired: false, transformFunction: null }, popoverAlign: { classPropertyName: "popoverAlign", publicName: "popoverAlign", isSignal: true, isRequired: false, transformFunction: null }, popoverOffset: { classPropertyName: "popoverOffset", publicName: "popoverOffset", isSignal: true, isRequired: false, transformFunction: null }, popoverDisabled: { classPropertyName: "popoverDisabled", publicName: "popoverDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "toggle()", "keydown.enter": "toggle(); $event.preventDefault()", "keydown.space": "toggle(); $event.preventDefault()" }, properties: { "attr.aria-expanded": "isOpen()", "attr.aria-haspopup": "\"dialog\"" } }, exportAs: ["mcmsPopoverTrigger"], ngImport: i0 });
|
|
1699
1701
|
}
|
|
1700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1702
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PopoverTrigger, decorators: [{
|
|
1701
1703
|
type: Directive,
|
|
1702
1704
|
args: [{
|
|
1703
1705
|
selector: '[mcmsPopoverTrigger]',
|
|
@@ -1723,10 +1725,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
1723
1725
|
* ```
|
|
1724
1726
|
*/
|
|
1725
1727
|
class PopoverContent {
|
|
1726
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1727
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
1728
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PopoverContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1729
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: PopoverContent, isStandalone: true, selector: "mcms-popover-content", host: { attributes: { "role": "dialog" }, classAttribute: "block" }, ngImport: i0, template: `<div cdkTrapFocus cdkTrapFocusAutoCapture><ng-content /></div>`, isInline: true, styles: [":host{display:block;z-index:50;min-width:8rem;overflow:hidden;border-radius:.375rem;border:1px solid hsl(var(--mcms-border));background-color:hsl(var(--mcms-card));color:hsl(var(--mcms-card-foreground));padding:.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;animation:popover-in .15s ease-out}@keyframes popover-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1728
1730
|
}
|
|
1729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1731
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: PopoverContent, decorators: [{
|
|
1730
1732
|
type: Component,
|
|
1731
1733
|
args: [{ selector: 'mcms-popover-content', imports: [A11yModule], host: {
|
|
1732
1734
|
class: 'block',
|
|
@@ -1900,10 +1902,10 @@ class DropdownTrigger {
|
|
|
1900
1902
|
.withPositions(positions)
|
|
1901
1903
|
.withPush(true);
|
|
1902
1904
|
}
|
|
1903
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1904
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
1905
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1906
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DropdownTrigger, isStandalone: true, selector: "[mcmsDropdownTrigger]", inputs: { mcmsDropdownTrigger: { classPropertyName: "mcmsDropdownTrigger", publicName: "mcmsDropdownTrigger", isSignal: true, isRequired: true, transformFunction: null }, dropdownSide: { classPropertyName: "dropdownSide", publicName: "dropdownSide", isSignal: true, isRequired: false, transformFunction: null }, dropdownAlign: { classPropertyName: "dropdownAlign", publicName: "dropdownAlign", isSignal: true, isRequired: false, transformFunction: null }, dropdownOffset: { classPropertyName: "dropdownOffset", publicName: "dropdownOffset", isSignal: true, isRequired: false, transformFunction: null }, dropdownDisabled: { classPropertyName: "dropdownDisabled", publicName: "dropdownDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "toggle()", "keydown.enter": "open()", "keydown.space": "open(); $event.preventDefault()", "keydown.arrowdown": "open(); $event.preventDefault()" }, properties: { "attr.aria-expanded": "isOpen()", "attr.aria-haspopup": "\"menu\"" } }, exportAs: ["mcmsDropdownTrigger"], ngImport: i0 });
|
|
1905
1907
|
}
|
|
1906
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1908
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownTrigger, decorators: [{
|
|
1907
1909
|
type: Directive,
|
|
1908
1910
|
args: [{
|
|
1909
1911
|
selector: '[mcmsDropdownTrigger]',
|
|
@@ -1951,10 +1953,10 @@ class DropdownMenu {
|
|
|
1951
1953
|
const base = 'flex flex-col z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-card text-card-foreground p-1 shadow-lg animate-in fade-in-0 zoom-in-95';
|
|
1952
1954
|
return `${base} ${this.class()}`.trim();
|
|
1953
1955
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
1954
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
1955
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
1956
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1957
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DropdownMenu, isStandalone: true, selector: "mcms-dropdown-menu", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, typeaheadDelay: { classPropertyName: "typeaheadDelay", publicName: "typeaheadDelay", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelected: "itemSelected" }, host: { attributes: { "role": "menu" }, properties: { "class": "hostClasses()", "attr.aria-orientation": "\"vertical\"" } }, hostDirectives: [{ directive: i1$1.Menu, inputs: ["disabled", "disabled", "wrap", "wrap", "typeaheadDelay", "typeaheadDelay"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1956
1958
|
}
|
|
1957
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
1959
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownMenu, decorators: [{
|
|
1958
1960
|
type: Component,
|
|
1959
1961
|
args: [{
|
|
1960
1962
|
selector: 'mcms-dropdown-menu',
|
|
@@ -2014,15 +2016,15 @@ class DropdownMenuItem {
|
|
|
2014
2016
|
}
|
|
2015
2017
|
this.selected.emit();
|
|
2016
2018
|
}
|
|
2017
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2018
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
2019
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2020
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DropdownMenuItem, isStandalone: true, selector: "button[mcms-dropdown-item], a[mcms-dropdown-item]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { attributes: { "role": "menuitem" }, listeners: { "click": "onClick($event)", "keydown.enter": "onClick($event)", "keydown.space": "onClick($event); $event.preventDefault()" }, properties: { "class": "hostClasses()", "attr.tabindex": "disabled() ? -1 : 0", "attr.disabled": "disabled() || null", "attr.aria-disabled": "disabled()" } }, hostDirectives: [{ directive: i1$1.MenuItem, inputs: ["value", "value", "disabled", "disabled", "searchTerm", "searchTerm"] }], ngImport: i0, template: `
|
|
2019
2021
|
<ng-content />
|
|
2020
2022
|
@if (shortcut()) {
|
|
2021
2023
|
<span class="ml-auto text-xs tracking-widest text-muted-foreground">{{ shortcut() }}</span>
|
|
2022
2024
|
}
|
|
2023
2025
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2024
2026
|
}
|
|
2025
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownMenuItem, decorators: [{
|
|
2026
2028
|
type: Component,
|
|
2027
2029
|
args: [{
|
|
2028
2030
|
selector: 'button[mcms-dropdown-item], a[mcms-dropdown-item]',
|
|
@@ -2061,10 +2063,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
2061
2063
|
* ```
|
|
2062
2064
|
*/
|
|
2063
2065
|
class DropdownSeparator {
|
|
2064
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2065
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2066
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2067
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DropdownSeparator, isStandalone: true, selector: "mcms-dropdown-separator", host: { attributes: { "role": "separator" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;height:1px;margin:.25rem -.25rem;background-color:hsl(var(--mcms-border))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2066
2068
|
}
|
|
2067
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2069
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownSeparator, decorators: [{
|
|
2068
2070
|
type: Component,
|
|
2069
2071
|
args: [{ selector: 'mcms-dropdown-separator', host: {
|
|
2070
2072
|
role: 'separator',
|
|
@@ -2080,10 +2082,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
2080
2082
|
* ```
|
|
2081
2083
|
*/
|
|
2082
2084
|
class DropdownLabel {
|
|
2083
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2084
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2085
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2086
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DropdownLabel, isStandalone: true, selector: "mcms-dropdown-label", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;padding:.375rem .5rem;font-size:.75rem;font-weight:600;color:hsl(var(--mcms-muted-foreground))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2085
2087
|
}
|
|
2086
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DropdownLabel, decorators: [{
|
|
2087
2089
|
type: Component,
|
|
2088
2090
|
args: [{ selector: 'mcms-dropdown-label', host: {
|
|
2089
2091
|
class: 'block',
|
|
@@ -2280,10 +2282,10 @@ class DialogService {
|
|
|
2280
2282
|
minWidth: config?.minWidth,
|
|
2281
2283
|
};
|
|
2282
2284
|
}
|
|
2283
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2284
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
2285
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2286
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogService, providedIn: 'root' });
|
|
2285
2287
|
}
|
|
2286
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogService, decorators: [{
|
|
2287
2289
|
type: Injectable,
|
|
2288
2290
|
args: [{ providedIn: 'root' }]
|
|
2289
2291
|
}] });
|
|
@@ -2342,14 +2344,14 @@ class Dialog {
|
|
|
2342
2344
|
this.document.head.appendChild(style);
|
|
2343
2345
|
}
|
|
2344
2346
|
}
|
|
2345
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2346
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
2347
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2348
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Dialog, isStandalone: true, selector: "mcms-dialog", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog" }, properties: { "attr.aria-modal": "true", "attr.aria-labelledby": "titleId()", "attr.aria-describedby": "descriptionId()", "class": "hostClass()" } }, ngImport: i0, template: `
|
|
2347
2349
|
<div class="dialog-content" cdkTrapFocus cdkTrapFocusAutoCapture>
|
|
2348
2350
|
<ng-content />
|
|
2349
2351
|
</div>
|
|
2350
2352
|
`, isInline: true, styles: [":host{display:block;position:relative;border-radius:.5rem;border:1px solid hsl(var(--mcms-border));background-color:hsl(var(--mcms-card));color:hsl(var(--mcms-card-foreground));box-shadow:0 25px 50px -12px #00000040;animation:dialog-content-in .2s ease-out;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.dialog-content{display:flex;flex-direction:column;overflow:hidden}@keyframes dialog-content-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2351
2353
|
}
|
|
2352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2354
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Dialog, decorators: [{
|
|
2353
2355
|
type: Component,
|
|
2354
2356
|
args: [{ selector: 'mcms-dialog', imports: [A11yModule], host: {
|
|
2355
2357
|
role: 'dialog',
|
|
@@ -2368,10 +2370,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
2368
2370
|
* Dialog header component.
|
|
2369
2371
|
*/
|
|
2370
2372
|
class DialogHeader {
|
|
2371
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2372
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2373
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2374
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DialogHeader, isStandalone: true, selector: "mcms-dialog-header", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem;padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2373
2375
|
}
|
|
2374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogHeader, decorators: [{
|
|
2375
2377
|
type: Component,
|
|
2376
2378
|
args: [{ selector: 'mcms-dialog-header', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem;padding-bottom:0}\n"] }]
|
|
2377
2379
|
}] });
|
|
@@ -2386,10 +2388,10 @@ class DialogTitle {
|
|
|
2386
2388
|
ngOnInit() {
|
|
2387
2389
|
this.dialog?.registerTitle(this.id());
|
|
2388
2390
|
}
|
|
2389
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2390
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
2391
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2392
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DialogTitle, isStandalone: true, selector: "mcms-dialog-title", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;font-size:1.125rem;font-weight:600;line-height:1.5;letter-spacing:-.025em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2391
2393
|
}
|
|
2392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogTitle, decorators: [{
|
|
2393
2395
|
type: Component,
|
|
2394
2396
|
args: [{ selector: 'mcms-dialog-title', host: {
|
|
2395
2397
|
'[id]': 'id()',
|
|
@@ -2406,10 +2408,10 @@ class DialogDescription {
|
|
|
2406
2408
|
ngOnInit() {
|
|
2407
2409
|
this.dialog?.registerDescription(this.id());
|
|
2408
2410
|
}
|
|
2409
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2410
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
2411
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2412
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: DialogDescription, isStandalone: true, selector: "mcms-dialog-description", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "id": "id()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;font-size:.875rem;color:hsl(var(--mcms-muted-foreground))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2411
2413
|
}
|
|
2412
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogDescription, decorators: [{
|
|
2413
2415
|
type: Component,
|
|
2414
2416
|
args: [{ selector: 'mcms-dialog-description', host: {
|
|
2415
2417
|
'[id]': 'id()',
|
|
@@ -2420,10 +2422,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
2420
2422
|
* Dialog content component.
|
|
2421
2423
|
*/
|
|
2422
2424
|
class DialogContent {
|
|
2423
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2424
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2425
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2426
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DialogContent, isStandalone: true, selector: "mcms-dialog-content", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:block;padding:1.5rem;overflow-y:auto;flex:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2425
2427
|
}
|
|
2426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2428
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogContent, decorators: [{
|
|
2427
2429
|
type: Component,
|
|
2428
2430
|
args: [{ selector: 'mcms-dialog-content', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;padding:1.5rem;overflow-y:auto;flex:1}\n"] }]
|
|
2429
2431
|
}] });
|
|
@@ -2432,10 +2434,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
2432
2434
|
* Dialog footer component.
|
|
2433
2435
|
*/
|
|
2434
2436
|
class DialogFooter {
|
|
2435
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2436
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2437
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2438
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: DialogFooter, isStandalone: true, selector: "mcms-dialog-footer", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;padding:1.5rem;padding-top:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2437
2439
|
}
|
|
2438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogFooter, decorators: [{
|
|
2439
2441
|
type: Component,
|
|
2440
2442
|
args: [{ selector: 'mcms-dialog-footer', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:flex;flex-direction:row;justify-content:flex-end;gap:.5rem;padding:1.5rem;padding-top:0}\n"] }]
|
|
2441
2443
|
}] });
|
|
@@ -2456,10 +2458,10 @@ class DialogClose {
|
|
|
2456
2458
|
onClick() {
|
|
2457
2459
|
this.dialogRef?.close(this.mcmsDialogClose());
|
|
2458
2460
|
}
|
|
2459
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2460
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.
|
|
2461
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
2462
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: DialogClose, isStandalone: true, selector: "[mcmsDialogClose]", inputs: { mcmsDialogClose: { classPropertyName: "mcmsDialogClose", publicName: "mcmsDialogClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
|
|
2461
2463
|
}
|
|
2462
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DialogClose, decorators: [{
|
|
2463
2465
|
type: Directive,
|
|
2464
2466
|
args: [{
|
|
2465
2467
|
selector: '[mcmsDialogClose]',
|
|
@@ -2584,10 +2586,10 @@ class ToastService {
|
|
|
2584
2586
|
setMaxToasts(max) {
|
|
2585
2587
|
this.maxToasts.set(max);
|
|
2586
2588
|
}
|
|
2587
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2588
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
2589
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2590
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastService, providedIn: 'root' });
|
|
2589
2591
|
}
|
|
2590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastService, decorators: [{
|
|
2591
2593
|
type: Injectable,
|
|
2592
2594
|
args: [{ providedIn: 'root' }]
|
|
2593
2595
|
}] });
|
|
@@ -2644,8 +2646,8 @@ class ToastComponent {
|
|
|
2644
2646
|
}
|
|
2645
2647
|
this.dismiss();
|
|
2646
2648
|
}
|
|
2647
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2648
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
2649
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2650
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ToastComponent, isStandalone: true, selector: "mcms-toast", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dismissed: "dismissed" }, host: { properties: { "style.--toast-bg": "variantBg()", "style.--toast-border": "variantBorder()", "style.--toast-color": "variantColor()" } }, ngImport: i0, template: `
|
|
2649
2651
|
<div class="toast-content">
|
|
2650
2652
|
<div class="toast-title">{{ toast().title }}</div>
|
|
2651
2653
|
@if (toast().description) {
|
|
@@ -2678,7 +2680,7 @@ class ToastComponent {
|
|
|
2678
2680
|
}
|
|
2679
2681
|
`, isInline: true, styles: [":host{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:1rem;border-radius:.5rem;border:1px solid var(--toast-border);background-color:var(--toast-bg);color:var(--toast-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;animation:toast-slide-in .3s ease-out;pointer-events:auto}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-content{flex:1;min-width:0}.toast-title{font-weight:500;font-size:.875rem;line-height:1.25rem}.toast-description{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;opacity:.9}.toast-action{flex-shrink:0;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:.25rem;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;opacity:.8;transition:opacity .15s}.toast-action:hover{opacity:1}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border:none;background:transparent;color:inherit;cursor:pointer;opacity:.5;transition:opacity .15s;padding:0}.toast-close:hover{opacity:1}.toast-action:focus-visible,.toast-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--toast-bg),0 0 0 4px hsl(var(--mcms-ring, 215 20% 65%))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2680
2682
|
}
|
|
2681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2683
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastComponent, decorators: [{
|
|
2682
2684
|
type: Component,
|
|
2683
2685
|
args: [{ selector: 'mcms-toast', host: {
|
|
2684
2686
|
'[style.--toast-bg]': 'variantBg()',
|
|
@@ -2737,14 +2739,14 @@ class ToastContainer {
|
|
|
2737
2739
|
onDismiss(id) {
|
|
2738
2740
|
this.toastService.dismiss(id);
|
|
2739
2741
|
}
|
|
2740
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2741
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
2742
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2743
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ToastContainer, isStandalone: true, selector: "mcms-toast-container", host: { attributes: { "aria-live": "polite" }, properties: { "class": "hostClass()" } }, ngImport: i0, template: `
|
|
2742
2744
|
@for (toast of toasts(); track toast.id) {
|
|
2743
2745
|
<mcms-toast [toast]="toast" (dismissed)="onDismiss(toast.id)" />
|
|
2744
2746
|
}
|
|
2745
2747
|
`, isInline: true, styles: [":host{position:fixed;z-index:100;display:flex;flex-direction:column;gap:.5rem;padding:1rem;max-width:420px;width:100%;pointer-events:none}:host.top-right{top:0;right:0}:host.top-left{top:0;left:0}:host.top-center{top:0;left:50%;transform:translate(-50%)}:host.bottom-right{bottom:0;right:0}:host.bottom-left{bottom:0;left:0}:host.bottom-center{bottom:0;left:50%;transform:translate(-50%)}\n"], dependencies: [{ kind: "component", type: ToastComponent, selector: "mcms-toast", inputs: ["toast"], outputs: ["dismissed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2746
2748
|
}
|
|
2747
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastContainer, decorators: [{
|
|
2748
2750
|
type: Component,
|
|
2749
2751
|
args: [{ selector: 'mcms-toast-container', imports: [ToastComponent], host: {
|
|
2750
2752
|
'aria-live': 'polite',
|
|
@@ -2760,10 +2762,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
2760
2762
|
* Toast title component (optional, for custom content).
|
|
2761
2763
|
*/
|
|
2762
2764
|
class ToastTitle {
|
|
2763
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2764
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2765
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2766
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: ToastTitle, isStandalone: true, selector: "mcms-toast-title", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{font-weight:500;font-size:.875rem;line-height:1.25rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2765
2767
|
}
|
|
2766
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastTitle, decorators: [{
|
|
2767
2769
|
type: Component,
|
|
2768
2770
|
args: [{ selector: 'mcms-toast-title', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{font-weight:500;font-size:.875rem;line-height:1.25rem}\n"] }]
|
|
2769
2771
|
}] });
|
|
@@ -2772,10 +2774,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
2772
2774
|
* Toast description component (optional, for custom content).
|
|
2773
2775
|
*/
|
|
2774
2776
|
class ToastDescription {
|
|
2775
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2776
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.
|
|
2777
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastDescription, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2778
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: ToastDescription, isStandalone: true, selector: "mcms-toast-description", host: { classAttribute: "block" }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;opacity:.9}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2777
2779
|
}
|
|
2778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToastDescription, decorators: [{
|
|
2779
2781
|
type: Component,
|
|
2780
2782
|
args: [{ selector: 'mcms-toast-description', host: { class: 'block' }, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;opacity:.9}\n"] }]
|
|
2781
2783
|
}] });
|
|
@@ -2802,8 +2804,8 @@ class ConfirmationDialogComponent {
|
|
|
2802
2804
|
return baseClass;
|
|
2803
2805
|
}
|
|
2804
2806
|
}, ...(ngDevMode ? [{ debugName: "iconContainerClass" }] : []));
|
|
2805
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
2806
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
2807
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2808
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: ConfirmationDialogComponent, isStandalone: true, selector: "mcms-confirmation-dialog", ngImport: i0, template: `
|
|
2807
2809
|
<mcms-dialog>
|
|
2808
2810
|
<mcms-dialog-header>
|
|
2809
2811
|
@if (config.icon) {
|
|
@@ -2902,7 +2904,7 @@ class ConfirmationDialogComponent {
|
|
|
2902
2904
|
</mcms-dialog>
|
|
2903
2905
|
`, isInline: true, styles: [":host{display:contents}\n"], dependencies: [{ kind: "component", type: Dialog, selector: "mcms-dialog", inputs: ["class"] }, { kind: "component", type: DialogHeader, selector: "mcms-dialog-header" }, { kind: "component", type: DialogTitle, selector: "mcms-dialog-title", inputs: ["id"] }, { kind: "component", type: DialogDescription, selector: "mcms-dialog-description", inputs: ["id"] }, { kind: "component", type: DialogFooter, selector: "mcms-dialog-footer" }, { kind: "directive", type: DialogClose, selector: "[mcmsDialogClose]", inputs: ["mcmsDialogClose"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2904
2906
|
}
|
|
2905
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
2907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
2906
2908
|
type: Component,
|
|
2907
2909
|
args: [{ selector: 'mcms-confirmation-dialog', imports: [
|
|
2908
2910
|
Dialog,
|
|
@@ -3100,10 +3102,10 @@ class ConfirmationService {
|
|
|
3100
3102
|
icon: 'question',
|
|
3101
3103
|
});
|
|
3102
3104
|
}
|
|
3103
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3104
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
3105
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ConfirmationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3106
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ConfirmationService, providedIn: 'root' });
|
|
3105
3107
|
}
|
|
3106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3108
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ConfirmationService, decorators: [{
|
|
3107
3109
|
type: Injectable,
|
|
3108
3110
|
args: [{ providedIn: 'root' }]
|
|
3109
3111
|
}] });
|
|
@@ -3132,10 +3134,10 @@ class Separator {
|
|
|
3132
3134
|
const orientationClasses = this.orientation() === 'horizontal' ? 'h-px w-full' : 'h-full w-px';
|
|
3133
3135
|
return `${base} ${orientationClasses} ${this.class()}`.trim();
|
|
3134
3136
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3135
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3136
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3137
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Separator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3138
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Separator, isStandalone: true, selector: "mcms-separator", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "attr.role": "role()", "attr.aria-orientation": "ariaOrientation()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3137
3139
|
}
|
|
3138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Separator, decorators: [{
|
|
3139
3141
|
type: Component,
|
|
3140
3142
|
args: [{
|
|
3141
3143
|
selector: 'mcms-separator',
|
|
@@ -3176,8 +3178,8 @@ class Spinner {
|
|
|
3176
3178
|
hostClasses = computed(() => {
|
|
3177
3179
|
return `inline-flex items-center justify-center text-primary ${this.class()}`.trim();
|
|
3178
3180
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3179
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3180
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3181
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Spinner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3182
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Spinner, isStandalone: true, selector: "mcms-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()", "attr.aria-label": "label()" } }, ngImport: i0, template: `
|
|
3181
3183
|
<svg
|
|
3182
3184
|
[attr.width]="dimensions().width"
|
|
3183
3185
|
[attr.height]="dimensions().height"
|
|
@@ -3203,7 +3205,7 @@ class Spinner {
|
|
|
3203
3205
|
</svg>
|
|
3204
3206
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3205
3207
|
}
|
|
3206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Spinner, decorators: [{
|
|
3207
3209
|
type: Component,
|
|
3208
3210
|
args: [{
|
|
3209
3211
|
selector: 'mcms-spinner',
|
|
@@ -3257,10 +3259,10 @@ class Skeleton {
|
|
|
3257
3259
|
hostClasses = computed(() => {
|
|
3258
3260
|
return `block animate-pulse rounded-md bg-muted ${this.class()}`.trim();
|
|
3259
3261
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3260
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3261
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3262
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Skeleton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3263
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Skeleton, isStandalone: true, selector: "mcms-skeleton", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3262
3264
|
}
|
|
3263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Skeleton, decorators: [{
|
|
3264
3266
|
type: Component,
|
|
3265
3267
|
args: [{
|
|
3266
3268
|
selector: 'mcms-skeleton',
|
|
@@ -3303,8 +3305,8 @@ class Progress {
|
|
|
3303
3305
|
hostClasses = computed(() => {
|
|
3304
3306
|
return `relative block h-2 w-full overflow-hidden rounded-full bg-muted ${this.class()}`.trim();
|
|
3305
3307
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3306
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3307
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3308
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Progress, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3309
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Progress, isStandalone: true, selector: "mcms-progress", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "class": "hostClasses()", "attr.aria-valuenow": "value()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "max()", "attr.aria-label": "ariaLabel() || null" } }, ngImport: i0, template: `
|
|
3308
3310
|
<div
|
|
3309
3311
|
class="h-full bg-primary transition-all duration-300"
|
|
3310
3312
|
[class.animate-progress-indeterminate]="isIndeterminate()"
|
|
@@ -3312,7 +3314,7 @@ class Progress {
|
|
|
3312
3314
|
></div>
|
|
3313
3315
|
`, isInline: true, styles: ["@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.animate-progress-indeterminate{width:25%!important;animation:progress-indeterminate 1.5s ease-in-out infinite}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3314
3316
|
}
|
|
3315
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Progress, decorators: [{
|
|
3316
3318
|
type: Component,
|
|
3317
3319
|
args: [{ selector: 'mcms-progress', host: {
|
|
3318
3320
|
'[class]': 'hostClasses()',
|
|
@@ -3352,10 +3354,10 @@ class AspectRatio {
|
|
|
3352
3354
|
hostClasses = computed(() => {
|
|
3353
3355
|
return `relative block w-full ${this.class()}`.trim();
|
|
3354
3356
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3355
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3356
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3357
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AspectRatio, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3358
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: AspectRatio, isStandalone: true, selector: "mcms-aspect-ratio", inputs: { ratio: { classPropertyName: "ratio", publicName: "ratio", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "style.aspect-ratio": "ratio()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3357
3359
|
}
|
|
3358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3360
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AspectRatio, decorators: [{
|
|
3359
3361
|
type: Component,
|
|
3360
3362
|
args: [{
|
|
3361
3363
|
selector: 'mcms-aspect-ratio',
|
|
@@ -3403,10 +3405,10 @@ class Avatar {
|
|
|
3403
3405
|
const sizeClasses = AVATAR_SIZE_CLASSES[this.size()];
|
|
3404
3406
|
return `${base} ${sizeClasses} ${this.class()}`.trim();
|
|
3405
3407
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3406
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3407
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3408
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Avatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3409
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Avatar, isStandalone: true, selector: "mcms-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel() || null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3408
3410
|
}
|
|
3409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Avatar, decorators: [{
|
|
3410
3412
|
type: Component,
|
|
3411
3413
|
args: [{
|
|
3412
3414
|
selector: 'mcms-avatar',
|
|
@@ -3450,8 +3452,8 @@ class AvatarImage {
|
|
|
3450
3452
|
this.avatar?.setImageLoaded(false);
|
|
3451
3453
|
this.loadError.emit();
|
|
3452
3454
|
}
|
|
3453
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3454
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3455
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AvatarImage, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3456
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: AvatarImage, isStandalone: true, selector: "mcms-avatar-image", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loadError: "loadError" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
3455
3457
|
<img
|
|
3456
3458
|
[src]="src()"
|
|
3457
3459
|
[alt]="alt()"
|
|
@@ -3461,7 +3463,7 @@ class AvatarImage {
|
|
|
3461
3463
|
/>
|
|
3462
3464
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3463
3465
|
}
|
|
3464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AvatarImage, decorators: [{
|
|
3465
3467
|
type: Component,
|
|
3466
3468
|
args: [{
|
|
3467
3469
|
selector: 'mcms-avatar-image',
|
|
@@ -3524,10 +3526,10 @@ class AvatarFallback {
|
|
|
3524
3526
|
const visibility = shouldShow ? 'flex' : 'hidden';
|
|
3525
3527
|
return `${base} ${visibility} ${this.class()}`.trim();
|
|
3526
3528
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3527
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3528
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3529
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AvatarFallback, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3530
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: AvatarFallback, isStandalone: true, selector: "mcms-avatar-fallback", inputs: { delayMs: { classPropertyName: "delayMs", publicName: "delayMs", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3529
3531
|
}
|
|
3530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AvatarFallback, decorators: [{
|
|
3531
3533
|
type: Component,
|
|
3532
3534
|
args: [{
|
|
3533
3535
|
selector: 'mcms-avatar-fallback',
|
|
@@ -3559,8 +3561,8 @@ class Breadcrumbs {
|
|
|
3559
3561
|
hostClasses = computed(() => {
|
|
3560
3562
|
return `block ${this.class()}`.trim();
|
|
3561
3563
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3562
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3563
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3564
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Breadcrumbs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3565
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Breadcrumbs, isStandalone: true, selector: "mcms-breadcrumbs", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
3564
3566
|
<nav aria-label="Breadcrumb">
|
|
3565
3567
|
<ol class="flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground">
|
|
3566
3568
|
<ng-content />
|
|
@@ -3568,7 +3570,7 @@ class Breadcrumbs {
|
|
|
3568
3570
|
</nav>
|
|
3569
3571
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3570
3572
|
}
|
|
3571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3573
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Breadcrumbs, decorators: [{
|
|
3572
3574
|
type: Component,
|
|
3573
3575
|
args: [{
|
|
3574
3576
|
selector: 'mcms-breadcrumbs',
|
|
@@ -3605,8 +3607,8 @@ class BreadcrumbItem {
|
|
|
3605
3607
|
hostClasses = computed(() => {
|
|
3606
3608
|
return `inline-flex items-center ${this.class()}`.trim();
|
|
3607
3609
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3608
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3609
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
3610
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3611
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: BreadcrumbItem, isStandalone: true, selector: "mcms-breadcrumb-item", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listitem" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
3610
3612
|
<ng-template #content><ng-content /></ng-template>
|
|
3611
3613
|
|
|
3612
3614
|
@if (href() && !current()) {
|
|
@@ -3627,7 +3629,7 @@ class BreadcrumbItem {
|
|
|
3627
3629
|
}
|
|
3628
3630
|
`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3629
3631
|
}
|
|
3630
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3632
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BreadcrumbItem, decorators: [{
|
|
3631
3633
|
type: Component,
|
|
3632
3634
|
args: [{
|
|
3633
3635
|
selector: 'mcms-breadcrumb-item',
|
|
@@ -3675,8 +3677,8 @@ class BreadcrumbSeparator {
|
|
|
3675
3677
|
hostClasses = computed(() => {
|
|
3676
3678
|
return `[&>svg]:h-3.5 [&>svg]:w-3.5 ${this.class()}`.trim();
|
|
3677
3679
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3678
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3679
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
3680
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3681
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: BreadcrumbSeparator, isStandalone: true, selector: "mcms-breadcrumb-separator", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation", "aria-hidden": "true" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
3680
3682
|
<ng-content>
|
|
3681
3683
|
<svg
|
|
3682
3684
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -3694,7 +3696,7 @@ class BreadcrumbSeparator {
|
|
|
3694
3696
|
</ng-content>
|
|
3695
3697
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3696
3698
|
}
|
|
3697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3699
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BreadcrumbSeparator, decorators: [{
|
|
3698
3700
|
type: Component,
|
|
3699
3701
|
args: [{
|
|
3700
3702
|
selector: 'mcms-breadcrumb-separator',
|
|
@@ -3807,10 +3809,10 @@ class SidebarService {
|
|
|
3807
3809
|
this.document.removeEventListener('keydown', handler);
|
|
3808
3810
|
});
|
|
3809
3811
|
}
|
|
3810
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3811
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
3812
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3813
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarService, providedIn: 'root' });
|
|
3812
3814
|
}
|
|
3813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3815
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarService, decorators: [{
|
|
3814
3816
|
type: Injectable,
|
|
3815
3817
|
args: [{ providedIn: 'root' }]
|
|
3816
3818
|
}] });
|
|
@@ -3876,8 +3878,8 @@ class Sidebar {
|
|
|
3876
3878
|
}, ...(ngDevMode ? [{ debugName: "desktopClasses" }] : []));
|
|
3877
3879
|
/** Width for desktop sidebar */
|
|
3878
3880
|
desktopWidth = computed(() => this.sidebar.collapsed() ? this.collapsedWidth() : this.width(), ...(ngDevMode ? [{ debugName: "desktopWidth" }] : []));
|
|
3879
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3880
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
3881
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Sidebar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3882
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: Sidebar, isStandalone: true, selector: "mcms-sidebar", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, collapsedWidth: { classPropertyName: "collapsedWidth", publicName: "collapsedWidth", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, ngImport: i0, template: `
|
|
3881
3883
|
@if (sidebar.isMobile()) {
|
|
3882
3884
|
<!-- Mobile: Drawer overlay -->
|
|
3883
3885
|
@if (sidebar.open()) {
|
|
@@ -3922,7 +3924,7 @@ class Sidebar {
|
|
|
3922
3924
|
</ng-template>
|
|
3923
3925
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
3924
3926
|
}
|
|
3925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
3927
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Sidebar, decorators: [{
|
|
3926
3928
|
type: Component,
|
|
3927
3929
|
args: [{
|
|
3928
3930
|
selector: 'mcms-sidebar',
|
|
@@ -3995,10 +3997,10 @@ class SidebarHeader {
|
|
|
3995
3997
|
const base = 'flex items-center px-4 py-4 border-b border-sidebar-border shrink-0';
|
|
3996
3998
|
return `${base} ${this.class()}`.trim();
|
|
3997
3999
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
3998
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
3999
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4000
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4001
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SidebarHeader, isStandalone: true, selector: "mcms-sidebar-header", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4000
4002
|
}
|
|
4001
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarHeader, decorators: [{
|
|
4002
4004
|
type: Component,
|
|
4003
4005
|
args: [{
|
|
4004
4006
|
selector: 'mcms-sidebar-header',
|
|
@@ -4030,10 +4032,10 @@ class SidebarContent {
|
|
|
4030
4032
|
const base = 'flex-1 overflow-y-auto px-2 py-2';
|
|
4031
4033
|
return `${base} ${this.class()}`.trim();
|
|
4032
4034
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4033
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4034
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4035
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4036
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SidebarContent, isStandalone: true, selector: "mcms-sidebar-content", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4035
4037
|
}
|
|
4036
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4038
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarContent, decorators: [{
|
|
4037
4039
|
type: Component,
|
|
4038
4040
|
args: [{
|
|
4039
4041
|
selector: 'mcms-sidebar-content',
|
|
@@ -4065,10 +4067,10 @@ class SidebarFooter {
|
|
|
4065
4067
|
const base = 'px-2 py-2 border-t border-sidebar-border shrink-0';
|
|
4066
4068
|
return `${base} ${this.class()}`.trim();
|
|
4067
4069
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4068
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4069
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4070
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4071
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SidebarFooter, isStandalone: true, selector: "mcms-sidebar-footer", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4070
4072
|
}
|
|
4071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4073
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarFooter, decorators: [{
|
|
4072
4074
|
type: Component,
|
|
4073
4075
|
args: [{
|
|
4074
4076
|
selector: 'mcms-sidebar-footer',
|
|
@@ -4102,10 +4104,10 @@ class SidebarNav {
|
|
|
4102
4104
|
const base = 'flex flex-col gap-1';
|
|
4103
4105
|
return `${base} ${this.class()}`.trim();
|
|
4104
4106
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4105
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4106
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4107
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarNav, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4108
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SidebarNav, isStandalone: true, selector: "mcms-sidebar-nav", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "navigation" }, properties: { "attr.aria-label": "ariaLabel()", "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4107
4109
|
}
|
|
4108
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarNav, decorators: [{
|
|
4109
4111
|
type: Component,
|
|
4110
4112
|
args: [{
|
|
4111
4113
|
selector: 'mcms-sidebar-nav',
|
|
@@ -4183,8 +4185,8 @@ class SidebarNavItem {
|
|
|
4183
4185
|
this.sidebar.setOpen(false);
|
|
4184
4186
|
}
|
|
4185
4187
|
}
|
|
4186
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4187
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
4188
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarNavItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4189
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SidebarNavItem, isStandalone: true, selector: "mcms-sidebar-nav-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, exact: { classPropertyName: "exact", publicName: "exact", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
4188
4190
|
@if (href()) {
|
|
4189
4191
|
<a
|
|
4190
4192
|
[routerLink]="href()"
|
|
@@ -4215,7 +4217,7 @@ class SidebarNavItem {
|
|
|
4215
4217
|
</ng-template>
|
|
4216
4218
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4217
4219
|
}
|
|
4218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarNavItem, decorators: [{
|
|
4219
4221
|
type: Component,
|
|
4220
4222
|
args: [{
|
|
4221
4223
|
selector: 'mcms-sidebar-nav-item',
|
|
@@ -4288,8 +4290,8 @@ class SidebarSection {
|
|
|
4288
4290
|
this.expanded.set(newValue);
|
|
4289
4291
|
this.expandedChange.emit(newValue);
|
|
4290
4292
|
}
|
|
4291
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4292
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
4293
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarSection, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4294
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SidebarSection, isStandalone: true, selector: "mcms-sidebar-section", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", expandedChange: "expandedChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
4293
4295
|
@if (title()) {
|
|
4294
4296
|
@if (collapsible()) {
|
|
4295
4297
|
<button
|
|
@@ -4332,7 +4334,7 @@ class SidebarSection {
|
|
|
4332
4334
|
}
|
|
4333
4335
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4334
4336
|
}
|
|
4335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarSection, decorators: [{
|
|
4336
4338
|
type: Component,
|
|
4337
4339
|
args: [{
|
|
4338
4340
|
selector: 'mcms-sidebar-section',
|
|
@@ -4409,8 +4411,8 @@ class SidebarTrigger {
|
|
|
4409
4411
|
/** Icon to display based on sidebar state. */
|
|
4410
4412
|
iconName = computed(() => this.sidebar.isMobile() && this.sidebar.open() ? 'heroXMark' : 'heroBars3', ...(ngDevMode ? [{ debugName: "iconName" }] : []));
|
|
4411
4413
|
hostClasses = computed(() => `${this.class()}`.trim(), ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4412
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4413
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4414
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4415
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: SidebarTrigger, isStandalone: true, selector: "mcms-sidebar-trigger", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, providers: [provideIcons({ heroBars3, heroXMark })], ngImport: i0, template: `
|
|
4414
4416
|
<button
|
|
4415
4417
|
type="button"
|
|
4416
4418
|
(click)="sidebar.toggle()"
|
|
@@ -4422,7 +4424,7 @@ class SidebarTrigger {
|
|
|
4422
4424
|
</button>
|
|
4423
4425
|
`, isInline: true, dependencies: [{ kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4424
4426
|
}
|
|
4425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SidebarTrigger, decorators: [{
|
|
4426
4428
|
type: Component,
|
|
4427
4429
|
args: [{
|
|
4428
4430
|
selector: 'mcms-sidebar-trigger',
|
|
@@ -4514,8 +4516,8 @@ class Pagination {
|
|
|
4514
4516
|
this.pageChange.emit(page);
|
|
4515
4517
|
}
|
|
4516
4518
|
}
|
|
4517
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4518
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
4519
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Pagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4520
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: Pagination, isStandalone: true, selector: "mcms-pagination", inputs: { currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: true, transformFunction: null }, totalPages: { classPropertyName: "totalPages", publicName: "totalPages", isSignal: true, isRequired: true, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange" }, host: { attributes: { "role": "navigation", "aria-label": "Pagination" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
4519
4521
|
<ul class="flex flex-row items-center gap-1">
|
|
4520
4522
|
<!-- Previous button -->
|
|
4521
4523
|
<li>
|
|
@@ -4614,7 +4616,7 @@ class Pagination {
|
|
|
4614
4616
|
</ul>
|
|
4615
4617
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4616
4618
|
}
|
|
4617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Pagination, decorators: [{
|
|
4618
4620
|
type: Component,
|
|
4619
4621
|
args: [{
|
|
4620
4622
|
selector: 'mcms-pagination',
|
|
@@ -4746,10 +4748,10 @@ class Tabs {
|
|
|
4746
4748
|
hostClasses = computed(() => {
|
|
4747
4749
|
return `block ${this.class()}`.trim();
|
|
4748
4750
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4749
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4750
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4751
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Tabs, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4752
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Tabs, isStandalone: true, selector: "mcms-tabs", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$2.Tabs }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4751
4753
|
}
|
|
4752
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4754
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Tabs, decorators: [{
|
|
4753
4755
|
type: Component,
|
|
4754
4756
|
args: [{
|
|
4755
4757
|
selector: 'mcms-tabs',
|
|
@@ -4791,10 +4793,10 @@ class TabsList {
|
|
|
4791
4793
|
const orientationClasses = this.orientation() === 'vertical' ? 'flex-col h-auto' : 'h-9';
|
|
4792
4794
|
return `${base} ${orientationClasses} ${this.class()}`.trim();
|
|
4793
4795
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4794
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4795
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4796
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TabsList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4797
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TabsList, isStandalone: true, selector: "mcms-tabs-list", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectedTab: { classPropertyName: "selectedTab", publicName: "selectedTab", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedTab: "selectedTabChange" }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$2.TabList, inputs: ["orientation", "orientation", "selectionMode", "selectionMode", "selectedTab", "selectedTab", "disabled", "disabled", "wrap", "wrap"], outputs: ["selectedTabChange", "selectedTabChange"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4796
4798
|
}
|
|
4797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4799
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TabsList, decorators: [{
|
|
4798
4800
|
type: Component,
|
|
4799
4801
|
args: [{
|
|
4800
4802
|
selector: 'mcms-tabs-list',
|
|
@@ -4835,10 +4837,10 @@ class TabsTrigger {
|
|
|
4835
4837
|
const selectedClasses = this.tab.selected() ? 'bg-background text-foreground shadow' : '';
|
|
4836
4838
|
return `${base} ${selectedClasses} ${this.class()}`.trim();
|
|
4837
4839
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4838
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4839
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4840
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TabsTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4841
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TabsTrigger, isStandalone: true, selector: "mcms-tabs-trigger", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$2.Tab, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4840
4842
|
}
|
|
4841
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TabsTrigger, decorators: [{
|
|
4842
4844
|
type: Component,
|
|
4843
4845
|
args: [{
|
|
4844
4846
|
selector: 'mcms-tabs-trigger',
|
|
@@ -4875,10 +4877,10 @@ class TabsContent {
|
|
|
4875
4877
|
hostClasses = computed(() => {
|
|
4876
4878
|
return `mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${this.class()}`.trim();
|
|
4877
4879
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4878
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4879
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4880
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TabsContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4881
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TabsContent, isStandalone: true, selector: "mcms-tabs-content", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "hidden": "!tabPanel.visible()" } }, hostDirectives: [{ directive: i1$2.TabPanel, inputs: ["value", "value"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4880
4882
|
}
|
|
4881
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TabsContent, decorators: [{
|
|
4882
4884
|
type: Component,
|
|
4883
4885
|
args: [{
|
|
4884
4886
|
selector: 'mcms-tabs-content',
|
|
@@ -4924,10 +4926,10 @@ class Accordion {
|
|
|
4924
4926
|
hostClasses = computed(() => {
|
|
4925
4927
|
return `block ${this.class()}`.trim();
|
|
4926
4928
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4927
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4928
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4929
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Accordion, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4930
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Accordion, isStandalone: true, selector: "mcms-accordion", inputs: { multiExpandable: { classPropertyName: "multiExpandable", publicName: "multiExpandable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$3.AccordionGroup, inputs: ["disabled", "disabled", "multiExpandable", "multiExpandable", "wrap", "wrap"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4929
4931
|
}
|
|
4930
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4932
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Accordion, decorators: [{
|
|
4931
4933
|
type: Component,
|
|
4932
4934
|
args: [{
|
|
4933
4935
|
selector: 'mcms-accordion',
|
|
@@ -4965,10 +4967,10 @@ class AccordionItem {
|
|
|
4965
4967
|
hostClasses = computed(() => {
|
|
4966
4968
|
return `block border-b ${this.class()}`.trim();
|
|
4967
4969
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
4968
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
4969
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
4970
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4971
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: AccordionItem, isStandalone: true, selector: "mcms-accordion-item", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4970
4972
|
}
|
|
4971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
4973
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AccordionItem, decorators: [{
|
|
4972
4974
|
type: Component,
|
|
4973
4975
|
args: [{
|
|
4974
4976
|
selector: 'mcms-accordion-item',
|
|
@@ -5010,8 +5012,8 @@ class AccordionTrigger {
|
|
|
5010
5012
|
const expandedClasses = this.trigger.expanded() ? 'rotate-180' : '';
|
|
5011
5013
|
return `${base} ${expandedClasses}`.trim();
|
|
5012
5014
|
}, ...(ngDevMode ? [{ debugName: "iconClasses" }] : []));
|
|
5013
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5014
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5015
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AccordionTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5016
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: AccordionTrigger, isStandalone: true, selector: "mcms-accordion-trigger", inputs: { panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$3.AccordionTrigger, inputs: ["panelId", "panelId", "disabled", "disabled", "expanded", "expanded"], outputs: ["expandedChange", "expandedChange"] }], ngImport: i0, template: `
|
|
5015
5017
|
<ng-content />
|
|
5016
5018
|
<svg
|
|
5017
5019
|
[class]="iconClasses()"
|
|
@@ -5030,7 +5032,7 @@ class AccordionTrigger {
|
|
|
5030
5032
|
</svg>
|
|
5031
5033
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5032
5034
|
}
|
|
5033
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5035
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AccordionTrigger, decorators: [{
|
|
5034
5036
|
type: Component,
|
|
5035
5037
|
args: [{
|
|
5036
5038
|
selector: 'mcms-accordion-trigger',
|
|
@@ -5088,8 +5090,8 @@ class AccordionContent {
|
|
|
5088
5090
|
contentClasses = computed(() => {
|
|
5089
5091
|
return 'pb-4 pt-0';
|
|
5090
5092
|
}, ...(ngDevMode ? [{ debugName: "contentClasses" }] : []));
|
|
5091
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5092
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5093
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5094
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: AccordionContent, isStandalone: true, selector: "mcms-accordion-content", inputs: { panelId: { classPropertyName: "panelId", publicName: "panelId", isSignal: true, isRequired: true, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "hidden": "!panel.visible()" } }, hostDirectives: [{ directive: i1$3.AccordionPanel, inputs: ["panelId", "panelId"] }], ngImport: i0, template: `
|
|
5093
5095
|
<ng-template ngAccordionContent>
|
|
5094
5096
|
<div [class]="contentClasses()">
|
|
5095
5097
|
<ng-content />
|
|
@@ -5097,7 +5099,7 @@ class AccordionContent {
|
|
|
5097
5099
|
</ng-template>
|
|
5098
5100
|
`, isInline: true, dependencies: [{ kind: "directive", type: AccordionContent$1, selector: "ng-template[ngAccordionContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5099
5101
|
}
|
|
5100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: AccordionContent, decorators: [{
|
|
5101
5103
|
type: Component,
|
|
5102
5104
|
args: [{
|
|
5103
5105
|
selector: 'mcms-accordion-content',
|
|
@@ -5169,14 +5171,14 @@ class Table {
|
|
|
5169
5171
|
tableClasses = computed(() => {
|
|
5170
5172
|
return 'w-full caption-bottom text-sm';
|
|
5171
5173
|
}, ...(ngDevMode ? [{ debugName: "tableClasses" }] : []));
|
|
5172
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5173
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5174
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5175
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Table, isStandalone: true, selector: "mcms-table", inputs: { enableSelection: { classPropertyName: "enableSelection", publicName: "enableSelection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, rowWrap: { classPropertyName: "rowWrap", publicName: "rowWrap", isSignal: true, isRequired: false, transformFunction: null }, colWrap: { classPropertyName: "colWrap", publicName: "colWrap", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, enableRangeSelection: { classPropertyName: "enableRangeSelection", publicName: "enableRangeSelection", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "grid" }, properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$4.Grid, inputs: ["enableSelection", "enableSelection", "disabled", "disabled", "focusMode", "focusMode", "rowWrap", "rowWrap", "colWrap", "colWrap", "multi", "multi", "selectionMode", "selectionMode", "enableRangeSelection", "enableRangeSelection"] }], ngImport: i0, template: `
|
|
5174
5176
|
<table role="none" [class]="tableClasses()">
|
|
5175
5177
|
<ng-content />
|
|
5176
5178
|
</table>
|
|
5177
5179
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5178
5180
|
}
|
|
5179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5181
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Table, decorators: [{
|
|
5180
5182
|
type: Component,
|
|
5181
5183
|
args: [{
|
|
5182
5184
|
selector: 'mcms-table',
|
|
@@ -5226,10 +5228,10 @@ class TableHeader {
|
|
|
5226
5228
|
hostClasses = computed(() => {
|
|
5227
5229
|
return `[&_tr]:border-b ${this.class()}`.trim();
|
|
5228
5230
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
5229
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5230
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5231
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5232
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableHeader, isStandalone: true, selector: "mcms-table-header, thead[mcms-table-header]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "rowgroup" }, properties: { "class": "hostClasses()", "style.display": "\"table-header-group\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:table-header-group}:host ::ng-deep mcms-table-row{border-bottom:1px solid hsl(var(--mcms-border))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5231
5233
|
}
|
|
5232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableHeader, decorators: [{
|
|
5233
5235
|
type: Component,
|
|
5234
5236
|
args: [{ selector: 'mcms-table-header, thead[mcms-table-header]', host: {
|
|
5235
5237
|
'[class]': 'hostClasses()',
|
|
@@ -5256,10 +5258,10 @@ class TableBody {
|
|
|
5256
5258
|
hostClasses = computed(() => {
|
|
5257
5259
|
return `[&_tr:last-child]:border-0 ${this.class()}`.trim();
|
|
5258
5260
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
5259
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5260
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5261
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableBody, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5262
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableBody, isStandalone: true, selector: "mcms-table-body", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "rowgroup" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:table-row-group}:host ::ng-deep mcms-table-row:last-child{border-bottom:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5261
5263
|
}
|
|
5262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableBody, decorators: [{
|
|
5263
5265
|
type: Component,
|
|
5264
5266
|
args: [{ selector: 'mcms-table-body', host: {
|
|
5265
5267
|
'[class]': 'hostClasses()',
|
|
@@ -5290,10 +5292,10 @@ class TableRow {
|
|
|
5290
5292
|
const selectedClasses = this.selected() ? 'bg-muted' : '';
|
|
5291
5293
|
return `${base} ${selectedClasses} ${this.class()}`.trim();
|
|
5292
5294
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
5293
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5294
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5295
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5296
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableRow, isStandalone: true, selector: "mcms-table-row", inputs: { rowIndex: { classPropertyName: "rowIndex", publicName: "rowIndex", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "row" }, properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$4.GridRow, inputs: ["rowIndex", "rowIndex"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:table-row}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5295
5297
|
}
|
|
5296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableRow, decorators: [{
|
|
5297
5299
|
type: Component,
|
|
5298
5300
|
args: [{ selector: 'mcms-table-row', hostDirectives: [
|
|
5299
5301
|
{
|
|
@@ -5309,7 +5311,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
5309
5311
|
/**
|
|
5310
5312
|
* Table header cell (th) component.
|
|
5311
5313
|
*
|
|
5312
|
-
*
|
|
5314
|
+
* GridCell manages the `role` attribute imperatively. Pass `role="columnheader"`
|
|
5315
|
+
* when used inside `<mcms-table-header>` for correct ARIA semantics.
|
|
5313
5316
|
*
|
|
5314
5317
|
* @example
|
|
5315
5318
|
* ```html
|
|
@@ -5329,19 +5332,18 @@ class TableHead {
|
|
|
5329
5332
|
const base = 'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>mcms-checkbox]:translate-y-[2px]';
|
|
5330
5333
|
return `${base} ${this.class()}`.trim();
|
|
5331
5334
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
5332
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5333
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5335
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableHead, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5336
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableHead, isStandalone: true, selector: "mcms-table-head", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, rowSpan: { classPropertyName: "rowSpan", publicName: "rowSpan", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$4.GridCell, inputs: ["disabled", "disabled", "colSpan", "colSpan", "rowSpan", "rowSpan", "role", "role"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:table-cell}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5334
5337
|
}
|
|
5335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableHead, decorators: [{
|
|
5336
5339
|
type: Component,
|
|
5337
5340
|
args: [{ selector: 'mcms-table-head', hostDirectives: [
|
|
5338
5341
|
{
|
|
5339
5342
|
directive: GridCell,
|
|
5340
|
-
inputs: ['disabled', 'colSpan', 'rowSpan'],
|
|
5343
|
+
inputs: ['disabled', 'colSpan', 'rowSpan', 'role'],
|
|
5341
5344
|
},
|
|
5342
5345
|
], host: {
|
|
5343
5346
|
'[class]': 'hostClasses()',
|
|
5344
|
-
'[attr.role]': '"columnheader"',
|
|
5345
5347
|
}, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:table-cell}\n"] }]
|
|
5346
5348
|
}], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], colSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colSpan", required: false }] }], rowSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowSpan", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
|
|
5347
5349
|
|
|
@@ -5369,10 +5371,10 @@ class TableCell {
|
|
|
5369
5371
|
const selectedClasses = this.selected() ? 'bg-primary/10' : '';
|
|
5370
5372
|
return `${base} ${selectedClasses} ${this.class()}`.trim();
|
|
5371
5373
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
5372
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5373
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5374
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5375
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableCell, isStandalone: true, selector: "mcms-table-cell", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, colSpan: { classPropertyName: "colSpan", publicName: "colSpan", isSignal: true, isRequired: false, transformFunction: null }, rowSpan: { classPropertyName: "rowSpan", publicName: "rowSpan", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, host: { attributes: { "role": "gridcell" }, properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$4.GridCell, inputs: ["disabled", "disabled", "selected", "selected", "colSpan", "colSpan", "rowSpan", "rowSpan"], outputs: ["selectedChange", "selectedChange"] }], ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:table-cell}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5374
5376
|
}
|
|
5375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCell, decorators: [{
|
|
5376
5378
|
type: Component,
|
|
5377
5379
|
args: [{ selector: 'mcms-table-cell', hostDirectives: [
|
|
5378
5380
|
{
|
|
@@ -5403,10 +5405,10 @@ class TableCaption {
|
|
|
5403
5405
|
hostClasses = computed(() => {
|
|
5404
5406
|
return `mt-4 text-sm text-muted-foreground ${this.class()}`.trim();
|
|
5405
5407
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
5406
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5407
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5408
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCaption, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5409
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableCaption, isStandalone: true, selector: "mcms-table-caption", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:table-caption;caption-side:bottom}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5408
5410
|
}
|
|
5409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCaption, decorators: [{
|
|
5410
5412
|
type: Component,
|
|
5411
5413
|
args: [{ selector: 'mcms-table-caption', host: {
|
|
5412
5414
|
'[class]': 'hostClasses()',
|
|
@@ -5432,10 +5434,10 @@ class TableFooter {
|
|
|
5432
5434
|
hostClasses = computed(() => {
|
|
5433
5435
|
return `border-t bg-muted/50 font-medium [&>tr]:last:border-b-0 ${this.class()}`.trim();
|
|
5434
5436
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
5435
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5436
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
5437
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5438
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableFooter, isStandalone: true, selector: "mcms-table-footer", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, styles: [":host{display:table-footer-group}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5437
5439
|
}
|
|
5438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableFooter, decorators: [{
|
|
5439
5441
|
type: Component,
|
|
5440
5442
|
args: [{ selector: 'mcms-table-footer', host: {
|
|
5441
5443
|
'[class]': 'hostClasses()',
|
|
@@ -5501,8 +5503,8 @@ class EmptyState {
|
|
|
5501
5503
|
};
|
|
5502
5504
|
return sizeMap[this.size()];
|
|
5503
5505
|
}
|
|
5504
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5505
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
5506
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmptyState, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5507
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: EmptyState, isStandalone: true, selector: "mcms-empty-state", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", 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 } }, host: { attributes: { "role": "status" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
5506
5508
|
<div class="mb-4">
|
|
5507
5509
|
<ng-content select="[mcms-empty-state-icon]" />
|
|
5508
5510
|
</div>
|
|
@@ -5519,7 +5521,7 @@ class EmptyState {
|
|
|
5519
5521
|
<ng-content />
|
|
5520
5522
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5521
5523
|
}
|
|
5522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5524
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmptyState, decorators: [{
|
|
5523
5525
|
type: Component,
|
|
5524
5526
|
args: [{
|
|
5525
5527
|
selector: 'mcms-empty-state',
|
|
@@ -5600,8 +5602,8 @@ class SearchInput {
|
|
|
5600
5602
|
this.value.set('');
|
|
5601
5603
|
this.clear.emit();
|
|
5602
5604
|
}
|
|
5603
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5604
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
5605
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SearchInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5606
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: SearchInput, isStandalone: true, selector: "mcms-search-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", searchChange: "searchChange", clear: "clear" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
5605
5607
|
<div
|
|
5606
5608
|
class="flex items-center gap-2 h-10 w-full rounded-md border border-input bg-background px-3 text-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2"
|
|
5607
5609
|
[class.opacity-50]="disabled()"
|
|
@@ -5666,7 +5668,7 @@ class SearchInput {
|
|
|
5666
5668
|
</div>
|
|
5667
5669
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5668
5670
|
}
|
|
5669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5671
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SearchInput, decorators: [{
|
|
5670
5672
|
type: Component,
|
|
5671
5673
|
args: [{
|
|
5672
5674
|
selector: 'mcms-search-input',
|
|
@@ -5990,8 +5992,8 @@ class DataTable {
|
|
|
5990
5992
|
}
|
|
5991
5993
|
this.rowAction.emit({ action, item });
|
|
5992
5994
|
}
|
|
5993
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5994
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
5995
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DataTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5996
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: DataTable, isStandalone: true, selector: "mcms-data-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchFields: { classPropertyName: "searchFields", publicName: "searchFields", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null }, paginated: { classPropertyName: "paginated", publicName: "paginated", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "currentPage", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, emptyTitle: { classPropertyName: "emptyTitle", publicName: "emptyTitle", isSignal: true, isRequired: false, transformFunction: null }, emptyDescription: { classPropertyName: "emptyDescription", publicName: "emptyDescription", isSignal: true, isRequired: false, transformFunction: null }, clickableRows: { classPropertyName: "clickableRows", publicName: "clickableRows", isSignal: true, isRequired: false, transformFunction: null }, rowActions: { classPropertyName: "rowActions", publicName: "rowActions", isSignal: true, isRequired: false, transformFunction: null }, trackByFn: { classPropertyName: "trackByFn", publicName: "trackByFn", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, searchQuery: { classPropertyName: "searchQuery", publicName: "searchQuery", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange", selectedItems: "selectedItemsChange", currentPage: "currentPageChange", searchChange: "searchChange", sortChange: "sortChange", selectionChange: "selectionChange", pageChange: "pageChange", pageSizeChange: "pageSizeChange", rowClick: "rowClick", rowAction: "rowAction", searchQuery: "searchQueryChange" }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
5995
5997
|
<!-- Toolbar with search -->
|
|
5996
5998
|
@if (searchable() || hasToolbarSlot) {
|
|
5997
5999
|
<div class="flex items-center justify-between gap-4 mb-4">
|
|
@@ -6015,17 +6017,17 @@ class DataTable {
|
|
|
6015
6017
|
<mcms-table-header>
|
|
6016
6018
|
<mcms-table-row>
|
|
6017
6019
|
@if (selectable()) {
|
|
6018
|
-
<mcms-table-head class="w-12">
|
|
6020
|
+
<mcms-table-head role="columnheader" class="w-12">
|
|
6019
6021
|
<mcms-skeleton class="h-4 w-4" />
|
|
6020
6022
|
</mcms-table-head>
|
|
6021
6023
|
}
|
|
6022
6024
|
@for (col of columns(); track col.field) {
|
|
6023
|
-
<mcms-table-head [style.width]="col.width" [style.min-width]="col.minWidth || '100px'">
|
|
6025
|
+
<mcms-table-head role="columnheader" [style.width]="col.width" [style.min-width]="col.minWidth || '100px'">
|
|
6024
6026
|
<mcms-skeleton class="h-4 w-20" />
|
|
6025
6027
|
</mcms-table-head>
|
|
6026
6028
|
}
|
|
6027
6029
|
@if (rowActions().length > 0) {
|
|
6028
|
-
<mcms-table-head class="w-12"
|
|
6030
|
+
<mcms-table-head role="columnheader" class="w-12" />
|
|
6029
6031
|
}
|
|
6030
6032
|
</mcms-table-row>
|
|
6031
6033
|
</mcms-table-header>
|
|
@@ -6064,7 +6066,7 @@ class DataTable {
|
|
|
6064
6066
|
<mcms-table-header>
|
|
6065
6067
|
<mcms-table-row>
|
|
6066
6068
|
@if (selectable()) {
|
|
6067
|
-
<mcms-table-head class="w-12">
|
|
6069
|
+
<mcms-table-head role="columnheader" class="w-12">
|
|
6068
6070
|
<mcms-checkbox
|
|
6069
6071
|
[value]="allSelected()"
|
|
6070
6072
|
[indeterminate]="someSelected()"
|
|
@@ -6075,6 +6077,7 @@ class DataTable {
|
|
|
6075
6077
|
}
|
|
6076
6078
|
@for (col of columns(); track col.field) {
|
|
6077
6079
|
<mcms-table-head
|
|
6080
|
+
role="columnheader"
|
|
6078
6081
|
[style.width]="col.width"
|
|
6079
6082
|
[style.min-width]="col.minWidth || '100px'"
|
|
6080
6083
|
[style.text-align]="col.align || 'left'"
|
|
@@ -6110,7 +6113,7 @@ class DataTable {
|
|
|
6110
6113
|
</mcms-table-head>
|
|
6111
6114
|
}
|
|
6112
6115
|
@if (rowActions().length > 0) {
|
|
6113
|
-
<mcms-table-head class="w-12"
|
|
6116
|
+
<mcms-table-head role="columnheader" class="w-12" />
|
|
6114
6117
|
}
|
|
6115
6118
|
</mcms-table-row>
|
|
6116
6119
|
</mcms-table-header>
|
|
@@ -6215,7 +6218,7 @@ class DataTable {
|
|
|
6215
6218
|
}
|
|
6216
6219
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Table, selector: "mcms-table", inputs: ["enableSelection", "disabled", "focusMode", "rowWrap", "colWrap", "multi", "selectionMode", "enableRangeSelection", "class"] }, { kind: "component", type: TableHeader, selector: "mcms-table-header, thead[mcms-table-header]", inputs: ["class"] }, { kind: "component", type: TableBody, selector: "mcms-table-body", inputs: ["class"] }, { kind: "component", type: TableRow, selector: "mcms-table-row", inputs: ["rowIndex", "selected", "class"] }, { kind: "component", type: TableHead, selector: "mcms-table-head", inputs: ["disabled", "colSpan", "rowSpan", "class"] }, { kind: "component", type: TableCell, selector: "mcms-table-cell", inputs: ["disabled", "selected", "colSpan", "rowSpan", "class"], outputs: ["selectedChange"] }, { kind: "component", type: Checkbox, selector: "mcms-checkbox", inputs: ["value", "disabled", "errors", "touched", "invalid", "readonly", "required", "id", "describedBy", "indeterminate", "ariaLabel"], outputs: ["valueChange"] }, { kind: "component", type: Skeleton, selector: "mcms-skeleton", inputs: ["class"] }, { kind: "component", type: EmptyState, selector: "mcms-empty-state", inputs: ["title", "description", "size", "class"] }, { kind: "component", type: Pagination, selector: "mcms-pagination", inputs: ["currentPage", "totalPages", "siblingCount", "class"], outputs: ["pageChange"] }, { kind: "component", type: SearchInput, selector: "mcms-search-input", inputs: ["value", "placeholder", "debounce", "disabled", "ariaLabel", "class"], outputs: ["valueChange", "searchChange", "clear"] }, { kind: "component", type: Button, selector: "button[mcms-button], a[mcms-button]", inputs: ["variant", "size", "disabled", "loading", "ariaLabel", "class"] }, { kind: "directive", type: DropdownTrigger, selector: "[mcmsDropdownTrigger]", inputs: ["mcmsDropdownTrigger", "dropdownSide", "dropdownAlign", "dropdownOffset", "dropdownDisabled"], outputs: ["opened", "closed"], exportAs: ["mcmsDropdownTrigger"] }, { kind: "component", type: DropdownMenu, selector: "mcms-dropdown-menu", inputs: ["disabled", "wrap", "typeaheadDelay", "class"], outputs: ["itemSelected"] }, { kind: "component", type: DropdownMenuItem, selector: "button[mcms-dropdown-item], a[mcms-dropdown-item]", inputs: ["value", "disabled", "shortcut", "class"], outputs: ["selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6217
6220
|
}
|
|
6218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DataTable, decorators: [{
|
|
6219
6222
|
type: Component,
|
|
6220
6223
|
args: [{
|
|
6221
6224
|
selector: 'mcms-data-table',
|
|
@@ -6264,17 +6267,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6264
6267
|
<mcms-table-header>
|
|
6265
6268
|
<mcms-table-row>
|
|
6266
6269
|
@if (selectable()) {
|
|
6267
|
-
<mcms-table-head class="w-12">
|
|
6270
|
+
<mcms-table-head role="columnheader" class="w-12">
|
|
6268
6271
|
<mcms-skeleton class="h-4 w-4" />
|
|
6269
6272
|
</mcms-table-head>
|
|
6270
6273
|
}
|
|
6271
6274
|
@for (col of columns(); track col.field) {
|
|
6272
|
-
<mcms-table-head [style.width]="col.width" [style.min-width]="col.minWidth || '100px'">
|
|
6275
|
+
<mcms-table-head role="columnheader" [style.width]="col.width" [style.min-width]="col.minWidth || '100px'">
|
|
6273
6276
|
<mcms-skeleton class="h-4 w-20" />
|
|
6274
6277
|
</mcms-table-head>
|
|
6275
6278
|
}
|
|
6276
6279
|
@if (rowActions().length > 0) {
|
|
6277
|
-
<mcms-table-head class="w-12"
|
|
6280
|
+
<mcms-table-head role="columnheader" class="w-12" />
|
|
6278
6281
|
}
|
|
6279
6282
|
</mcms-table-row>
|
|
6280
6283
|
</mcms-table-header>
|
|
@@ -6313,7 +6316,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6313
6316
|
<mcms-table-header>
|
|
6314
6317
|
<mcms-table-row>
|
|
6315
6318
|
@if (selectable()) {
|
|
6316
|
-
<mcms-table-head class="w-12">
|
|
6319
|
+
<mcms-table-head role="columnheader" class="w-12">
|
|
6317
6320
|
<mcms-checkbox
|
|
6318
6321
|
[value]="allSelected()"
|
|
6319
6322
|
[indeterminate]="someSelected()"
|
|
@@ -6324,6 +6327,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6324
6327
|
}
|
|
6325
6328
|
@for (col of columns(); track col.field) {
|
|
6326
6329
|
<mcms-table-head
|
|
6330
|
+
role="columnheader"
|
|
6327
6331
|
[style.width]="col.width"
|
|
6328
6332
|
[style.min-width]="col.minWidth || '100px'"
|
|
6329
6333
|
[style.text-align]="col.align || 'left'"
|
|
@@ -6359,7 +6363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6359
6363
|
</mcms-table-head>
|
|
6360
6364
|
}
|
|
6361
6365
|
@if (rowActions().length > 0) {
|
|
6362
|
-
<mcms-table-head class="w-12"
|
|
6366
|
+
<mcms-table-head role="columnheader" class="w-12" />
|
|
6363
6367
|
}
|
|
6364
6368
|
</mcms-table-row>
|
|
6365
6369
|
</mcms-table-header>
|
|
@@ -6497,10 +6501,10 @@ class Command {
|
|
|
6497
6501
|
const base = 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground';
|
|
6498
6502
|
return `${base} ${this.class()}`.trim();
|
|
6499
6503
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
6500
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6501
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6504
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Command, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6505
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Command, isStandalone: true, selector: "mcms-command", inputs: { filterMode: { classPropertyName: "filterMode", publicName: "filterMode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, alwaysExpanded: { classPropertyName: "alwaysExpanded", publicName: "alwaysExpanded", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6502
6506
|
}
|
|
6503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Command, decorators: [{
|
|
6504
6508
|
type: Component,
|
|
6505
6509
|
args: [{
|
|
6506
6510
|
selector: 'mcms-command',
|
|
@@ -6560,8 +6564,8 @@ class CommandInput {
|
|
|
6560
6564
|
this.value.set(target.value);
|
|
6561
6565
|
}
|
|
6562
6566
|
}
|
|
6563
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6564
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.
|
|
6567
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6568
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: CommandInput, isStandalone: true, selector: "mcms-command-input", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, ariaControls: { classPropertyName: "ariaControls", publicName: "ariaControls", isSignal: true, isRequired: false, transformFunction: null }, ariaExpanded: { classPropertyName: "ariaExpanded", publicName: "ariaExpanded", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "hostClasses()" } }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
6565
6569
|
<svg
|
|
6566
6570
|
class="mr-2 h-4 w-4 shrink-0 opacity-50"
|
|
6567
6571
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -6575,8 +6579,8 @@ class CommandInput {
|
|
|
6575
6579
|
stroke-linejoin="round"
|
|
6576
6580
|
aria-hidden="true"
|
|
6577
6581
|
>
|
|
6578
|
-
<circle cx="11" cy="11" r="8"
|
|
6579
|
-
<line x1="21" y1="21" x2="16.65" y2="16.65"
|
|
6582
|
+
<circle cx="11" cy="11" r="8" />
|
|
6583
|
+
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
6580
6584
|
</svg>
|
|
6581
6585
|
<input
|
|
6582
6586
|
#inputEl
|
|
@@ -6594,7 +6598,7 @@ class CommandInput {
|
|
|
6594
6598
|
/>
|
|
6595
6599
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6596
6600
|
}
|
|
6597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6601
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandInput, decorators: [{
|
|
6598
6602
|
type: Component,
|
|
6599
6603
|
args: [{
|
|
6600
6604
|
selector: 'mcms-command-input',
|
|
@@ -6615,8 +6619,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6615
6619
|
stroke-linejoin="round"
|
|
6616
6620
|
aria-hidden="true"
|
|
6617
6621
|
>
|
|
6618
|
-
<circle cx="11" cy="11" r="8"
|
|
6619
|
-
<line x1="21" y1="21" x2="16.65" y2="16.65"
|
|
6622
|
+
<circle cx="11" cy="11" r="8" />
|
|
6623
|
+
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
6620
6624
|
</svg>
|
|
6621
6625
|
<input
|
|
6622
6626
|
#inputEl
|
|
@@ -6660,10 +6664,10 @@ class CommandList {
|
|
|
6660
6664
|
const base = 'max-h-[300px] overflow-y-auto overflow-x-hidden';
|
|
6661
6665
|
return `${base} ${this.class()}`.trim();
|
|
6662
6666
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
6663
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6664
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6667
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6668
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CommandList, isStandalone: true, selector: "mcms-command-list", inputs: { maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "listbox" }, properties: { "class": "hostClasses()", "attr.id": "listId" } }, hostDirectives: [{ directive: i1$5.Listbox, inputs: ["multi", "multi", "wrap", "wrap", "focusMode", "focusMode", "selectionMode", "selectionMode", "disabled", "disabled", "values", "values"], outputs: ["valuesChange", "valuesChange"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6665
6669
|
}
|
|
6666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandList, decorators: [{
|
|
6667
6671
|
type: Component,
|
|
6668
6672
|
args: [{
|
|
6669
6673
|
selector: 'mcms-command-list',
|
|
@@ -6699,10 +6703,10 @@ class CommandEmpty {
|
|
|
6699
6703
|
const base = 'py-6 text-center text-sm text-muted-foreground';
|
|
6700
6704
|
return `${base} ${this.class()}`.trim();
|
|
6701
6705
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
6702
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6703
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6706
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandEmpty, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6707
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CommandEmpty, isStandalone: true, selector: "mcms-command-empty", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status", "aria-live": "polite" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6704
6708
|
}
|
|
6705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6709
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandEmpty, decorators: [{
|
|
6706
6710
|
type: Component,
|
|
6707
6711
|
args: [{
|
|
6708
6712
|
selector: 'mcms-command-empty',
|
|
@@ -6742,15 +6746,15 @@ class CommandGroup {
|
|
|
6742
6746
|
labelClasses = computed(() => {
|
|
6743
6747
|
return 'px-2 py-1.5 text-xs font-medium text-muted-foreground';
|
|
6744
6748
|
}, ...(ngDevMode ? [{ debugName: "labelClasses" }] : []));
|
|
6745
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6746
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
6749
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6750
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: CommandGroup, isStandalone: true, selector: "mcms-command-group", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "attr.aria-labelledby": "label() ? labelId : null" } }, ngImport: i0, template: `
|
|
6747
6751
|
@if (label()) {
|
|
6748
6752
|
<div [attr.id]="labelId" [class]="labelClasses()">{{ label() }}</div>
|
|
6749
6753
|
}
|
|
6750
6754
|
<ng-content />
|
|
6751
6755
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6752
6756
|
}
|
|
6753
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6757
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandGroup, decorators: [{
|
|
6754
6758
|
type: Component,
|
|
6755
6759
|
args: [{
|
|
6756
6760
|
selector: 'mcms-command-group',
|
|
@@ -6815,10 +6819,10 @@ class CommandItem {
|
|
|
6815
6819
|
onMouseLeave() {
|
|
6816
6820
|
this.active.set(false);
|
|
6817
6821
|
}
|
|
6818
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6819
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6822
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6823
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CommandItem, isStandalone: true, selector: "mcms-command-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemSelect: "itemSelect" }, host: { attributes: { "role": "option", "tabindex": "0" }, listeners: { "click": "onSelect()", "keydown.enter": "onSelect()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class": "hostClasses()", "attr.aria-selected": "selected()", "attr.aria-disabled": "disabled()", "attr.data-active": "active()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6820
6824
|
}
|
|
6821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6825
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandItem, decorators: [{
|
|
6822
6826
|
type: Component,
|
|
6823
6827
|
args: [{
|
|
6824
6828
|
selector: 'mcms-command-item',
|
|
@@ -6856,10 +6860,10 @@ class CommandSeparator {
|
|
|
6856
6860
|
const base = '-mx-1 my-1 block h-px bg-border';
|
|
6857
6861
|
return `${base} ${this.class()}`.trim();
|
|
6858
6862
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
6859
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6860
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6863
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6864
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: CommandSeparator, isStandalone: true, selector: "mcms-command-separator", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6861
6865
|
}
|
|
6862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6866
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandSeparator, decorators: [{
|
|
6863
6867
|
type: Component,
|
|
6864
6868
|
args: [{
|
|
6865
6869
|
selector: 'mcms-command-separator',
|
|
@@ -6904,10 +6908,10 @@ class Toolbar {
|
|
|
6904
6908
|
const orientationClasses = this.orientation() === 'vertical' ? 'flex-col' : 'flex-row';
|
|
6905
6909
|
return `${base} ${orientationClasses} ${this.class()}`.trim();
|
|
6906
6910
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
6907
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6908
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6911
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Toolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6912
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Toolbar, isStandalone: true, selector: "mcms-toolbar", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { attributes: { "role": "toolbar" }, properties: { "class": "hostClasses()", "attr.aria-orientation": "orientation()" } }, hostDirectives: [{ directive: i1$6.Toolbar, inputs: ["orientation", "orientation", "disabled", "disabled", "wrap", "wrap", "softDisabled", "softDisabled", "values", "values"], outputs: ["valuesChange", "valuesChange"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6909
6913
|
}
|
|
6910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6914
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Toolbar, decorators: [{
|
|
6911
6915
|
type: Component,
|
|
6912
6916
|
args: [{
|
|
6913
6917
|
selector: 'mcms-toolbar',
|
|
@@ -6957,10 +6961,10 @@ class ToolbarWidget {
|
|
|
6957
6961
|
: 'bg-transparent';
|
|
6958
6962
|
return `${base} ${interactiveClasses} ${activeClasses} ${selectedClasses} ${this.class()}`.trim();
|
|
6959
6963
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
6960
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6961
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6964
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6965
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ToolbarWidget, isStandalone: true, selector: "button[mcms-toolbar-widget]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "type": "button" }, properties: { "class": "hostClasses()", "attr.aria-pressed": "widget.selected() || null", "attr.disabled": "disabled() || null" } }, hostDirectives: [{ directive: i1$6.ToolbarWidget, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6962
6966
|
}
|
|
6963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidget, decorators: [{
|
|
6964
6968
|
type: Component,
|
|
6965
6969
|
args: [{
|
|
6966
6970
|
selector: 'button[mcms-toolbar-widget]',
|
|
@@ -7005,10 +7009,10 @@ class ToolbarWidgetGroup {
|
|
|
7005
7009
|
const base = 'inline-flex items-center gap-0.5 rounded-sm bg-muted p-0.5';
|
|
7006
7010
|
return `${base} ${this.class()}`.trim();
|
|
7007
7011
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7008
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7009
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
7012
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidgetGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7013
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ToolbarWidgetGroup, isStandalone: true, selector: "mcms-toolbar-widget-group", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()" } }, hostDirectives: [{ directive: i1$6.ToolbarWidgetGroup, inputs: ["disabled", "disabled", "multi", "multi"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7010
7014
|
}
|
|
7011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7015
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidgetGroup, decorators: [{
|
|
7012
7016
|
type: Component,
|
|
7013
7017
|
args: [{
|
|
7014
7018
|
selector: 'mcms-toolbar-widget-group',
|
|
@@ -7044,10 +7048,10 @@ class ToolbarSeparator {
|
|
|
7044
7048
|
const base = 'mx-1 h-5 w-px bg-border';
|
|
7045
7049
|
return `${base} ${this.class()}`.trim();
|
|
7046
7050
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7047
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7048
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
7051
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7052
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: ToolbarSeparator, isStandalone: true, selector: "mcms-toolbar-separator", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator", "aria-orientation": "vertical" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7049
7053
|
}
|
|
7050
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarSeparator, decorators: [{
|
|
7051
7055
|
type: Component,
|
|
7052
7056
|
args: [{
|
|
7053
7057
|
selector: 'mcms-toolbar-separator',
|
|
@@ -7095,10 +7099,10 @@ class Tree {
|
|
|
7095
7099
|
const base = 'block text-sm';
|
|
7096
7100
|
return `${base} ${this.class()}`.trim();
|
|
7097
7101
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7098
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7099
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
7102
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Tree, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7103
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Tree, isStandalone: true, selector: "mcms-tree", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { attributes: { "role": "tree" }, properties: { "class": "hostClasses()", "attr.aria-multiselectable": "multi()" } }, exportAs: ["mcmsTree"], hostDirectives: [{ directive: i1$7.Tree, inputs: ["multi", "multi", "selectionMode", "selectionMode", "disabled", "disabled", "wrap", "wrap", "orientation", "orientation", "values", "values"], outputs: ["valuesChange", "valuesChange"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7100
7104
|
}
|
|
7101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Tree, decorators: [{
|
|
7102
7106
|
type: Component,
|
|
7103
7107
|
args: [{
|
|
7104
7108
|
selector: 'mcms-tree',
|
|
@@ -7175,8 +7179,8 @@ class TreeItem {
|
|
|
7175
7179
|
event.stopPropagation();
|
|
7176
7180
|
this.expanded.update((v) => !v);
|
|
7177
7181
|
}
|
|
7178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7179
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
7182
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7183
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: TreeItem, isStandalone: true, selector: "mcms-tree-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange" }, host: { attributes: { "role": "treeitem" }, properties: { "class": "hostClasses()", "attr.aria-selected": "treeItem.selected()", "attr.aria-expanded": "hasChildren() ? treeItem.expanded() : null", "attr.aria-level": "treeItem.level()", "attr.tabindex": "treeItem.active() ? 0 : -1" } }, exportAs: ["mcmsTreeItem"], hostDirectives: [{ directive: i1$7.TreeItem, inputs: ["value", "value", "parent", "parent", "disabled", "disabled", "expanded", "expanded", "label", "label", "selectable", "selectable"], outputs: ["expandedChange", "expandedChange"] }], ngImport: i0, template: `
|
|
7180
7184
|
<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
|
|
7181
7185
|
<div [class]="contentClasses()" (click)="onClick($event)">
|
|
7182
7186
|
@if (hasChildren()) {
|
|
@@ -7209,7 +7213,7 @@ class TreeItem {
|
|
|
7209
7213
|
<ng-content select="mcms-tree-item-group, [mcmsTreeItemGroup]" />
|
|
7210
7214
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7211
7215
|
}
|
|
7212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItem, decorators: [{
|
|
7213
7217
|
type: Component,
|
|
7214
7218
|
args: [{
|
|
7215
7219
|
selector: 'mcms-tree-item',
|
|
@@ -7292,10 +7296,10 @@ class TreeItemGroupComponent {
|
|
|
7292
7296
|
const base = 'block pl-4';
|
|
7293
7297
|
return `${base} ${this.class()}`.trim();
|
|
7294
7298
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7295
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7296
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
7299
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItemGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7300
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TreeItemGroupComponent, isStandalone: true, selector: "mcms-tree-item-group", inputs: { ownedBy: { classPropertyName: "ownedBy", publicName: "ownedBy", isSignal: true, isRequired: true, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "hidden": "!isExpanded()" } }, exportAs: ["mcmsTreeItemGroup"], hostDirectives: [{ directive: i1$7.TreeItemGroup, inputs: ["ownedBy", "ownedBy"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7297
7301
|
}
|
|
7298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7302
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItemGroupComponent, decorators: [{
|
|
7299
7303
|
type: Component,
|
|
7300
7304
|
args: [{
|
|
7301
7305
|
selector: 'mcms-tree-item-group',
|
|
@@ -7352,10 +7356,10 @@ class Menubar {
|
|
|
7352
7356
|
const base = 'flex items-center gap-1 rounded-md border border-border bg-background p-1';
|
|
7353
7357
|
return `${base} ${this.class()}`.trim();
|
|
7354
7358
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7355
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7356
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
7359
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Menubar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7360
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: Menubar, isStandalone: true, selector: "mcms-menubar", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, typeaheadDelay: { classPropertyName: "typeaheadDelay", publicName: "typeaheadDelay", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { values: "valuesChange" }, host: { attributes: { "role": "menubar" }, properties: { "class": "hostClasses()", "attr.aria-orientation": "\"horizontal\"" } }, exportAs: ["mcmsMenubar"], hostDirectives: [{ directive: i1$1.MenuBar, inputs: ["disabled", "disabled", "wrap", "wrap", "typeaheadDelay", "typeaheadDelay", "values", "values"], outputs: ["valuesChange", "valuesChange"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7357
7361
|
}
|
|
7358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Menubar, decorators: [{
|
|
7359
7363
|
type: Component,
|
|
7360
7364
|
args: [{
|
|
7361
7365
|
selector: 'mcms-menubar',
|
|
@@ -7411,8 +7415,8 @@ class MenubarItem {
|
|
|
7411
7415
|
const disabledClasses = this.disabled() ? 'opacity-50 pointer-events-none' : '';
|
|
7412
7416
|
return `${base} ${interactiveClasses} ${activeClasses} ${expandedClasses} ${disabledClasses} ${this.class()}`.trim();
|
|
7413
7417
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7414
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7415
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
7418
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7419
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: MenubarItem, isStandalone: true, selector: "mcms-menubar-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null }, submenu: { classPropertyName: "submenu", publicName: "submenu", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchTerm: "searchTermChange" }, host: { attributes: { "role": "menuitem" }, properties: { "class": "hostClasses()", "attr.aria-haspopup": "menuItem.hasPopup() ? \"menu\" : null", "attr.aria-expanded": "menuItem.expanded() || null", "attr.tabindex": "menuItem.active() ? 0 : -1" } }, exportAs: ["mcmsMenubarItem"], hostDirectives: [{ directive: i1$1.MenuItem, inputs: ["value", "value", "disabled", "disabled", "searchTerm", "searchTerm", "submenu", "submenu"] }], ngImport: i0, template: `
|
|
7416
7420
|
<span class="flex items-center gap-2">
|
|
7417
7421
|
<ng-content select="[mcms-menubar-item-icon]" />
|
|
7418
7422
|
{{ label() }}
|
|
@@ -7435,7 +7439,7 @@ class MenubarItem {
|
|
|
7435
7439
|
<ng-content />
|
|
7436
7440
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7437
7441
|
}
|
|
7438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarItem, decorators: [{
|
|
7439
7443
|
type: Component,
|
|
7440
7444
|
args: [{
|
|
7441
7445
|
selector: 'mcms-menubar-item',
|
|
@@ -7507,10 +7511,10 @@ class MenubarSubmenu {
|
|
|
7507
7511
|
const base = 'absolute left-0 top-full z-50 min-w-[12rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md';
|
|
7508
7512
|
return `${base} ${this.class()}`.trim();
|
|
7509
7513
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7510
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7511
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
7514
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7515
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: MenubarSubmenu, isStandalone: true, selector: "mcms-menubar-submenu", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, typeaheadDelay: { classPropertyName: "typeaheadDelay", publicName: "typeaheadDelay", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { parent: "parentChange" }, host: { attributes: { "role": "menu" }, properties: { "class": "hostClasses()", "attr.aria-orientation": "\"vertical\"" } }, exportAs: ["mcmsMenubarSubmenu"], hostDirectives: [{ directive: i1$1.Menu, inputs: ["disabled", "disabled", "wrap", "wrap", "typeaheadDelay", "typeaheadDelay"] }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7512
7516
|
}
|
|
7513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenu, decorators: [{
|
|
7514
7518
|
type: Component,
|
|
7515
7519
|
args: [{
|
|
7516
7520
|
selector: 'mcms-menubar-submenu',
|
|
@@ -7561,8 +7565,8 @@ class MenubarSubmenuItem {
|
|
|
7561
7565
|
const disabledClasses = this.disabled() ? 'opacity-50 pointer-events-none' : '';
|
|
7562
7566
|
return `${base} ${interactiveClasses} ${activeClasses} ${disabledClasses} ${this.class()}`.trim();
|
|
7563
7567
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7564
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7565
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
7568
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7569
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: MenubarSubmenuItem, isStandalone: true, selector: "mcms-menubar-submenu-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, shortcut: { classPropertyName: "shortcut", publicName: "shortcut", isSignal: true, isRequired: false, transformFunction: null }, searchTerm: { classPropertyName: "searchTerm", publicName: "searchTerm", isSignal: true, isRequired: false, transformFunction: null }, submenu: { classPropertyName: "submenu", publicName: "submenu", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchTerm: "searchTermChange" }, host: { attributes: { "role": "menuitem" }, properties: { "class": "hostClasses()", "attr.aria-haspopup": "menuItem.hasPopup() ? \"menu\" : null", "attr.aria-expanded": "menuItem.expanded() || null", "attr.tabindex": "menuItem.active() ? 0 : -1" } }, exportAs: ["mcmsMenubarSubmenuItem"], hostDirectives: [{ directive: i1$1.MenuItem, inputs: ["value", "value", "disabled", "disabled", "searchTerm", "searchTerm", "submenu", "submenu"] }], ngImport: i0, template: `
|
|
7566
7570
|
<span class="flex flex-1 items-center gap-2">
|
|
7567
7571
|
<ng-content select="[mcms-menubar-submenu-item-icon]" />
|
|
7568
7572
|
{{ label() }}
|
|
@@ -7590,7 +7594,7 @@ class MenubarSubmenuItem {
|
|
|
7590
7594
|
<ng-content />
|
|
7591
7595
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7592
7596
|
}
|
|
7593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7597
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenuItem, decorators: [{
|
|
7594
7598
|
type: Component,
|
|
7595
7599
|
args: [{
|
|
7596
7600
|
selector: 'mcms-menubar-submenu-item',
|
|
@@ -7648,10 +7652,10 @@ class MenubarSeparator {
|
|
|
7648
7652
|
const base = '-mx-1 my-1 h-px bg-border';
|
|
7649
7653
|
return `${base} ${this.class()}`.trim();
|
|
7650
7654
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|
|
7651
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7652
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
7655
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7656
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: MenubarSeparator, isStandalone: true, selector: "mcms-menubar-separator", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "hostClasses()" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7653
7657
|
}
|
|
7654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSeparator, decorators: [{
|
|
7655
7659
|
type: Component,
|
|
7656
7660
|
args: [{
|
|
7657
7661
|
selector: 'mcms-menubar-separator',
|
|
@@ -7857,8 +7861,8 @@ class FieldDisplay {
|
|
|
7857
7861
|
return cellValue ? 'Yes' : 'No';
|
|
7858
7862
|
return String(cellValue);
|
|
7859
7863
|
}
|
|
7860
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7861
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
7864
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FieldDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7865
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: FieldDisplay, isStandalone: true, selector: "mcms-field-display", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null }, badgeConfig: { classPropertyName: "badgeConfig", publicName: "badgeConfig", isSignal: true, isRequired: false, transformFunction: null }, openInNewTab: { classPropertyName: "openInNewTab", publicName: "openInNewTab", isSignal: true, isRequired: false, transformFunction: null }, maxItems: { classPropertyName: "maxItems", publicName: "maxItems", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, fieldMeta: { classPropertyName: "fieldMeta", publicName: "fieldMeta", isSignal: true, isRequired: false, transformFunction: null }, numberFormat: { classPropertyName: "numberFormat", publicName: "numberFormat", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()" } }, ngImport: i0, template: `
|
|
7862
7866
|
@if (label()) {
|
|
7863
7867
|
<div class="text-sm font-medium text-muted-foreground mb-1.5">{{ label() }}</div>
|
|
7864
7868
|
}
|
|
@@ -8040,7 +8044,7 @@ class FieldDisplay {
|
|
|
8040
8044
|
</div>
|
|
8041
8045
|
`, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8042
8046
|
}
|
|
8043
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8047
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FieldDisplay, decorators: [{
|
|
8044
8048
|
type: Component,
|
|
8045
8049
|
args: [{
|
|
8046
8050
|
selector: 'mcms-field-display',
|
|
@@ -8285,10 +8289,10 @@ class BlockAdminModeService {
|
|
|
8285
8289
|
toggle() {
|
|
8286
8290
|
this._isAdmin.update((v) => !v);
|
|
8287
8291
|
}
|
|
8288
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8289
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
8292
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockAdminModeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
8293
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockAdminModeService });
|
|
8290
8294
|
}
|
|
8291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockAdminModeService, decorators: [{
|
|
8292
8296
|
type: Injectable
|
|
8293
8297
|
}] });
|
|
8294
8298
|
/**
|
|
@@ -8362,10 +8366,10 @@ class BlockOutletComponent {
|
|
|
8362
8366
|
}
|
|
8363
8367
|
});
|
|
8364
8368
|
}
|
|
8365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8366
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
8369
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8370
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: BlockOutletComponent, isStandalone: true, selector: "mcms-block-outlet", inputs: { blockType: { classPropertyName: "blockType", publicName: "blockType", isSignal: true, isRequired: true, transformFunction: null }, blockData: { classPropertyName: "blockData", publicName: "blockData", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8367
8371
|
}
|
|
8368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockOutletComponent, decorators: [{
|
|
8369
8373
|
type: Component,
|
|
8370
8374
|
args: [{
|
|
8371
8375
|
selector: 'mcms-block-outlet',
|
|
@@ -8426,8 +8430,8 @@ class BlockRendererComponent {
|
|
|
8426
8430
|
onEditBlock(index) {
|
|
8427
8431
|
this.editBlock.emit(index);
|
|
8428
8432
|
}
|
|
8429
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8430
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
8433
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8434
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: BlockRendererComponent, isStandalone: true, selector: "mcms-block-renderer", inputs: { blocks: { classPropertyName: "blocks", publicName: "blocks", isSignal: true, isRequired: false, transformFunction: null }, typeField: { classPropertyName: "typeField", publicName: "typeField", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { editBlock: "editBlock" }, host: { classAttribute: "block" }, ngImport: i0, template: `
|
|
8431
8435
|
@for (block of blocks(); track $index) {
|
|
8432
8436
|
@if (getBlockType(block); as type) {
|
|
8433
8437
|
@if (adminMode()) {
|
|
@@ -8467,7 +8471,7 @@ class BlockRendererComponent {
|
|
|
8467
8471
|
}
|
|
8468
8472
|
`, isInline: true, dependencies: [{ kind: "component", type: BlockOutletComponent, selector: "mcms-block-outlet", inputs: ["blockType", "blockData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8469
8473
|
}
|
|
8470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockRendererComponent, decorators: [{
|
|
8471
8475
|
type: Component,
|
|
8472
8476
|
args: [{
|
|
8473
8477
|
selector: 'mcms-block-renderer',
|
|
@@ -8683,8 +8687,8 @@ class KitchenSinkPage {
|
|
|
8683
8687
|
cancelText: 'Cancel',
|
|
8684
8688
|
});
|
|
8685
8689
|
}
|
|
8686
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8687
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
8690
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KitchenSinkPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8691
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: KitchenSinkPage, isStandalone: true, selector: "mcms-kitchen-sink-page", host: { attributes: { "ngSkipHydration": "true" }, listeners: { "document:keydown": "handleKeyboardShortcut($event)" }, classAttribute: "block min-h-screen bg-background text-foreground" }, ngImport: i0, template: `
|
|
8688
8692
|
<mcms-toast-container />
|
|
8689
8693
|
|
|
8690
8694
|
<div class="container mx-auto px-4 py-8 max-w-6xl">
|
|
@@ -9176,10 +9180,12 @@ class KitchenSinkPage {
|
|
|
9176
9180
|
<mcms-table-caption>A list of recent invoices.</mcms-table-caption>
|
|
9177
9181
|
<mcms-table-header>
|
|
9178
9182
|
<mcms-table-row>
|
|
9179
|
-
<mcms-table-head>Invoice</mcms-table-head>
|
|
9180
|
-
<mcms-table-head>Status</mcms-table-head>
|
|
9181
|
-
<mcms-table-head>Method</mcms-table-head>
|
|
9182
|
-
<mcms-table-head style="text-align: right;"
|
|
9183
|
+
<mcms-table-head role="columnheader">Invoice</mcms-table-head>
|
|
9184
|
+
<mcms-table-head role="columnheader">Status</mcms-table-head>
|
|
9185
|
+
<mcms-table-head role="columnheader">Method</mcms-table-head>
|
|
9186
|
+
<mcms-table-head role="columnheader" style="text-align: right;"
|
|
9187
|
+
>Amount</mcms-table-head
|
|
9188
|
+
>
|
|
9183
9189
|
</mcms-table-row>
|
|
9184
9190
|
</mcms-table-header>
|
|
9185
9191
|
<mcms-table-body>
|
|
@@ -9432,7 +9438,7 @@ class KitchenSinkPage {
|
|
|
9432
9438
|
// FieldDisplay
|
|
9433
9439
|
FieldDisplay, selector: "mcms-field-display", inputs: ["value", "type", "label", "format", "emptyText", "badgeConfig", "openInNewTab", "maxItems", "class", "fieldMeta", "numberFormat", "dateFormat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9434
9440
|
}
|
|
9435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
9441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KitchenSinkPage, decorators: [{
|
|
9436
9442
|
type: Component,
|
|
9437
9443
|
args: [{
|
|
9438
9444
|
selector: 'mcms-kitchen-sink-page',
|
|
@@ -10025,10 +10031,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
10025
10031
|
<mcms-table-caption>A list of recent invoices.</mcms-table-caption>
|
|
10026
10032
|
<mcms-table-header>
|
|
10027
10033
|
<mcms-table-row>
|
|
10028
|
-
<mcms-table-head>Invoice</mcms-table-head>
|
|
10029
|
-
<mcms-table-head>Status</mcms-table-head>
|
|
10030
|
-
<mcms-table-head>Method</mcms-table-head>
|
|
10031
|
-
<mcms-table-head style="text-align: right;"
|
|
10034
|
+
<mcms-table-head role="columnheader">Invoice</mcms-table-head>
|
|
10035
|
+
<mcms-table-head role="columnheader">Status</mcms-table-head>
|
|
10036
|
+
<mcms-table-head role="columnheader">Method</mcms-table-head>
|
|
10037
|
+
<mcms-table-head role="columnheader" style="text-align: right;"
|
|
10038
|
+
>Amount</mcms-table-head
|
|
10039
|
+
>
|
|
10032
10040
|
</mcms-table-row>
|
|
10033
10041
|
</mcms-table-header>
|
|
10034
10042
|
<mcms-table-body>
|