@momentumcms/ui 0.4.1 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -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
|
{
|
|
@@ -5317,6 +5319,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
5317
5319
|
* ```
|
|
5318
5320
|
*/
|
|
5319
5321
|
class TableHead {
|
|
5322
|
+
/** ARIA role for the header cell (forwarded to GridCell). */
|
|
5323
|
+
role = input('columnheader', ...(ngDevMode ? [{ debugName: "role" }] : []));
|
|
5320
5324
|
/** Whether this column is disabled. */
|
|
5321
5325
|
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
|
|
5322
5326
|
/** Number of columns to span. */
|
|
@@ -5329,21 +5333,20 @@ class TableHead {
|
|
|
5329
5333
|
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
5334
|
return `${base} ${this.class()}`.trim();
|
|
5331
5335
|
}, ...(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.
|
|
5336
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableHead, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5337
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: TableHead, isStandalone: true, selector: "mcms-table-head", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, 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
5338
|
}
|
|
5335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableHead, decorators: [{
|
|
5336
5340
|
type: Component,
|
|
5337
5341
|
args: [{ selector: 'mcms-table-head', hostDirectives: [
|
|
5338
5342
|
{
|
|
5339
5343
|
directive: GridCell,
|
|
5340
|
-
inputs: ['disabled', 'colSpan', 'rowSpan'],
|
|
5344
|
+
inputs: ['disabled', 'colSpan', 'rowSpan', 'role'],
|
|
5341
5345
|
},
|
|
5342
5346
|
], host: {
|
|
5343
5347
|
'[class]': 'hostClasses()',
|
|
5344
|
-
'[attr.role]': '"columnheader"',
|
|
5345
5348
|
}, template: `<ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:table-cell}\n"] }]
|
|
5346
|
-
}], 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 }] }] } });
|
|
5349
|
+
}], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], 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
5350
|
|
|
5348
5351
|
/**
|
|
5349
5352
|
* Table data cell (td) component with selection support.
|
|
@@ -5369,10 +5372,10 @@ class TableCell {
|
|
|
5369
5372
|
const selectedClasses = this.selected() ? 'bg-primary/10' : '';
|
|
5370
5373
|
return `${base} ${selectedClasses} ${this.class()}`.trim();
|
|
5371
5374
|
}, ...(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.
|
|
5375
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5376
|
+
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
5377
|
}
|
|
5375
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCell, decorators: [{
|
|
5376
5379
|
type: Component,
|
|
5377
5380
|
args: [{ selector: 'mcms-table-cell', hostDirectives: [
|
|
5378
5381
|
{
|
|
@@ -5403,10 +5406,10 @@ class TableCaption {
|
|
|
5403
5406
|
hostClasses = computed(() => {
|
|
5404
5407
|
return `mt-4 text-sm text-muted-foreground ${this.class()}`.trim();
|
|
5405
5408
|
}, ...(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.
|
|
5409
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCaption, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5410
|
+
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
5411
|
}
|
|
5409
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableCaption, decorators: [{
|
|
5410
5413
|
type: Component,
|
|
5411
5414
|
args: [{ selector: 'mcms-table-caption', host: {
|
|
5412
5415
|
'[class]': 'hostClasses()',
|
|
@@ -5432,10 +5435,10 @@ class TableFooter {
|
|
|
5432
5435
|
hostClasses = computed(() => {
|
|
5433
5436
|
return `border-t bg-muted/50 font-medium [&>tr]:last:border-b-0 ${this.class()}`.trim();
|
|
5434
5437
|
}, ...(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.
|
|
5438
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableFooter, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5439
|
+
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
5440
|
}
|
|
5438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TableFooter, decorators: [{
|
|
5439
5442
|
type: Component,
|
|
5440
5443
|
args: [{ selector: 'mcms-table-footer', host: {
|
|
5441
5444
|
'[class]': 'hostClasses()',
|
|
@@ -5501,8 +5504,8 @@ class EmptyState {
|
|
|
5501
5504
|
};
|
|
5502
5505
|
return sizeMap[this.size()];
|
|
5503
5506
|
}
|
|
5504
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5505
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
5507
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmptyState, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5508
|
+
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
5509
|
<div class="mb-4">
|
|
5507
5510
|
<ng-content select="[mcms-empty-state-icon]" />
|
|
5508
5511
|
</div>
|
|
@@ -5519,7 +5522,7 @@ class EmptyState {
|
|
|
5519
5522
|
<ng-content />
|
|
5520
5523
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5521
5524
|
}
|
|
5522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: EmptyState, decorators: [{
|
|
5523
5526
|
type: Component,
|
|
5524
5527
|
args: [{
|
|
5525
5528
|
selector: 'mcms-empty-state',
|
|
@@ -5600,8 +5603,8 @@ class SearchInput {
|
|
|
5600
5603
|
this.value.set('');
|
|
5601
5604
|
this.clear.emit();
|
|
5602
5605
|
}
|
|
5603
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5604
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
5606
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SearchInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5607
|
+
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
5608
|
<div
|
|
5606
5609
|
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
5610
|
[class.opacity-50]="disabled()"
|
|
@@ -5666,7 +5669,7 @@ class SearchInput {
|
|
|
5666
5669
|
</div>
|
|
5667
5670
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5668
5671
|
}
|
|
5669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
5672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SearchInput, decorators: [{
|
|
5670
5673
|
type: Component,
|
|
5671
5674
|
args: [{
|
|
5672
5675
|
selector: 'mcms-search-input',
|
|
@@ -5990,8 +5993,8 @@ class DataTable {
|
|
|
5990
5993
|
}
|
|
5991
5994
|
this.rowAction.emit({ action, item });
|
|
5992
5995
|
}
|
|
5993
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
5994
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
5996
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DataTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5997
|
+
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
5998
|
<!-- Toolbar with search -->
|
|
5996
5999
|
@if (searchable() || hasToolbarSlot) {
|
|
5997
6000
|
<div class="flex items-center justify-between gap-4 mb-4">
|
|
@@ -6025,7 +6028,7 @@ class DataTable {
|
|
|
6025
6028
|
</mcms-table-head>
|
|
6026
6029
|
}
|
|
6027
6030
|
@if (rowActions().length > 0) {
|
|
6028
|
-
<mcms-table-head class="w-12"
|
|
6031
|
+
<mcms-table-head class="w-12" />
|
|
6029
6032
|
}
|
|
6030
6033
|
</mcms-table-row>
|
|
6031
6034
|
</mcms-table-header>
|
|
@@ -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 class="w-12" />
|
|
6114
6117
|
}
|
|
6115
6118
|
</mcms-table-row>
|
|
6116
6119
|
</mcms-table-header>
|
|
@@ -6213,9 +6216,9 @@ class DataTable {
|
|
|
6213
6216
|
/>
|
|
6214
6217
|
</div>
|
|
6215
6218
|
}
|
|
6216
|
-
`, 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 });
|
|
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: ["role", "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',
|
|
@@ -6274,7 +6277,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6274
6277
|
</mcms-table-head>
|
|
6275
6278
|
}
|
|
6276
6279
|
@if (rowActions().length > 0) {
|
|
6277
|
-
<mcms-table-head class="w-12"
|
|
6280
|
+
<mcms-table-head class="w-12" />
|
|
6278
6281
|
}
|
|
6279
6282
|
</mcms-table-row>
|
|
6280
6283
|
</mcms-table-header>
|
|
@@ -6359,7 +6362,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6359
6362
|
</mcms-table-head>
|
|
6360
6363
|
}
|
|
6361
6364
|
@if (rowActions().length > 0) {
|
|
6362
|
-
<mcms-table-head class="w-12"
|
|
6365
|
+
<mcms-table-head class="w-12" />
|
|
6363
6366
|
}
|
|
6364
6367
|
</mcms-table-row>
|
|
6365
6368
|
</mcms-table-header>
|
|
@@ -6497,10 +6500,10 @@ class Command {
|
|
|
6497
6500
|
const base = 'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground';
|
|
6498
6501
|
return `${base} ${this.class()}`.trim();
|
|
6499
6502
|
}, ...(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.
|
|
6503
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Command, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6504
|
+
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
6505
|
}
|
|
6503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Command, decorators: [{
|
|
6504
6507
|
type: Component,
|
|
6505
6508
|
args: [{
|
|
6506
6509
|
selector: 'mcms-command',
|
|
@@ -6560,8 +6563,8 @@ class CommandInput {
|
|
|
6560
6563
|
this.value.set(target.value);
|
|
6561
6564
|
}
|
|
6562
6565
|
}
|
|
6563
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6564
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.
|
|
6566
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandInput, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6567
|
+
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
6568
|
<svg
|
|
6566
6569
|
class="mr-2 h-4 w-4 shrink-0 opacity-50"
|
|
6567
6570
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -6575,8 +6578,8 @@ class CommandInput {
|
|
|
6575
6578
|
stroke-linejoin="round"
|
|
6576
6579
|
aria-hidden="true"
|
|
6577
6580
|
>
|
|
6578
|
-
<circle cx="11" cy="11" r="8"
|
|
6579
|
-
<line x1="21" y1="21" x2="16.65" y2="16.65"
|
|
6581
|
+
<circle cx="11" cy="11" r="8" />
|
|
6582
|
+
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
6580
6583
|
</svg>
|
|
6581
6584
|
<input
|
|
6582
6585
|
#inputEl
|
|
@@ -6594,7 +6597,7 @@ class CommandInput {
|
|
|
6594
6597
|
/>
|
|
6595
6598
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6596
6599
|
}
|
|
6597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6600
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandInput, decorators: [{
|
|
6598
6601
|
type: Component,
|
|
6599
6602
|
args: [{
|
|
6600
6603
|
selector: 'mcms-command-input',
|
|
@@ -6615,8 +6618,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
6615
6618
|
stroke-linejoin="round"
|
|
6616
6619
|
aria-hidden="true"
|
|
6617
6620
|
>
|
|
6618
|
-
<circle cx="11" cy="11" r="8"
|
|
6619
|
-
<line x1="21" y1="21" x2="16.65" y2="16.65"
|
|
6621
|
+
<circle cx="11" cy="11" r="8" />
|
|
6622
|
+
<line x1="21" y1="21" x2="16.65" y2="16.65" />
|
|
6620
6623
|
</svg>
|
|
6621
6624
|
<input
|
|
6622
6625
|
#inputEl
|
|
@@ -6660,10 +6663,10 @@ class CommandList {
|
|
|
6660
6663
|
const base = 'max-h-[300px] overflow-y-auto overflow-x-hidden';
|
|
6661
6664
|
return `${base} ${this.class()}`.trim();
|
|
6662
6665
|
}, ...(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.
|
|
6666
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandList, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6667
|
+
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
6668
|
}
|
|
6666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandList, decorators: [{
|
|
6667
6670
|
type: Component,
|
|
6668
6671
|
args: [{
|
|
6669
6672
|
selector: 'mcms-command-list',
|
|
@@ -6699,10 +6702,10 @@ class CommandEmpty {
|
|
|
6699
6702
|
const base = 'py-6 text-center text-sm text-muted-foreground';
|
|
6700
6703
|
return `${base} ${this.class()}`.trim();
|
|
6701
6704
|
}, ...(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.
|
|
6705
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandEmpty, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6706
|
+
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
6707
|
}
|
|
6705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6708
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandEmpty, decorators: [{
|
|
6706
6709
|
type: Component,
|
|
6707
6710
|
args: [{
|
|
6708
6711
|
selector: 'mcms-command-empty',
|
|
@@ -6742,15 +6745,15 @@ class CommandGroup {
|
|
|
6742
6745
|
labelClasses = computed(() => {
|
|
6743
6746
|
return 'px-2 py-1.5 text-xs font-medium text-muted-foreground';
|
|
6744
6747
|
}, ...(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.
|
|
6748
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6749
|
+
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
6750
|
@if (label()) {
|
|
6748
6751
|
<div [attr.id]="labelId" [class]="labelClasses()">{{ label() }}</div>
|
|
6749
6752
|
}
|
|
6750
6753
|
<ng-content />
|
|
6751
6754
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
6752
6755
|
}
|
|
6753
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6756
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandGroup, decorators: [{
|
|
6754
6757
|
type: Component,
|
|
6755
6758
|
args: [{
|
|
6756
6759
|
selector: 'mcms-command-group',
|
|
@@ -6815,10 +6818,10 @@ class CommandItem {
|
|
|
6815
6818
|
onMouseLeave() {
|
|
6816
6819
|
this.active.set(false);
|
|
6817
6820
|
}
|
|
6818
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
6819
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
6821
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6822
|
+
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
6823
|
}
|
|
6821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandItem, decorators: [{
|
|
6822
6825
|
type: Component,
|
|
6823
6826
|
args: [{
|
|
6824
6827
|
selector: 'mcms-command-item',
|
|
@@ -6856,10 +6859,10 @@ class CommandSeparator {
|
|
|
6856
6859
|
const base = '-mx-1 my-1 block h-px bg-border';
|
|
6857
6860
|
return `${base} ${this.class()}`.trim();
|
|
6858
6861
|
}, ...(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.
|
|
6862
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6863
|
+
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
6864
|
}
|
|
6862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: CommandSeparator, decorators: [{
|
|
6863
6866
|
type: Component,
|
|
6864
6867
|
args: [{
|
|
6865
6868
|
selector: 'mcms-command-separator',
|
|
@@ -6904,10 +6907,10 @@ class Toolbar {
|
|
|
6904
6907
|
const orientationClasses = this.orientation() === 'vertical' ? 'flex-col' : 'flex-row';
|
|
6905
6908
|
return `${base} ${orientationClasses} ${this.class()}`.trim();
|
|
6906
6909
|
}, ...(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.
|
|
6910
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Toolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6911
|
+
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
6912
|
}
|
|
6910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Toolbar, decorators: [{
|
|
6911
6914
|
type: Component,
|
|
6912
6915
|
args: [{
|
|
6913
6916
|
selector: 'mcms-toolbar',
|
|
@@ -6957,10 +6960,10 @@ class ToolbarWidget {
|
|
|
6957
6960
|
: 'bg-transparent';
|
|
6958
6961
|
return `${base} ${interactiveClasses} ${activeClasses} ${selectedClasses} ${this.class()}`.trim();
|
|
6959
6962
|
}, ...(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.
|
|
6963
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidget, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6964
|
+
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
6965
|
}
|
|
6963
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
6966
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidget, decorators: [{
|
|
6964
6967
|
type: Component,
|
|
6965
6968
|
args: [{
|
|
6966
6969
|
selector: 'button[mcms-toolbar-widget]',
|
|
@@ -7005,10 +7008,10 @@ class ToolbarWidgetGroup {
|
|
|
7005
7008
|
const base = 'inline-flex items-center gap-0.5 rounded-sm bg-muted p-0.5';
|
|
7006
7009
|
return `${base} ${this.class()}`.trim();
|
|
7007
7010
|
}, ...(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.
|
|
7011
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidgetGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7012
|
+
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
7013
|
}
|
|
7011
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarWidgetGroup, decorators: [{
|
|
7012
7015
|
type: Component,
|
|
7013
7016
|
args: [{
|
|
7014
7017
|
selector: 'mcms-toolbar-widget-group',
|
|
@@ -7044,10 +7047,10 @@ class ToolbarSeparator {
|
|
|
7044
7047
|
const base = 'mx-1 h-5 w-px bg-border';
|
|
7045
7048
|
return `${base} ${this.class()}`.trim();
|
|
7046
7049
|
}, ...(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.
|
|
7050
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7051
|
+
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
7052
|
}
|
|
7050
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ToolbarSeparator, decorators: [{
|
|
7051
7054
|
type: Component,
|
|
7052
7055
|
args: [{
|
|
7053
7056
|
selector: 'mcms-toolbar-separator',
|
|
@@ -7095,10 +7098,10 @@ class Tree {
|
|
|
7095
7098
|
const base = 'block text-sm';
|
|
7096
7099
|
return `${base} ${this.class()}`.trim();
|
|
7097
7100
|
}, ...(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.
|
|
7101
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Tree, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7102
|
+
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
7103
|
}
|
|
7101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Tree, decorators: [{
|
|
7102
7105
|
type: Component,
|
|
7103
7106
|
args: [{
|
|
7104
7107
|
selector: 'mcms-tree',
|
|
@@ -7175,8 +7178,8 @@ class TreeItem {
|
|
|
7175
7178
|
event.stopPropagation();
|
|
7176
7179
|
this.expanded.update((v) => !v);
|
|
7177
7180
|
}
|
|
7178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7179
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
7181
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7182
|
+
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
7183
|
<!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->
|
|
7181
7184
|
<div [class]="contentClasses()" (click)="onClick($event)">
|
|
7182
7185
|
@if (hasChildren()) {
|
|
@@ -7209,7 +7212,7 @@ class TreeItem {
|
|
|
7209
7212
|
<ng-content select="mcms-tree-item-group, [mcmsTreeItemGroup]" />
|
|
7210
7213
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7211
7214
|
}
|
|
7212
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItem, decorators: [{
|
|
7213
7216
|
type: Component,
|
|
7214
7217
|
args: [{
|
|
7215
7218
|
selector: 'mcms-tree-item',
|
|
@@ -7292,10 +7295,10 @@ class TreeItemGroupComponent {
|
|
|
7292
7295
|
const base = 'block pl-4';
|
|
7293
7296
|
return `${base} ${this.class()}`.trim();
|
|
7294
7297
|
}, ...(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.
|
|
7298
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItemGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7299
|
+
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
7300
|
}
|
|
7298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: TreeItemGroupComponent, decorators: [{
|
|
7299
7302
|
type: Component,
|
|
7300
7303
|
args: [{
|
|
7301
7304
|
selector: 'mcms-tree-item-group',
|
|
@@ -7352,10 +7355,10 @@ class Menubar {
|
|
|
7352
7355
|
const base = 'flex items-center gap-1 rounded-md border border-border bg-background p-1';
|
|
7353
7356
|
return `${base} ${this.class()}`.trim();
|
|
7354
7357
|
}, ...(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.
|
|
7358
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Menubar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7359
|
+
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
7360
|
}
|
|
7358
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: Menubar, decorators: [{
|
|
7359
7362
|
type: Component,
|
|
7360
7363
|
args: [{
|
|
7361
7364
|
selector: 'mcms-menubar',
|
|
@@ -7411,8 +7414,8 @@ class MenubarItem {
|
|
|
7411
7414
|
const disabledClasses = this.disabled() ? 'opacity-50 pointer-events-none' : '';
|
|
7412
7415
|
return `${base} ${interactiveClasses} ${activeClasses} ${expandedClasses} ${disabledClasses} ${this.class()}`.trim();
|
|
7413
7416
|
}, ...(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.
|
|
7417
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7418
|
+
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
7419
|
<span class="flex items-center gap-2">
|
|
7417
7420
|
<ng-content select="[mcms-menubar-item-icon]" />
|
|
7418
7421
|
{{ label() }}
|
|
@@ -7435,7 +7438,7 @@ class MenubarItem {
|
|
|
7435
7438
|
<ng-content />
|
|
7436
7439
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7437
7440
|
}
|
|
7438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarItem, decorators: [{
|
|
7439
7442
|
type: Component,
|
|
7440
7443
|
args: [{
|
|
7441
7444
|
selector: 'mcms-menubar-item',
|
|
@@ -7507,10 +7510,10 @@ class MenubarSubmenu {
|
|
|
7507
7510
|
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
7511
|
return `${base} ${this.class()}`.trim();
|
|
7509
7512
|
}, ...(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.
|
|
7513
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7514
|
+
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
7515
|
}
|
|
7513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenu, decorators: [{
|
|
7514
7517
|
type: Component,
|
|
7515
7518
|
args: [{
|
|
7516
7519
|
selector: 'mcms-menubar-submenu',
|
|
@@ -7561,8 +7564,8 @@ class MenubarSubmenuItem {
|
|
|
7561
7564
|
const disabledClasses = this.disabled() ? 'opacity-50 pointer-events-none' : '';
|
|
7562
7565
|
return `${base} ${interactiveClasses} ${activeClasses} ${disabledClasses} ${this.class()}`.trim();
|
|
7563
7566
|
}, ...(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.
|
|
7567
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7568
|
+
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
7569
|
<span class="flex flex-1 items-center gap-2">
|
|
7567
7570
|
<ng-content select="[mcms-menubar-submenu-item-icon]" />
|
|
7568
7571
|
{{ label() }}
|
|
@@ -7590,7 +7593,7 @@ class MenubarSubmenuItem {
|
|
|
7590
7593
|
<ng-content />
|
|
7591
7594
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
7592
7595
|
}
|
|
7593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSubmenuItem, decorators: [{
|
|
7594
7597
|
type: Component,
|
|
7595
7598
|
args: [{
|
|
7596
7599
|
selector: 'mcms-menubar-submenu-item',
|
|
@@ -7648,10 +7651,10 @@ class MenubarSeparator {
|
|
|
7648
7651
|
const base = '-mx-1 my-1 h-px bg-border';
|
|
7649
7652
|
return `${base} ${this.class()}`.trim();
|
|
7650
7653
|
}, ...(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.
|
|
7654
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7655
|
+
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
7656
|
}
|
|
7654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
7657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: MenubarSeparator, decorators: [{
|
|
7655
7658
|
type: Component,
|
|
7656
7659
|
args: [{
|
|
7657
7660
|
selector: 'mcms-menubar-separator',
|
|
@@ -7857,8 +7860,8 @@ class FieldDisplay {
|
|
|
7857
7860
|
return cellValue ? 'Yes' : 'No';
|
|
7858
7861
|
return String(cellValue);
|
|
7859
7862
|
}
|
|
7860
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
7861
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
7863
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FieldDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7864
|
+
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
7865
|
@if (label()) {
|
|
7863
7866
|
<div class="text-sm font-medium text-muted-foreground mb-1.5">{{ label() }}</div>
|
|
7864
7867
|
}
|
|
@@ -8040,7 +8043,7 @@ class FieldDisplay {
|
|
|
8040
8043
|
</div>
|
|
8041
8044
|
`, isInline: true, dependencies: [{ kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8042
8045
|
}
|
|
8043
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8046
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: FieldDisplay, decorators: [{
|
|
8044
8047
|
type: Component,
|
|
8045
8048
|
args: [{
|
|
8046
8049
|
selector: 'mcms-field-display',
|
|
@@ -8285,10 +8288,10 @@ class BlockAdminModeService {
|
|
|
8285
8288
|
toggle() {
|
|
8286
8289
|
this._isAdmin.update((v) => !v);
|
|
8287
8290
|
}
|
|
8288
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8289
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.
|
|
8291
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockAdminModeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
8292
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockAdminModeService });
|
|
8290
8293
|
}
|
|
8291
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8294
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockAdminModeService, decorators: [{
|
|
8292
8295
|
type: Injectable
|
|
8293
8296
|
}] });
|
|
8294
8297
|
/**
|
|
@@ -8362,10 +8365,10 @@ class BlockOutletComponent {
|
|
|
8362
8365
|
}
|
|
8363
8366
|
});
|
|
8364
8367
|
}
|
|
8365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8366
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.
|
|
8368
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8369
|
+
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
8370
|
}
|
|
8368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockOutletComponent, decorators: [{
|
|
8369
8372
|
type: Component,
|
|
8370
8373
|
args: [{
|
|
8371
8374
|
selector: 'mcms-block-outlet',
|
|
@@ -8426,8 +8429,8 @@ class BlockRendererComponent {
|
|
|
8426
8429
|
onEditBlock(index) {
|
|
8427
8430
|
this.editBlock.emit(index);
|
|
8428
8431
|
}
|
|
8429
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8430
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
8432
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8433
|
+
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
8434
|
@for (block of blocks(); track $index) {
|
|
8432
8435
|
@if (getBlockType(block); as type) {
|
|
8433
8436
|
@if (adminMode()) {
|
|
@@ -8467,7 +8470,7 @@ class BlockRendererComponent {
|
|
|
8467
8470
|
}
|
|
8468
8471
|
`, isInline: true, dependencies: [{ kind: "component", type: BlockOutletComponent, selector: "mcms-block-outlet", inputs: ["blockType", "blockData"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
8469
8472
|
}
|
|
8470
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
8473
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BlockRendererComponent, decorators: [{
|
|
8471
8474
|
type: Component,
|
|
8472
8475
|
args: [{
|
|
8473
8476
|
selector: 'mcms-block-renderer',
|
|
@@ -8683,8 +8686,8 @@ class KitchenSinkPage {
|
|
|
8683
8686
|
cancelText: 'Cancel',
|
|
8684
8687
|
});
|
|
8685
8688
|
}
|
|
8686
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
8687
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
8689
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KitchenSinkPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8690
|
+
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
8691
|
<mcms-toast-container />
|
|
8689
8692
|
|
|
8690
8693
|
<div class="container mx-auto px-4 py-8 max-w-6xl">
|
|
@@ -9420,7 +9423,7 @@ class KitchenSinkPage {
|
|
|
9420
9423
|
// Sidebar
|
|
9421
9424
|
Sidebar, selector: "mcms-sidebar", inputs: ["width", "collapsedWidth", "collapsed", "class"] }, { kind: "component", type: SidebarHeader, selector: "mcms-sidebar-header", inputs: ["class"] }, { kind: "component", type: SidebarContent, selector: "mcms-sidebar-content", inputs: ["class"] }, { kind: "component", type: SidebarFooter, selector: "mcms-sidebar-footer", inputs: ["class"] }, { kind: "component", type: SidebarNav, selector: "mcms-sidebar-nav", inputs: ["ariaLabel", "class"] }, { kind: "component", type: SidebarNavItem, selector: "mcms-sidebar-nav-item", inputs: ["label", "href", "icon", "badge", "active", "disabled", "exact", "class"], outputs: ["clicked"] }, { kind: "component", type: SidebarSection, selector: "mcms-sidebar-section", inputs: ["title", "collapsible", "expanded", "class"], outputs: ["expandedChange"] }, { kind: "component", type:
|
|
9422
9425
|
// Table
|
|
9423
|
-
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: TableCaption, selector: "mcms-table-caption", inputs: ["class"] }, { kind: "component", type:
|
|
9426
|
+
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: ["role", "disabled", "colSpan", "rowSpan", "class"] }, { kind: "component", type: TableCell, selector: "mcms-table-cell", inputs: ["disabled", "selected", "colSpan", "rowSpan", "class"], outputs: ["selectedChange"] }, { kind: "component", type: TableCaption, selector: "mcms-table-caption", inputs: ["class"] }, { kind: "component", type:
|
|
9424
9427
|
// Data Display
|
|
9425
9428
|
Badge, selector: "mcms-badge", inputs: ["variant", "class", "role", "ariaLabel"] }, { kind: "component", type: Avatar, selector: "mcms-avatar", inputs: ["size", "class", "ariaLabel"] }, { kind: "component", type: AvatarFallback, selector: "mcms-avatar-fallback", inputs: ["delayMs", "class"] }, { kind: "component", type: Separator, selector: "mcms-separator", inputs: ["orientation", "decorative", "class"] }, { kind: "component", type:
|
|
9426
9429
|
// Command
|
|
@@ -9432,7 +9435,7 @@ class KitchenSinkPage {
|
|
|
9432
9435
|
// FieldDisplay
|
|
9433
9436
|
FieldDisplay, selector: "mcms-field-display", inputs: ["value", "type", "label", "format", "emptyText", "badgeConfig", "openInNewTab", "maxItems", "class", "fieldMeta", "numberFormat", "dateFormat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
9434
9437
|
}
|
|
9435
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
9438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: KitchenSinkPage, decorators: [{
|
|
9436
9439
|
type: Component,
|
|
9437
9440
|
args: [{
|
|
9438
9441
|
selector: 'mcms-kitchen-sink-page',
|