@open-rlb/ng-bootstrap 3.3.17 → 3.3.19
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.
|
@@ -28,8 +28,8 @@ class DataTableActionComponent {
|
|
|
28
28
|
e?.preventDefault();
|
|
29
29
|
this.clicked.emit(e);
|
|
30
30
|
}
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: DataTableActionComponent, isStandalone: true, selector: "rlb-dt-action", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "click" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
33
33
|
<ng-template #template>
|
|
34
34
|
<li
|
|
35
35
|
(click)="onClick($event)"
|
|
@@ -46,7 +46,7 @@ class DataTableActionComponent {
|
|
|
46
46
|
</ng-template>
|
|
47
47
|
`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableActionComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{
|
|
52
52
|
selector: 'rlb-dt-action',
|
|
@@ -77,12 +77,12 @@ class AccordionBodyComponent {
|
|
|
77
77
|
this.itemId = signal(undefined, ...(ngDevMode ? [{ debugName: "itemId" }] : /* istanbul ignore next */ []));
|
|
78
78
|
this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
|
|
79
79
|
}
|
|
80
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
81
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
80
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: AccordionBodyComponent, isStandalone: true, selector: "div[rlb-accordion-body]", host: { properties: { "class.show": "expanded()", "id": "itemId()" }, classAttribute: "accordion-collapse collapse" }, ngImport: i0, template: ` <div class="accordion-body">
|
|
82
82
|
<ng-content></ng-content>
|
|
83
83
|
</div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
84
84
|
}
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionBodyComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
87
|
args: [{
|
|
88
88
|
selector: 'div[rlb-accordion-body]',
|
|
@@ -135,10 +135,10 @@ class ButtonComponent {
|
|
|
135
135
|
return style;
|
|
136
136
|
}, ...(ngDevMode ? [{ debugName: "mainClass" }] : /* istanbul ignore next */ []));
|
|
137
137
|
}
|
|
138
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
139
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
139
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: ButtonComponent, isStandalone: true, selector: "button[rlb-button], a[rlb-button]", inputs: { color: { classPropertyName: "color", publicName: "color", 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 }, outline: { classPropertyName: "outline", publicName: "outline", isSignal: true, isRequired: false, transformFunction: null }, isLink: { classPropertyName: "isLink", publicName: "isLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "mainClass()", "attr.disabled": "disabled() ? true : undefined" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
140
140
|
}
|
|
141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
142
142
|
type: Component,
|
|
143
143
|
args: [{
|
|
144
144
|
selector: 'button[rlb-button], a[rlb-button]',
|
|
@@ -157,10 +157,10 @@ class ButtonToolbarComponent {
|
|
|
157
157
|
this.orientation = input('horizontal', { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), alias: 'orientation' });
|
|
158
158
|
this.size = input('md', { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'size' });
|
|
159
159
|
}
|
|
160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
161
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
160
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: ButtonToolbarComponent, isStandalone: true, selector: "rlb-button-toolbar", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "attr.role": "toolbar" }, classAttribute: "btn-toolbar" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
162
162
|
}
|
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonToolbarComponent, decorators: [{
|
|
164
164
|
type: Component,
|
|
165
165
|
args: [{
|
|
166
166
|
selector: 'rlb-button-toolbar',
|
|
@@ -221,10 +221,10 @@ class ToggleDirective {
|
|
|
221
221
|
}
|
|
222
222
|
});
|
|
223
223
|
}
|
|
224
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
225
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
224
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
225
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: ToggleDirective, isStandalone: true, selector: "\n button[toggle],\n a[toggle],\n rlb-navbar-item[toggle],\n rlb-button-toolbar[toggle],\n rlb-fab[toggle],", inputs: { toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: true, transformFunction: null }, target: { classPropertyName: "target", publicName: "toggle-target", isSignal: true, isRequired: true, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "auto-close", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
226
226
|
}
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToggleDirective, decorators: [{
|
|
228
228
|
type: Directive,
|
|
229
229
|
args: [{ selector: `
|
|
230
230
|
button[toggle],
|
|
@@ -240,13 +240,13 @@ class AccordionHeaderComponent {
|
|
|
240
240
|
this.itemId = signal(undefined, ...(ngDevMode ? [{ debugName: "itemId" }] : /* istanbul ignore next */ []));
|
|
241
241
|
this.expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
|
|
242
242
|
}
|
|
243
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
244
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
243
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
244
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: AccordionHeaderComponent, isStandalone: true, selector: "rlb-accordion-header", host: { classAttribute: "accordion-header" }, ngImport: i0, template: `
|
|
245
245
|
<button class="accordion-button" rlb-button toggle="collapse" [toggle-target]="itemId() || ''" [collapsed]="!expanded()">
|
|
246
246
|
<ng-content></ng-content>
|
|
247
247
|
</button>`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "directive", type: ToggleDirective, selector: "\n button[toggle],\n a[toggle],\n rlb-navbar-item[toggle],\n rlb-button-toolbar[toggle],\n rlb-fab[toggle],", inputs: ["toggle", "toggle-target", "collapsed", "auto-close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
248
248
|
}
|
|
249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionHeaderComponent, decorators: [{
|
|
250
250
|
type: Component,
|
|
251
251
|
args: [{
|
|
252
252
|
selector: 'rlb-accordion-header',
|
|
@@ -268,10 +268,10 @@ class UniqueIdService {
|
|
|
268
268
|
this._id++;
|
|
269
269
|
return `-${this._id}`;
|
|
270
270
|
}
|
|
271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
272
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
271
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UniqueIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
272
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UniqueIdService, providedIn: 'root' }); }
|
|
273
273
|
}
|
|
274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: UniqueIdService, decorators: [{
|
|
275
275
|
type: Injectable,
|
|
276
276
|
args: [{
|
|
277
277
|
providedIn: 'root',
|
|
@@ -368,10 +368,10 @@ class ToggleAbstractComponent {
|
|
|
368
368
|
this.htmlElement?.removeEventListener(`show.${this.eventPrefix}`, this._openChange_f);
|
|
369
369
|
this.htmlElement?.removeEventListener(`shown.${this.eventPrefix}`, this._openChange_f);
|
|
370
370
|
}
|
|
371
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
372
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
371
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToggleAbstractComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
372
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToggleAbstractComponent }); }
|
|
373
373
|
}
|
|
374
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
374
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToggleAbstractComponent, decorators: [{
|
|
375
375
|
type: Injectable
|
|
376
376
|
}] });
|
|
377
377
|
|
|
@@ -450,13 +450,13 @@ class AccordionItemComponent extends ToggleAbstractComponent {
|
|
|
450
450
|
get eventPrefix() {
|
|
451
451
|
return 'bs.collapse';
|
|
452
452
|
}
|
|
453
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
454
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
453
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
454
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: AccordionItemComponent, isStandalone: true, selector: "div[rlb-accordion-item]", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChange: "statusChange" }, host: { classAttribute: "accordion-item" }, queries: [{ propertyName: "header", first: true, predicate: AccordionHeaderComponent, descendants: true, isSignal: true }, { propertyName: "body", first: true, predicate: AccordionBodyComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
455
455
|
<ng-content select="rlb-accordion-header"></ng-content>
|
|
456
456
|
<ng-content select="[rlb-accordion-body]"></ng-content>
|
|
457
457
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
458
458
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionItemComponent, decorators: [{
|
|
460
460
|
type: Component,
|
|
461
461
|
args: [{
|
|
462
462
|
selector: 'div[rlb-accordion-item]',
|
|
@@ -535,12 +535,12 @@ class AccordionComponent {
|
|
|
535
535
|
this.subs.forEach(s => s.unsubscribe());
|
|
536
536
|
this.subs = [];
|
|
537
537
|
}
|
|
538
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
539
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
538
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: AccordionComponent, isStandalone: true, selector: "rlb-accordion", inputs: { flush: { classPropertyName: "flush", publicName: "flush", isSignal: true, isRequired: false, transformFunction: null }, alwaysOpen: { classPropertyName: "alwaysOpen", publicName: "always-open", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, cardStyle: { classPropertyName: "cardStyle", publicName: "card-style", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.accordion-flush": "flush()", "class.accordion-card-style": "cardStyle()", "id": "effectiveId()" }, classAttribute: "accordion" }, queries: [{ propertyName: "items", predicate: AccordionItemComponent, isSignal: true }], ngImport: i0, template: `
|
|
540
540
|
<ng-content select="[rlb-accordion-item]"></ng-content>
|
|
541
541
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
542
542
|
}
|
|
543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AccordionComponent, decorators: [{
|
|
544
544
|
type: Component,
|
|
545
545
|
args: [{
|
|
546
546
|
selector: 'rlb-accordion',
|
|
@@ -572,8 +572,8 @@ class AlertComponent {
|
|
|
572
572
|
this.element = templateView.rootNodes[0];
|
|
573
573
|
this.viewContainerRef.element.nativeElement.remove();
|
|
574
574
|
}
|
|
575
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
576
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
575
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
576
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: AlertComponent, isStandalone: true, selector: "rlb-alert", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dismissed: "dismissed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: ` <ng-template #template>
|
|
577
577
|
<div class="alert alert-{{ color() }} {{ cssClass() }}" role="alert">
|
|
578
578
|
<ng-content></ng-content>
|
|
579
579
|
@if (dismissible()) {
|
|
@@ -588,7 +588,7 @@ class AlertComponent {
|
|
|
588
588
|
</div>
|
|
589
589
|
</ng-template>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
590
590
|
}
|
|
591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AlertComponent, decorators: [{
|
|
592
592
|
type: Component,
|
|
593
593
|
args: [{
|
|
594
594
|
selector: 'rlb-alert',
|
|
@@ -642,8 +642,8 @@ class BadgeComponent {
|
|
|
642
642
|
this.element = templateView.rootNodes[0];
|
|
643
643
|
this.viewContainerRef.element.nativeElement.remove();
|
|
644
644
|
}
|
|
645
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
646
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
645
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
646
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: BadgeComponent, isStandalone: true, selector: "span[rlb-badge], img[rlb-badge]", inputs: { pill: { classPropertyName: "pill", publicName: "pill", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, hiddenText: { classPropertyName: "hiddenText", publicName: "hidden-text", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "badge-text-color", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
647
647
|
<ng-template #template>
|
|
648
648
|
<span [class]="style()">
|
|
649
649
|
<ng-content></ng-content>
|
|
@@ -654,7 +654,7 @@ class BadgeComponent {
|
|
|
654
654
|
</ng-template>
|
|
655
655
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
656
656
|
}
|
|
657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
657
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
658
658
|
type: Component,
|
|
659
659
|
args: [{
|
|
660
660
|
selector: 'span[rlb-badge], img[rlb-badge]',
|
|
@@ -786,10 +786,10 @@ class BadgeDirective {
|
|
|
786
786
|
return value;
|
|
787
787
|
}
|
|
788
788
|
}
|
|
789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
790
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
790
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: BadgeDirective, isStandalone: true, selector: "[badge]", inputs: { badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, pill: { classPropertyName: "pill", publicName: "badge-pill", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "badge-border", isSignal: true, isRequired: false, transformFunction: null }, top: { classPropertyName: "top", publicName: "badge-top", isSignal: true, isRequired: false, transformFunction: null }, start: { classPropertyName: "start", publicName: "badge-start", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "badge-color", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "badge-text-color", isSignal: true, isRequired: false, transformFunction: null }, hiddenText: { classPropertyName: "hiddenText", publicName: "hidden-text", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "badge-dot", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
791
791
|
}
|
|
792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BadgeDirective, decorators: [{
|
|
793
793
|
type: Directive,
|
|
794
794
|
args: [{ selector: '[badge]', }]
|
|
795
795
|
}], ctorParameters: () => [], propDecorators: { badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], pill: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-pill", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-border", required: false }] }], top: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-top", required: false }] }], start: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-start", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-color", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-text-color", required: false }] }], hiddenText: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden-text", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge-dot", required: false }] }] } });
|
|
@@ -800,8 +800,8 @@ class BreadcrumbComponent {
|
|
|
800
800
|
this.items = input([], { ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), alias: 'items' });
|
|
801
801
|
this.cssClasses = input('', { ...(ngDevMode ? { debugName: "cssClasses" } : /* istanbul ignore next */ {}), alias: 'cssClasses' });
|
|
802
802
|
}
|
|
803
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
804
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
803
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
804
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: BreadcrumbComponent, isStandalone: true, selector: "rlb-breadcrumb", inputs: { divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, cssClasses: { classPropertyName: "cssClasses", publicName: "cssClasses", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: ` <nav
|
|
805
805
|
aria-label="breadcrumb"
|
|
806
806
|
style="--bs-breadcrumb-divider: '{{ divider() }}';"
|
|
807
807
|
>
|
|
@@ -819,7 +819,7 @@ class BreadcrumbComponent {
|
|
|
819
819
|
</ol>
|
|
820
820
|
</nav>`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
821
821
|
}
|
|
822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
823
823
|
type: Component,
|
|
824
824
|
args: [{
|
|
825
825
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -850,10 +850,10 @@ class ButtonGroupComponent {
|
|
|
850
850
|
this.orientation = input('horizontal', { ...(ngDevMode ? { debugName: "orientation" } : /* istanbul ignore next */ {}), alias: 'orientation' });
|
|
851
851
|
this.size = input('md', { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'size' });
|
|
852
852
|
}
|
|
853
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
854
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
853
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
854
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: ButtonGroupComponent, isStandalone: true, selector: "rlb-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "attr.role": "group" }, properties: { "class.btn-group": "orientation() !== \"vertical\"", "class.btn-group-vertical": "orientation() === \"vertical\"", "class.btn-group-sm": "size() === \"sm\"", "class.btn-group-lg": "size() === \"lg\"" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
855
855
|
}
|
|
856
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
856
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
857
857
|
type: Component,
|
|
858
858
|
args: [{
|
|
859
859
|
selector: 'rlb-button-group',
|
|
@@ -871,10 +871,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
871
871
|
}], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
872
872
|
|
|
873
873
|
class ButtonCloseComponent {
|
|
874
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
875
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
874
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
875
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ButtonCloseComponent, isStandalone: true, selector: "button[rlb-button-close], a[rlb-button-close]", host: { attributes: { "attr.type": "button", "attr.aria-label": "Close" }, classAttribute: "btn-close" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
876
876
|
}
|
|
877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
877
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ButtonCloseComponent, decorators: [{
|
|
878
878
|
type: Component,
|
|
879
879
|
args: [{
|
|
880
880
|
selector: 'button[rlb-button-close], a[rlb-button-close]',
|
|
@@ -892,13 +892,13 @@ class CardBodyComponent {
|
|
|
892
892
|
constructor() {
|
|
893
893
|
this.overlay = signal(false, ...(ngDevMode ? [{ debugName: "overlay" }] : /* istanbul ignore next */ []));
|
|
894
894
|
}
|
|
895
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
896
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
895
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
896
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardBodyComponent, isStandalone: true, selector: "rlb-card-body", host: { properties: { "class.card-img-overlay": "overlay()" }, classAttribute: "card-body" }, ngImport: i0, template: ` <ng-content select="[rlb-card-title]" />
|
|
897
897
|
<ng-content select="[rlb-card-subtitle]" />
|
|
898
898
|
<ng-content select="[rlb-card-text],[rlb-card-link]" />
|
|
899
899
|
<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
900
900
|
}
|
|
901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
901
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardBodyComponent, decorators: [{
|
|
902
902
|
type: Component,
|
|
903
903
|
args: [{
|
|
904
904
|
selector: 'rlb-card-body',
|
|
@@ -916,10 +916,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
916
916
|
}] });
|
|
917
917
|
|
|
918
918
|
class CardFooterComponent {
|
|
919
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
920
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
919
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
920
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardFooterComponent, isStandalone: true, selector: "rlb-card-footer", host: { classAttribute: "card-footer" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
921
921
|
}
|
|
922
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
922
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardFooterComponent, decorators: [{
|
|
923
923
|
type: Component,
|
|
924
924
|
args: [{
|
|
925
925
|
selector: 'rlb-card-footer',
|
|
@@ -933,10 +933,10 @@ class CardGroupComponent {
|
|
|
933
933
|
constructor() {
|
|
934
934
|
this.overlay = false;
|
|
935
935
|
}
|
|
936
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
937
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
936
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
937
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardGroupComponent, isStandalone: true, selector: "rlb-card-group", host: { classAttribute: "card-group" }, ngImport: i0, template: `<ng-content select="rlb-card" />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
938
938
|
}
|
|
939
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
939
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardGroupComponent, decorators: [{
|
|
940
940
|
type: Component,
|
|
941
941
|
args: [{
|
|
942
942
|
selector: 'rlb-card-group',
|
|
@@ -947,10 +947,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
947
947
|
}] });
|
|
948
948
|
|
|
949
949
|
class CardHeaderComponent {
|
|
950
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
951
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
950
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
951
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardHeaderComponent, isStandalone: true, selector: "rlb-card-header", host: { classAttribute: "card-header" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
952
952
|
}
|
|
953
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
953
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardHeaderComponent, decorators: [{
|
|
954
954
|
type: Component,
|
|
955
955
|
args: [{
|
|
956
956
|
selector: 'rlb-card-header',
|
|
@@ -965,10 +965,10 @@ class CardImageComponent {
|
|
|
965
965
|
this.position = input('top', { ...(ngDevMode ? { debugName: "position" } : /* istanbul ignore next */ {}), alias: 'position' });
|
|
966
966
|
this.overlay = signal(false, ...(ngDevMode ? [{ debugName: "overlay" }] : /* istanbul ignore next */ []));
|
|
967
967
|
}
|
|
968
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
969
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
968
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
969
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: CardImageComponent, isStandalone: true, selector: "img[rlb-card-image]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.card-img-top": "position() === \"top\" && !overlay()", "class.card-img-bottom": "position() === \"bottom\" && !overlay()", "class.card-img": "overlay()" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
970
970
|
}
|
|
971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
971
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardImageComponent, decorators: [{
|
|
972
972
|
type: Component,
|
|
973
973
|
args: [{
|
|
974
974
|
selector: 'img[rlb-card-image]',
|
|
@@ -984,10 +984,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
984
984
|
}], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
|
|
985
985
|
|
|
986
986
|
class CardLinkComponent {
|
|
987
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
988
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
987
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
988
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardLinkComponent, isStandalone: true, selector: "a[rlb-card-link]", host: { classAttribute: "card-link" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
989
989
|
}
|
|
990
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
990
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardLinkComponent, decorators: [{
|
|
991
991
|
type: Component,
|
|
992
992
|
args: [{
|
|
993
993
|
selector: 'a[rlb-card-link]',
|
|
@@ -998,10 +998,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
998
998
|
}] });
|
|
999
999
|
|
|
1000
1000
|
class CardSubtitleComponent {
|
|
1001
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1002
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1001
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1002
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardSubtitleComponent, isStandalone: true, selector: "h*[rlb-card-subtitle]", host: { classAttribute: "card-subtitle mb-2 text-body-secondary" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1003
1003
|
}
|
|
1004
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1004
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardSubtitleComponent, decorators: [{
|
|
1005
1005
|
type: Component,
|
|
1006
1006
|
args: [{
|
|
1007
1007
|
selector: 'h*[rlb-card-subtitle]',
|
|
@@ -1012,10 +1012,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
1012
1012
|
}] });
|
|
1013
1013
|
|
|
1014
1014
|
class CardTextComponent {
|
|
1015
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1016
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1015
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardTextComponent, isStandalone: true, selector: "p[rlb-card-text]", host: { classAttribute: "card-text" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1017
1017
|
}
|
|
1018
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardTextComponent, decorators: [{
|
|
1019
1019
|
type: Component,
|
|
1020
1020
|
args: [{
|
|
1021
1021
|
selector: 'p[rlb-card-text]',
|
|
@@ -1026,10 +1026,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
1026
1026
|
}] });
|
|
1027
1027
|
|
|
1028
1028
|
class CardTitleComponent {
|
|
1029
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1030
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1029
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1030
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CardTitleComponent, isStandalone: true, selector: "h*[rlb-card-title]", host: { classAttribute: "card-title" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1031
1031
|
}
|
|
1032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardTitleComponent, decorators: [{
|
|
1033
1033
|
type: Component,
|
|
1034
1034
|
args: [{
|
|
1035
1035
|
selector: 'h*[rlb-card-title]',
|
|
@@ -1059,8 +1059,8 @@ class CardComponent {
|
|
|
1059
1059
|
}
|
|
1060
1060
|
});
|
|
1061
1061
|
}
|
|
1062
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1063
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
1062
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1063
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: CardComponent, isStandalone: true, selector: "rlb-card", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, overlay: { classPropertyName: "overlay", publicName: "overlay", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.text-center": "align() === \"center\"", "class.text-end": "align() === \"right\"", "class.text-bg-primary": "background() === \"primary\"", "class.text-bg-secondary": "background() === \"secondary\"", "class.text-bg-success": "background() === \"success\"", "class.text-bg-danger": "background() === \"danger\"", "class.text-bg-warning": "background() === \"warning\"", "class.text-bg-info": "background() === \"info\"", "class.text-bg-light": "background() === \"light\"", "class.text-bg-dark": "background() === \"dark\"", "class.border-primary": "border() === \"primary\"", "class.border-secondary": "border() === \"secondary\"", "class.border-success": "border() === \"success\"", "class.border-danger": "border() === \"danger\"", "class.border-warning": "border() === \"warning\"", "class.border-info": "border() === \"info\"", "class.border-light": "border() === \"light\"", "class.border-dark": "border() === \"dark\"" }, classAttribute: "card" }, queries: [{ propertyName: "body", first: true, predicate: CardBodyComponent, descendants: true, isSignal: true }, { propertyName: "image", first: true, predicate: CardImageComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
1064
1064
|
<ng-content
|
|
1065
1065
|
select="rlb-card-header,[rlb-card-image]:not([position='bottom'])"
|
|
1066
1066
|
/>
|
|
@@ -1068,7 +1068,7 @@ class CardComponent {
|
|
|
1068
1068
|
<ng-content select="rlb-card-footer,[rlb-card-image][position='bottom']" />
|
|
1069
1069
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1070
1070
|
}
|
|
1071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1071
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CardComponent, decorators: [{
|
|
1072
1072
|
type: Component,
|
|
1073
1073
|
args: [{
|
|
1074
1074
|
selector: 'rlb-card',
|
|
@@ -1106,12 +1106,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
1106
1106
|
}], ctorParameters: () => [], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], overlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlay", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], border: [{ type: i0.Input, args: [{ isSignal: true, alias: "border", required: false }] }], body: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CardBodyComponent), { isSignal: true }] }], image: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CardImageComponent), { isSignal: true }] }] } });
|
|
1107
1107
|
|
|
1108
1108
|
class CarouselCaptionComponent {
|
|
1109
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1110
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CarouselCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1110
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: CarouselCaptionComponent, isStandalone: true, selector: "rlb-carousel-caption", host: { classAttribute: "carousel-caption" }, ngImport: i0, template: `
|
|
1111
1111
|
<ng-content></ng-content>
|
|
1112
1112
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1113
1113
|
}
|
|
1114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CarouselCaptionComponent, decorators: [{
|
|
1115
1115
|
type: Component,
|
|
1116
1116
|
args: [{
|
|
1117
1117
|
selector: 'rlb-carousel-caption',
|
|
@@ -1128,13 +1128,13 @@ class CarouselSlideComponent {
|
|
|
1128
1128
|
this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), alias: 'active', transform: booleanAttribute });
|
|
1129
1129
|
this.id = input('', { ...(ngDevMode ? { debugName: "id" } : /* istanbul ignore next */ {}), alias: 'id' });
|
|
1130
1130
|
}
|
|
1131
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1132
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
1131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CarouselSlideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: CarouselSlideComponent, isStandalone: true, selector: "rlb-carousel-slide", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.active": "active()" }, classAttribute: "carousel-item" }, ngImport: i0, template: `
|
|
1133
1133
|
<ng-content></ng-content>
|
|
1134
1134
|
<ng-content select="rlb-carousel-caption"></ng-content>
|
|
1135
1135
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1136
1136
|
}
|
|
1137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CarouselSlideComponent, decorators: [{
|
|
1138
1138
|
type: Component,
|
|
1139
1139
|
args: [{
|
|
1140
1140
|
selector: 'rlb-carousel-slide',
|
|
@@ -1233,8 +1233,8 @@ class CarouselComponent {
|
|
|
1233
1233
|
return false;
|
|
1234
1234
|
return undefined;
|
|
1235
1235
|
}
|
|
1236
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1237
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.ElementRef }, { token: UniqueIdService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1237
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CarouselComponent, isStandalone: true, selector: "rlb-carousel", inputs: { _id: { classPropertyName: "_id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, hideIndicators: { classPropertyName: "hideIndicators", publicName: "hide-indicators", isSignal: true, isRequired: false, transformFunction: null }, hideControls: { classPropertyName: "hideControls", publicName: "hide-controls", isSignal: true, isRequired: false, transformFunction: null }, crossFade: { classPropertyName: "crossFade", publicName: "cross-fade", isSignal: true, isRequired: false, transformFunction: null }, autoplay: { classPropertyName: "autoplay", publicName: "autoplay", isSignal: true, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null }, pauseProp: { classPropertyName: "pauseProp", publicName: "pause", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, noTouch: { classPropertyName: "noTouch", publicName: "no-touch", isSignal: true, isRequired: false, transformFunction: null }, keyboard: { classPropertyName: "keyboard", publicName: "keyboard", isSignal: true, isRequired: false, transformFunction: null }, currentSlide: { classPropertyName: "currentSlide", publicName: "current-slide", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { slid: "slid", slide: "slide", currentSlide: "current-slideChange", slideCountChange: "slide-count" }, host: { properties: { "class.carousel-fade": "crossFade()", "id": "id()", "attr.data-bs-ride": "autoplay() === \"auto\" ? \"carousel\" : autoplay() === \"manual\" ? \"true\": undefined", "attr.data-bs-touch": "noTouch() ? undefined : true", "attr.data-bs-interval": "interval()", "attr.data-bs-keyboard": "!keyboard() ? \"false\" : undefined", "attr.data-bs-wrap": "!wrap() ? \"false\" : undefined", "attr.data-bs-pause": "pauseProp() === false ? \"false\" : undefined" }, classAttribute: "carousel slide" }, queries: [{ propertyName: "items", predicate: CarouselSlideComponent, isSignal: true }], ngImport: i0, template: `
|
|
1238
1238
|
@if (!hideIndicators()) {
|
|
1239
1239
|
<div class="carousel-indicators">
|
|
1240
1240
|
@for (item of items(); track item; let i = $index) {
|
|
@@ -1281,7 +1281,7 @@ class CarouselComponent {
|
|
|
1281
1281
|
}
|
|
1282
1282
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1283
1283
|
}
|
|
1284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
1285
1285
|
type: Component,
|
|
1286
1286
|
args: [{
|
|
1287
1287
|
selector: 'rlb-carousel',
|
|
@@ -1367,8 +1367,8 @@ class CollapseComponent extends ToggleAbstractComponent {
|
|
|
1367
1367
|
get eventPrefix() {
|
|
1368
1368
|
return 'bs.collapse';
|
|
1369
1369
|
}
|
|
1370
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1371
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
1370
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1371
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: CollapseComponent, isStandalone: true, selector: "rlb-collapse", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChange: "statusChange" }, host: { properties: { "attr.id": "undefined" } }, viewQueries: [{ propertyName: "collapseRef", first: true, predicate: ["collapseRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: ` <div
|
|
1372
1372
|
#collapseRef
|
|
1373
1373
|
class="collapse"
|
|
1374
1374
|
[id]="id()"
|
|
@@ -1377,7 +1377,7 @@ class CollapseComponent extends ToggleAbstractComponent {
|
|
|
1377
1377
|
<ng-content></ng-content>
|
|
1378
1378
|
</div>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1379
1379
|
}
|
|
1380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1380
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CollapseComponent, decorators: [{
|
|
1381
1381
|
type: Component,
|
|
1382
1382
|
args: [{
|
|
1383
1383
|
selector: 'rlb-collapse',
|
|
@@ -1409,8 +1409,8 @@ class DropdownContainerComponent {
|
|
|
1409
1409
|
this.isList = true;
|
|
1410
1410
|
}
|
|
1411
1411
|
}
|
|
1412
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1413
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1412
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1413
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: DropdownContainerComponent, isStandalone: true, selector: "ul[rlb-dropdown-menu], rlb-dropdown-container", inputs: { placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, placementSm: { classPropertyName: "placementSm", publicName: "placement-sm", isSignal: true, isRequired: false, transformFunction: null }, placementMd: { classPropertyName: "placementMd", publicName: "placement-md", isSignal: true, isRequired: false, transformFunction: null }, placementLg: { classPropertyName: "placementLg", publicName: "placement-lg", isSignal: true, isRequired: false, transformFunction: null }, placementXl: { classPropertyName: "placementXl", publicName: "placement-xl", isSignal: true, isRequired: false, transformFunction: null }, placementXxl: { classPropertyName: "placementXxl", publicName: "placement-xxl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dropdown-menu-end": "placement() === \"right\"", "class.dropdown-menu-start": "placement() === \"left\"", "class.dropdown-menu-sm-end": "placementSm() === \"right\"", "class.dropdown-menu-sm-start": "placementSm() === \"left\"", "class.dropdown-menu-md-end": "placementMd() === \"right\"", "class.dropdown-menu-md-start": "placementMd() === \"left\"", "class.dropdown-menu-lg-end": "placementLg() === \"right\"", "class.dropdown-menu-lg-start": "placementLg() === \"left\"", "class.dropdown-menu-xl-end": "placementXl() === \"right\"", "class.dropdown-menu-xl-start": "placementXl() === \"left\"", "class.dropdown-menu-xxl-end": "placementXxl() === \"right\"", "class.dropdown-menu-xxl-start": "placementXxl() === \"left\"", "style.border": "isList ? null : \"none\"", "style.padding": "isList ? null : \"0px\"" }, classAttribute: "dropdown-menu" }, ngImport: i0, template: `
|
|
1414
1414
|
@if (isList) {
|
|
1415
1415
|
<ng-content select="li[rlb-dropdown-item]" />
|
|
1416
1416
|
}
|
|
@@ -1419,7 +1419,7 @@ class DropdownContainerComponent {
|
|
|
1419
1419
|
}
|
|
1420
1420
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1421
1421
|
}
|
|
1422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownContainerComponent, decorators: [{
|
|
1423
1423
|
type: Component,
|
|
1424
1424
|
args: [{
|
|
1425
1425
|
selector: 'ul[rlb-dropdown-menu], rlb-dropdown-container',
|
|
@@ -1462,8 +1462,8 @@ class DropdownMenuItemComponent {
|
|
|
1462
1462
|
this.link = input(undefined, { ...(ngDevMode ? { debugName: "link" } : /* istanbul ignore next */ {}), alias: 'link' });
|
|
1463
1463
|
this.textWrap = input(false, { ...(ngDevMode ? { debugName: "textWrap" } : /* istanbul ignore next */ {}), alias: 'text-wrap', transform: booleanAttribute });
|
|
1464
1464
|
}
|
|
1465
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1466
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1466
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: DropdownMenuItemComponent, isStandalone: true, selector: "li[rlb-dropdown-item]", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, divider: { classPropertyName: "divider", publicName: "divider", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, textWrap: { classPropertyName: "textWrap", publicName: "text-wrap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1467
1467
|
@if (!link() && !divider() && !header()) {
|
|
1468
1468
|
<span
|
|
1469
1469
|
class="dropdown-item "
|
|
@@ -1503,7 +1503,7 @@ class DropdownMenuItemComponent {
|
|
|
1503
1503
|
<ng-template #content><ng-content /></ng-template>
|
|
1504
1504
|
`, 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1505
1505
|
}
|
|
1506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownMenuItemComponent, decorators: [{
|
|
1507
1507
|
type: Component,
|
|
1508
1508
|
args: [{
|
|
1509
1509
|
selector: 'li[rlb-dropdown-item]',
|
|
@@ -1555,13 +1555,13 @@ class DropdownComponent {
|
|
|
1555
1555
|
constructor() {
|
|
1556
1556
|
this.direction = input('down', { ...(ngDevMode ? { debugName: "direction" } : /* istanbul ignore next */ {}), alias: 'direction' });
|
|
1557
1557
|
}
|
|
1558
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1559
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
1558
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1559
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: DropdownComponent, isStandalone: true, selector: "rlb-dropdown", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dropdown": "direction() === \"down\"", "class.dropdown-center": "direction() === \"down-center\"", "class.dropup": "direction() === \"up\" || direction() === \"up-center\"", "class.dropup-center": "direction() === \"up-center\"", "class.dropstart": "direction() === \"left\"", "class.dropend": "direction() === \"right\"" } }, ngImport: i0, template: `
|
|
1560
1560
|
<ng-content select="a[rlb-dropdown], button[rlb-dropdown]" />
|
|
1561
1561
|
<ng-content select="[rlb-dropdown-menu], rlb-dropdown-container" />
|
|
1562
1562
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1563
1563
|
}
|
|
1564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
1565
1565
|
type: Component,
|
|
1566
1566
|
args: [{
|
|
1567
1567
|
selector: 'rlb-dropdown',
|
|
@@ -1634,10 +1634,10 @@ class DropdownDirective {
|
|
|
1634
1634
|
this.listeners = [];
|
|
1635
1635
|
this._dropdown?.dispose();
|
|
1636
1636
|
}
|
|
1637
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1638
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
1637
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1638
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: DropdownDirective, isStandalone: true, selector: "a[rlb-dropdown], button[rlb-dropdown], span[rlb-badge][rlb-dropdown]", inputs: { offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "auto-close", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChanged: "status-changed" }, ngImport: i0 }); }
|
|
1639
1639
|
}
|
|
1640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DropdownDirective, decorators: [{
|
|
1641
1641
|
type: Directive,
|
|
1642
1642
|
args: [{ selector: 'a[rlb-dropdown], button[rlb-dropdown], span[rlb-badge][rlb-dropdown]' }]
|
|
1643
1643
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "auto-close", required: false }] }], statusChanged: [{ type: i0.Output, args: ["status-changed"] }] } });
|
|
@@ -1660,8 +1660,8 @@ class ProgressComponent {
|
|
|
1660
1660
|
return ((this.value() - this.min()) / (this.max() - this.min())) * 100;
|
|
1661
1661
|
}, ...(ngDevMode ? [{ debugName: "percentValue" }] : /* istanbul ignore next */ []));
|
|
1662
1662
|
}
|
|
1663
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1664
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1663
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1664
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ProgressComponent, isStandalone: true, selector: "rlb-progress", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, striped: { classPropertyName: "striped", publicName: "striped", isSignal: true, isRequired: false, transformFunction: null }, infinite: { classPropertyName: "infinite", publicName: "infinite", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "text-color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "attr.role": "progressbar", "aria-valuemin": "0" }, properties: { "attr.aria-valuenow": "percentValue()", "attr.aria-valuemax": "max()", "attr.aria-valuemin": "min()", "attr.aria-label": "ariaLabel()", "style.height.px": "height()" }, classAttribute: "progress" }, ngImport: i0, template: `
|
|
1665
1665
|
<div
|
|
1666
1666
|
class="progress-bar {{ color() && !infinite() ? 'bg-' + color() : '' }} {{
|
|
1667
1667
|
textColor() ? 'text-' + textColor() : ''
|
|
@@ -1685,7 +1685,7 @@ class ProgressComponent {
|
|
|
1685
1685
|
</div>
|
|
1686
1686
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1687
1687
|
}
|
|
1688
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ProgressComponent, decorators: [{
|
|
1689
1689
|
type: Component,
|
|
1690
1690
|
args: [{
|
|
1691
1691
|
selector: 'rlb-progress',
|
|
@@ -1733,12 +1733,12 @@ class SpinnerComponent {
|
|
|
1733
1733
|
this.color = input('primary', { ...(ngDevMode ? { debugName: "color" } : /* istanbul ignore next */ {}), alias: 'color' });
|
|
1734
1734
|
this.size = input('md', { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'size' });
|
|
1735
1735
|
}
|
|
1736
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1737
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
1736
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1737
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: SpinnerComponent, isStandalone: true, selector: "rlb-spinner", inputs: { style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "status" }, properties: { "class.spinner-border": "style() === \"border\"", "class.spinner-grow": "style() === \"grow\"", "class.spinner-border-sm": "size() === \"sm\" && style() === \"border\"", "class.spinner-grow-sm": "size() === \"sm\" && style() === \"grow\"", "class.spinner-border-lg": "size() === \"lg\" && style() === \"border\"", "class.spinner-grow-lg": "size() === \"lg\" && style() === \"grow\"", "class": "'text-'+color()" } }, ngImport: i0, template: `
|
|
1738
1738
|
<span class="visually-hidden">Loading...</span>
|
|
1739
1739
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1740
1740
|
}
|
|
1741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
1742
1742
|
type: Component,
|
|
1743
1743
|
args: [{
|
|
1744
1744
|
selector: 'rlb-spinner',
|
|
@@ -1784,10 +1784,10 @@ class BuilderComponent {
|
|
|
1784
1784
|
}
|
|
1785
1785
|
return null;
|
|
1786
1786
|
}
|
|
1787
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1788
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1787
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BuilderComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1788
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BuilderComponent }); }
|
|
1789
1789
|
}
|
|
1790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BuilderComponent, decorators: [{
|
|
1791
1791
|
type: Injectable
|
|
1792
1792
|
}], ctorParameters: () => [{ type: undefined }] });
|
|
1793
1793
|
|
|
@@ -1795,10 +1795,10 @@ class ComponentHostDirective {
|
|
|
1795
1795
|
constructor(viewContainerRef) {
|
|
1796
1796
|
this.viewContainerRef = viewContainerRef;
|
|
1797
1797
|
}
|
|
1798
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1799
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
1798
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ComponentHostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1799
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: ComponentHostDirective, isStandalone: true, selector: "[component-host]", ngImport: i0 }); }
|
|
1800
1800
|
}
|
|
1801
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1801
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ComponentHostDirective, decorators: [{
|
|
1802
1802
|
type: Directive,
|
|
1803
1803
|
args: [{ selector: '[component-host]' }]
|
|
1804
1804
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
|
|
@@ -1833,10 +1833,10 @@ class AbstractRegistryService {
|
|
|
1833
1833
|
'';
|
|
1834
1834
|
return val.replace(/[A-Z]/g, (char, index) => (index !== 0 ? '-' : '') + char.toLowerCase());
|
|
1835
1835
|
}
|
|
1836
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1837
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1836
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1837
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractRegistryService, providedIn: 'root' }); }
|
|
1838
1838
|
}
|
|
1839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1839
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractRegistryService, decorators: [{
|
|
1840
1840
|
type: Injectable,
|
|
1841
1841
|
args: [{
|
|
1842
1842
|
providedIn: 'root',
|
|
@@ -1844,10 +1844,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
1844
1844
|
}] });
|
|
1845
1845
|
|
|
1846
1846
|
class ModalRegistryOptions {
|
|
1847
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1848
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1847
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalRegistryOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1848
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalRegistryOptions, providedIn: 'root' }); }
|
|
1849
1849
|
}
|
|
1850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalRegistryOptions, decorators: [{
|
|
1851
1851
|
type: Injectable,
|
|
1852
1852
|
args: [{
|
|
1853
1853
|
providedIn: 'root',
|
|
@@ -1922,10 +1922,10 @@ class InnerModalService extends AbstractRegistryService {
|
|
|
1922
1922
|
modal?.subject.complete();
|
|
1923
1923
|
}
|
|
1924
1924
|
}
|
|
1925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1926
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1925
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InnerModalService, deps: [{ token: ModalRegistryOptions }, { token: i2.MediaMatcher }, { token: UniqueIdService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1926
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InnerModalService, providedIn: 'root' }); }
|
|
1927
1927
|
}
|
|
1928
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InnerModalService, decorators: [{
|
|
1929
1929
|
type: Injectable,
|
|
1930
1930
|
args: [{
|
|
1931
1931
|
providedIn: 'root',
|
|
@@ -1943,12 +1943,12 @@ class ModalContainerComponent extends BuilderComponent {
|
|
|
1943
1943
|
ngOnDestroy() {
|
|
1944
1944
|
this.modalService.removeBuilder(this.builderId());
|
|
1945
1945
|
}
|
|
1946
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1947
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
1946
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalContainerComponent, deps: [{ token: InnerModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1947
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: ModalContainerComponent, isStandalone: true, selector: "rlb-modal-container", inputs: { builderId: { classPropertyName: "builderId", publicName: "id", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "component", first: true, predicate: ComponentHostDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
1948
1948
|
<ng-template component-host></ng-template>
|
|
1949
1949
|
`, isInline: true, dependencies: [{ kind: "directive", type: ComponentHostDirective, selector: "[component-host]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1950
1950
|
}
|
|
1951
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1951
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalContainerComponent, decorators: [{
|
|
1952
1952
|
type: Component,
|
|
1953
1953
|
args: [{
|
|
1954
1954
|
selector: 'rlb-modal-container',
|
|
@@ -1977,10 +1977,10 @@ class BreakpointService {
|
|
|
1977
1977
|
get isMobile() {
|
|
1978
1978
|
return this.breakpointObserver.isMatched('(max-width: 992px)');
|
|
1979
1979
|
}
|
|
1980
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1981
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1980
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BreakpointService, deps: [{ token: i2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1981
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BreakpointService, providedIn: 'root' }); }
|
|
1982
1982
|
}
|
|
1983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BreakpointService, decorators: [{
|
|
1984
1984
|
type: Injectable,
|
|
1985
1985
|
args: [{
|
|
1986
1986
|
providedIn: 'root'
|
|
@@ -2144,10 +2144,10 @@ class ModalDirective {
|
|
|
2144
2144
|
});
|
|
2145
2145
|
}
|
|
2146
2146
|
}
|
|
2147
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2148
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
2147
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: InnerModalService }, { token: BreakpointService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2148
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: ModalDirective, isStandalone: true, selector: "[rlb-modal]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "data-instance", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "data-options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
2149
2149
|
}
|
|
2150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalDirective, decorators: [{
|
|
2151
2151
|
type: Directive,
|
|
2152
2152
|
args: [{
|
|
2153
2153
|
selector: '[rlb-modal]',
|
|
@@ -2184,10 +2184,10 @@ class ModalService {
|
|
|
2184
2184
|
type
|
|
2185
2185
|
}, options);
|
|
2186
2186
|
}
|
|
2187
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2188
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
2187
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalService, deps: [{ token: InnerModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2188
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalService, providedIn: 'root' }); }
|
|
2189
2189
|
}
|
|
2190
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ModalService, decorators: [{
|
|
2191
2191
|
type: Injectable,
|
|
2192
2192
|
args: [{
|
|
2193
2193
|
providedIn: 'root',
|
|
@@ -2210,8 +2210,8 @@ class NavItemComponent {
|
|
|
2210
2210
|
this.element = templateView.rootNodes[0];
|
|
2211
2211
|
this.viewContainerRef.element.nativeElement.remove();
|
|
2212
2212
|
}
|
|
2213
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2214
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
2213
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavItemComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2214
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavItemComponent, isStandalone: true, selector: "rlb-nav-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2215
2215
|
<ng-template #template>
|
|
2216
2216
|
<li class="nav-item {{ cssClass() }}">
|
|
2217
2217
|
<a
|
|
@@ -2228,7 +2228,7 @@ class NavItemComponent {
|
|
|
2228
2228
|
</ng-template>
|
|
2229
2229
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2230
2230
|
}
|
|
2231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavItemComponent, decorators: [{
|
|
2232
2232
|
type: Component,
|
|
2233
2233
|
args: [{
|
|
2234
2234
|
selector: 'rlb-nav-item',
|
|
@@ -2292,8 +2292,8 @@ class NavComponent {
|
|
|
2292
2292
|
this.element = templateView.rootNodes[0];
|
|
2293
2293
|
this.viewContainerRef.element.nativeElement.remove();
|
|
2294
2294
|
}
|
|
2295
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2296
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
2295
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2296
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavComponent, isStandalone: true, selector: "rlb-nav", inputs: { horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontal-alignment", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, pills: { classPropertyName: "pills", publicName: "pills", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2297
2297
|
<ng-template #template>
|
|
2298
2298
|
<ul
|
|
2299
2299
|
class="nav {{ cssClass() }}"
|
|
@@ -2311,7 +2311,7 @@ class NavComponent {
|
|
|
2311
2311
|
</ng-template>
|
|
2312
2312
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2313
2313
|
}
|
|
2314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavComponent, decorators: [{
|
|
2315
2315
|
type: Component,
|
|
2316
2316
|
args: [{
|
|
2317
2317
|
selector: 'rlb-nav',
|
|
@@ -2340,19 +2340,19 @@ class NavbarBrandDirective {
|
|
|
2340
2340
|
constructor(elementRef, renderer) {
|
|
2341
2341
|
renderer.addClass(elementRef.nativeElement, 'navbar-brand');
|
|
2342
2342
|
}
|
|
2343
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2344
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarBrandDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2344
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: NavbarBrandDirective, isStandalone: true, selector: "[rlb-navbar-brand]", ngImport: i0 }); }
|
|
2345
2345
|
}
|
|
2346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2346
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarBrandDirective, decorators: [{
|
|
2347
2347
|
type: Directive,
|
|
2348
2348
|
args: [{ selector: '[rlb-navbar-brand]' }]
|
|
2349
2349
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
|
|
2350
2350
|
|
|
2351
2351
|
class NavbarCustomItemsDirective {
|
|
2352
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2353
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
2352
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarCustomItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2353
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: NavbarCustomItemsDirective, isStandalone: true, selector: "[rlb-custom-navbar-items]", ngImport: i0 }); }
|
|
2354
2354
|
}
|
|
2355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarCustomItemsDirective, decorators: [{
|
|
2356
2356
|
type: Directive,
|
|
2357
2357
|
args: [{ selector: '[rlb-custom-navbar-items]', }]
|
|
2358
2358
|
}] });
|
|
@@ -2369,8 +2369,8 @@ class NavbarFormComponent {
|
|
|
2369
2369
|
this.element = templateView.rootNodes[0];
|
|
2370
2370
|
this.viewContainerRef.element.nativeElement.remove();
|
|
2371
2371
|
}
|
|
2372
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2373
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
2372
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarFormComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2373
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavbarFormComponent, isStandalone: true, selector: "rlb-navbar-form", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2374
2374
|
<ng-template #template>
|
|
2375
2375
|
<form
|
|
2376
2376
|
[attr.role]="role()"
|
|
@@ -2381,7 +2381,7 @@ class NavbarFormComponent {
|
|
|
2381
2381
|
</ng-template>
|
|
2382
2382
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2383
2383
|
}
|
|
2384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarFormComponent, decorators: [{
|
|
2385
2385
|
type: Component,
|
|
2386
2386
|
args: [{
|
|
2387
2387
|
selector: 'rlb-navbar-form',
|
|
@@ -2426,8 +2426,8 @@ class AvatarComponent {
|
|
|
2426
2426
|
this.element = templateView.rootNodes[0];
|
|
2427
2427
|
this.viewContainerRef.element.nativeElement.remove();
|
|
2428
2428
|
}
|
|
2429
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2430
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
2429
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AvatarComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2430
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: AvatarComponent, isStandalone: true, selector: "rlb-avatar", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2431
2431
|
<ng-template #template>
|
|
2432
2432
|
@if (src()) {
|
|
2433
2433
|
<img
|
|
@@ -2444,7 +2444,7 @@ class AvatarComponent {
|
|
|
2444
2444
|
</ng-template>
|
|
2445
2445
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2446
2446
|
}
|
|
2447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2447
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2448
2448
|
type: Component,
|
|
2449
2449
|
args: [{
|
|
2450
2450
|
selector: 'rlb-avatar',
|
|
@@ -2505,25 +2505,51 @@ class RlbFabComponent {
|
|
|
2505
2505
|
}
|
|
2506
2506
|
}, ...(ngDevMode ? [{ debugName: "sizeClass" }] : /* istanbul ignore next */ []));
|
|
2507
2507
|
}
|
|
2508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2509
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
2508
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2509
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: RlbFabComponent, isStandalone: true, selector: "rlb-fab", inputs: { color: { classPropertyName: "color", publicName: "color", 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 }, outline: { classPropertyName: "outline", publicName: "outline", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<button rlb-button [color]=\"color()\" [disabled]=\"disabled()\" [outline]=\"outline()\"\n class=\"fab-button d-flex align-items-center justify-content-center\" [class]=\"[sizeClass(), positionClass()]\">\n <ng-content></ng-content>\n</button>", styles: [".fab-button{border-radius:50%;box-shadow:0 4px 12px #00000040;z-index:1050;transition:transform .2s ease,box-shadow .2s ease;padding:0}.fab-button:hover{transform:scale(1.08);box-shadow:0 6px 18px #00000059}.fab-button:active{transform:scale(.95)}:host{width:fit-content;display:block}.fab-xs{width:32px;height:32px;font-size:1rem}.fab-sm{width:44px;height:44px;font-size:1.2rem}.fab-md{width:56px;height:56px;font-size:1.4rem}.fab-lg{width:68px;height:68px;font-size:1.7rem}.fab-bottom-right{bottom:24px;right:24px}.fab-bottom-left{bottom:24px;left:24px}.fab-top-right{top:24px;right:24px}.fab-top-left{top:24px;left:24px}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2510
2510
|
}
|
|
2511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbFabComponent, decorators: [{
|
|
2512
2512
|
type: Component,
|
|
2513
2513
|
args: [{ selector: 'rlb-fab', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent], template: "<button rlb-button [color]=\"color()\" [disabled]=\"disabled()\" [outline]=\"outline()\"\n class=\"fab-button d-flex align-items-center justify-content-center\" [class]=\"[sizeClass(), positionClass()]\">\n <ng-content></ng-content>\n</button>", styles: [".fab-button{border-radius:50%;box-shadow:0 4px 12px #00000040;z-index:1050;transition:transform .2s ease,box-shadow .2s ease;padding:0}.fab-button:hover{transform:scale(1.08);box-shadow:0 6px 18px #00000059}.fab-button:active{transform:scale(.95)}:host{width:fit-content;display:block}.fab-xs{width:32px;height:32px;font-size:1rem}.fab-sm{width:44px;height:44px;font-size:1.2rem}.fab-md{width:56px;height:56px;font-size:1.4rem}.fab-lg{width:68px;height:68px;font-size:1.7rem}.fab-bottom-right{bottom:24px;right:24px}.fab-bottom-left{bottom:24px;left:24px}.fab-top-right{top:24px;right:24px}.fab-top-left{top:24px;left:24px}\n"] }]
|
|
2514
2514
|
}], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], outline: [{ type: i0.Input, args: [{ isSignal: true, alias: "outline", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
|
|
2515
2515
|
|
|
2516
|
+
const MS_PER_DAY = 86_400_000;
|
|
2517
|
+
/**
|
|
2518
|
+
* NOTE on date-tz: the getters (`.hour`, `.minute`, `.day`, `.dayOfWeek`, ...)
|
|
2519
|
+
* and `toString()` are timezone-aware (they add `timezoneOffset` to the raw
|
|
2520
|
+
* timestamp), but the mutators `set()`, `add()` and `stripSecMillis()` are
|
|
2521
|
+
* timezone-NAIVE — they decompose/recompose the raw timestamp as if it were
|
|
2522
|
+
* UTC. So `set(0, 'hour')` zeroes the UTC hour, not the local one.
|
|
2523
|
+
*
|
|
2524
|
+
* For calendar layout we need timezone-aware day math, so the helpers below
|
|
2525
|
+
* derive day boundaries and intra-day offsets from the tz-aware side of the
|
|
2526
|
+
* library instead of from `set()/add()`.
|
|
2527
|
+
*/
|
|
2516
2528
|
/** Returns the IANA timezone resolved from the browser/runtime. */
|
|
2517
2529
|
function getBrowserTimezone() {
|
|
2518
2530
|
return Intl.DateTimeFormat().resolvedOptions().timeZone;
|
|
2519
2531
|
}
|
|
2532
|
+
/** Epoch ms of local midnight (in `timezone`) of the day containing `d`. */
|
|
2533
|
+
function startOfDayTs(d, timezone) {
|
|
2534
|
+
const local = d.cloneToTimezone(timezone);
|
|
2535
|
+
const localMs = local.timestamp + local.timezoneOffset;
|
|
2536
|
+
return Math.floor(localMs / MS_PER_DAY) * MS_PER_DAY - local.timezoneOffset;
|
|
2537
|
+
}
|
|
2538
|
+
/** Minutes elapsed since local midnight (in `timezone`) for `d`. */
|
|
2539
|
+
function minutesSinceMidnight(d, timezone) {
|
|
2540
|
+
const local = d.cloneToTimezone(timezone);
|
|
2541
|
+
return local.hour * 60 + local.minute;
|
|
2542
|
+
}
|
|
2543
|
+
/** Local-midnight instance (in `timezone`) for the day at index `offsetDays` from `d`. */
|
|
2544
|
+
function dayAt(d, timezone, offsetDays = 0) {
|
|
2545
|
+
const baseMidnight = startOfDayTs(d, timezone);
|
|
2546
|
+
// Re-floor after the raw day shift so DST transitions can't drift the result.
|
|
2547
|
+
const shifted = new DateTz(baseMidnight + offsetDays * MS_PER_DAY, timezone);
|
|
2548
|
+
return new DateTz(startOfDayTs(shifted, timezone), timezone);
|
|
2549
|
+
}
|
|
2520
2550
|
function isSameDay(a, b, timezone) {
|
|
2521
2551
|
const tz = timezone ?? getBrowserTimezone();
|
|
2522
|
-
|
|
2523
|
-
const db = b.cloneToTimezone(tz);
|
|
2524
|
-
return da.year === db.year &&
|
|
2525
|
-
da.month === db.month &&
|
|
2526
|
-
da.day === db.day;
|
|
2552
|
+
return startOfDayTs(a, tz) === startOfDayTs(b, tz);
|
|
2527
2553
|
}
|
|
2528
2554
|
function addDays(date, days) {
|
|
2529
2555
|
return new DateTz(date.add(days, 'day'));
|
|
@@ -2532,17 +2558,9 @@ function startOfMonth(date) {
|
|
|
2532
2558
|
const d = new DateTz(date);
|
|
2533
2559
|
return d.set(1, 'day');
|
|
2534
2560
|
}
|
|
2535
|
-
// export function endOfMonth(date: IDateTz): DateTz {
|
|
2536
|
-
// const d = new DateTz(date.timestamp, 'UTC');
|
|
2537
|
-
// return d.add(1, 'month').set(1, 'day').add(-1, 'day');
|
|
2538
|
-
// }
|
|
2539
2561
|
function isToday(date, timezone) {
|
|
2540
2562
|
const tz = timezone ?? getBrowserTimezone();
|
|
2541
|
-
|
|
2542
|
-
const today = getToday(tz);
|
|
2543
|
-
return d.year === today.year &&
|
|
2544
|
-
d.month === today.month &&
|
|
2545
|
-
d.day === today.day;
|
|
2563
|
+
return startOfDayTs(date, tz) === startOfDayTs(getToday(tz), tz);
|
|
2546
2564
|
}
|
|
2547
2565
|
function getToday(timezone) {
|
|
2548
2566
|
return DateTz.now(timezone ?? getBrowserTimezone());
|
|
@@ -2559,10 +2577,10 @@ class DateTzPipe {
|
|
|
2559
2577
|
return '';
|
|
2560
2578
|
return `${value.toString?.(format) || ''}${tz ? ' (' + value.timezone + ')' : ''}`;
|
|
2561
2579
|
}
|
|
2562
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2563
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
2580
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DateTzPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2581
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: DateTzPipe, isStandalone: true, name: "dtz" }); }
|
|
2564
2582
|
}
|
|
2565
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DateTzPipe, decorators: [{
|
|
2566
2584
|
type: Pipe,
|
|
2567
2585
|
args: [{ name: 'dtz' }]
|
|
2568
2586
|
}] });
|
|
@@ -2590,10 +2608,10 @@ class DayOfWeekPipe {
|
|
|
2590
2608
|
return '';
|
|
2591
2609
|
}
|
|
2592
2610
|
}
|
|
2593
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2594
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
2611
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DayOfWeekPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2612
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: DayOfWeekPipe, isStandalone: true, name: "dayOfWeek" }); }
|
|
2595
2613
|
}
|
|
2596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DayOfWeekPipe, decorators: [{
|
|
2597
2615
|
type: Pipe,
|
|
2598
2616
|
args: [{ name: 'dayOfWeek' }]
|
|
2599
2617
|
}] });
|
|
@@ -2652,10 +2670,10 @@ class CalendarEventComponent {
|
|
|
2652
2670
|
this.eventClick.emit(event);
|
|
2653
2671
|
}
|
|
2654
2672
|
}
|
|
2655
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2656
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
2673
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarEventComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2674
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarEventComponent, isStandalone: true, selector: "rlb-calendar-event", inputs: { event: { classPropertyName: "event", publicName: "event", isSignal: true, isRequired: true, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { eventClick: "event-click", eventContainerClick: "event-container-click" }, ngImport: i0, template: "<div [ngClass]=\"classes()\" (click)=\"onClick($event)\">\n\n @if (!event().isOverflowIndicator) {\n <strong>{{ event().title }}</strong>\n <div class=\"small opacity-75\">\n {{ event().start | dtz:'HH:mm' }} - {{ event().end | dtz:'HH:mm' }}\n </div>\n }\n\n @if (event().isOverflowIndicator) {\n +{{ event().overlapCount }} more\n }\n</div>", styles: [":host{display:block;height:100%;overflow:hidden;border-radius:var(--bs-border-radius-sm);padding:0 1px;box-sizing:border-box;transition:box-shadow .2s}:host:hover{z-index:50;box-shadow:0 .5rem 1rem #00000026!important}.calendar-event{height:100%;width:100%;padding:2px 4px;font-size:.75rem;line-height:1.2;border-radius:var(--bs-border-radius-sm);cursor:pointer}.calendar-event.overflow-indicator{display:flex;align-items:center;justify-content:center;font-weight:600;border-style:dashed!important}.calendar-event.mode-week{height:100%;padding:2px 4px;font-size:.75rem;line-height:1.2}.calendar-event.mode-month{height:20px!important;padding:0 4px;line-height:20px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.mode-month.rounded-bottom-0{border-bottom-right-radius:0;border-bottom-left-radius:0}.calendar-event.mode-month.rounded-top-0{border-top-right-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: DateTzPipe, name: "dtz" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2657
2675
|
}
|
|
2658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarEventComponent, decorators: [{
|
|
2659
2677
|
type: Component,
|
|
2660
2678
|
args: [{ selector: 'rlb-calendar-event', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, DateTzPipe], template: "<div [ngClass]=\"classes()\" (click)=\"onClick($event)\">\n\n @if (!event().isOverflowIndicator) {\n <strong>{{ event().title }}</strong>\n <div class=\"small opacity-75\">\n {{ event().start | dtz:'HH:mm' }} - {{ event().end | dtz:'HH:mm' }}\n </div>\n }\n\n @if (event().isOverflowIndicator) {\n +{{ event().overlapCount }} more\n }\n</div>", styles: [":host{display:block;height:100%;overflow:hidden;border-radius:var(--bs-border-radius-sm);padding:0 1px;box-sizing:border-box;transition:box-shadow .2s}:host:hover{z-index:50;box-shadow:0 .5rem 1rem #00000026!important}.calendar-event{height:100%;width:100%;padding:2px 4px;font-size:.75rem;line-height:1.2;border-radius:var(--bs-border-radius-sm);cursor:pointer}.calendar-event.overflow-indicator{display:flex;align-items:center;justify-content:center;font-weight:600;border-style:dashed!important}.calendar-event.mode-week{height:100%;padding:2px 4px;font-size:.75rem;line-height:1.2}.calendar-event.mode-month{height:20px!important;padding:0 4px;line-height:20px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event.mode-month.rounded-bottom-0{border-bottom-right-radius:0;border-bottom-left-radius:0}.calendar-event.mode-month.rounded-top-0{border-top-right-radius:0;border-top-left-radius:0}\n"] }]
|
|
2661
2679
|
}], propDecorators: { event: [{ type: i0.Input, args: [{ isSignal: true, alias: "event", required: true }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: true }] }], eventClick: [{ type: i0.Output, args: ["event-click"] }], eventContainerClick: [{ type: i0.Output, args: ["event-container-click"] }] } });
|
|
@@ -2733,13 +2751,12 @@ class CalendarWeekGridComponent {
|
|
|
2733
2751
|
const rawMinutesFromStart = (newTopPx / this.layout().rowHeight) * 60;
|
|
2734
2752
|
const snappedMinutes = Math.round(rawMinutesFromStart / this.SNAP_MINUTES) * this.SNAP_MINUTES;
|
|
2735
2753
|
const validMinutes = Math.max(0, snappedMinutes);
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
.stripSecMillis();
|
|
2754
|
+
// Local midnight of the target day + dropped offset (tz-aware).
|
|
2755
|
+
const tz = this.timezone();
|
|
2756
|
+
const newStartTs = startOfDayTs(newDay, tz) + validMinutes * 60 * 1000;
|
|
2757
|
+
const newStart = new DateTz$1(newStartTs, tz).stripSecMillis();
|
|
2741
2758
|
const durationMs = movedEvent.end.timestamp - movedEvent.start.timestamp;
|
|
2742
|
-
const newEnd = new DateTz$1(newStart.timestamp + durationMs,
|
|
2759
|
+
const newEnd = new DateTz$1(newStart.timestamp + durationMs, tz).stripSecMillis();
|
|
2743
2760
|
if (newStart.timestamp !== movedEvent.start.timestamp) {
|
|
2744
2761
|
const updatedEvent = {
|
|
2745
2762
|
...movedEvent,
|
|
@@ -2750,13 +2767,10 @@ class CalendarWeekGridComponent {
|
|
|
2750
2767
|
}
|
|
2751
2768
|
}
|
|
2752
2769
|
getEventsForDay(day) {
|
|
2753
|
-
|
|
2754
|
-
return this.processedEvents().get(dayTs) || [];
|
|
2770
|
+
return this.processedEvents().get(startOfDayTs(day, this.timezone())) || [];
|
|
2755
2771
|
}
|
|
2756
2772
|
calculateEventTop(event) {
|
|
2757
|
-
const
|
|
2758
|
-
const diffMs = event.start.timestamp - startOfDay.timestamp;
|
|
2759
|
-
const diffMinutes = diffMs / (1000 * 60);
|
|
2773
|
+
const diffMinutes = minutesSinceMidnight(event.start, this.timezone());
|
|
2760
2774
|
return (diffMinutes / 60) * this.layout().rowHeight;
|
|
2761
2775
|
}
|
|
2762
2776
|
calculateEventHeight(event) {
|
|
@@ -2803,16 +2817,13 @@ class CalendarWeekGridComponent {
|
|
|
2803
2817
|
return `var(--bs-${interval.color || 'success'})`;
|
|
2804
2818
|
}
|
|
2805
2819
|
buildWeekGrid(currentDate) {
|
|
2806
|
-
const
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
.set(0, 'hour')
|
|
2811
|
-
.set(0, 'minute')
|
|
2812
|
-
.stripSecMillis();
|
|
2820
|
+
const tz = this.timezone();
|
|
2821
|
+
const dayOfWeek = currentDate.cloneToTimezone(tz).dayOfWeek; // 0 = Sunday, 1 = Monday ...
|
|
2822
|
+
// Offset (in days) from currentDate back to the week's Monday.
|
|
2823
|
+
const mondayOffset = 1 - dayOfWeek; // Sun(0) -> +1, Mon(1) -> 0, Tue(2) -> -1 ...
|
|
2813
2824
|
const newDays = [];
|
|
2814
2825
|
for (let i = 0; i < 7; i++) {
|
|
2815
|
-
newDays.push(
|
|
2826
|
+
newDays.push(dayAt(currentDate, tz, mondayOffset + i));
|
|
2816
2827
|
}
|
|
2817
2828
|
this.days.set(newDays);
|
|
2818
2829
|
this.startNowTimer();
|
|
@@ -2833,37 +2844,32 @@ class CalendarWeekGridComponent {
|
|
|
2833
2844
|
}
|
|
2834
2845
|
processAllEvents(events) {
|
|
2835
2846
|
const eventsByDay = new Map();
|
|
2847
|
+
const tz = this.timezone();
|
|
2836
2848
|
for (const event of events) {
|
|
2837
|
-
const
|
|
2838
|
-
const
|
|
2839
|
-
let
|
|
2840
|
-
while (
|
|
2841
|
-
const
|
|
2842
|
-
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
const chunkEndTimestamp = Math.min(originalEnd.timestamp, startOfNextDay.timestamp);
|
|
2847
|
-
const chunkEnd = new DateTz$1(chunkEndTimestamp);
|
|
2848
|
-
const currentDayStart = new DateTz$1(currentChunkStart)
|
|
2849
|
-
.set(0, 'hour')
|
|
2850
|
-
.set(0, 'minute')
|
|
2851
|
-
.stripSecMillis();
|
|
2852
|
-
const dayTimestamp = currentDayStart.timestamp;
|
|
2849
|
+
const originalStartTs = new DateTz$1(event.start).stripSecMillis().timestamp;
|
|
2850
|
+
const originalEndTs = new DateTz$1(event.end).stripSecMillis().timestamp;
|
|
2851
|
+
let chunkStartTs = originalStartTs;
|
|
2852
|
+
while (chunkStartTs < originalEndTs) {
|
|
2853
|
+
const chunkInst = new DateTz$1(chunkStartTs, tz);
|
|
2854
|
+
// tz-aware day boundaries (set()/add() would be UTC-naive here).
|
|
2855
|
+
const dayStartTs = startOfDayTs(chunkInst, tz);
|
|
2856
|
+
const startOfNextDayTs = dayAt(chunkInst, tz, 1).timestamp;
|
|
2857
|
+
const chunkEndTs = Math.min(originalEndTs, startOfNextDayTs);
|
|
2853
2858
|
const visualEvent = {
|
|
2854
2859
|
...event,
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2860
|
+
// Chunks live in the calendar timezone, so labels and positions agree.
|
|
2861
|
+
start: new DateTz$1(chunkStartTs, tz),
|
|
2862
|
+
end: new DateTz$1(chunkEndTs, tz),
|
|
2863
|
+
isContinuedBefore: chunkStartTs > originalStartTs,
|
|
2864
|
+
isContinuedAfter: chunkEndTs < originalEndTs,
|
|
2859
2865
|
left: 0,
|
|
2860
2866
|
width: 0
|
|
2861
2867
|
};
|
|
2862
|
-
if (!eventsByDay.has(
|
|
2863
|
-
eventsByDay.set(
|
|
2868
|
+
if (!eventsByDay.has(dayStartTs)) {
|
|
2869
|
+
eventsByDay.set(dayStartTs, []);
|
|
2864
2870
|
}
|
|
2865
|
-
eventsByDay.get(
|
|
2866
|
-
|
|
2871
|
+
eventsByDay.get(dayStartTs).push(visualEvent);
|
|
2872
|
+
chunkStartTs = startOfNextDayTs;
|
|
2867
2873
|
}
|
|
2868
2874
|
}
|
|
2869
2875
|
const newProcessedEvents = new Map();
|
|
@@ -2996,10 +3002,10 @@ class CalendarWeekGridComponent {
|
|
|
2996
3002
|
return idA.localeCompare(idB);
|
|
2997
3003
|
});
|
|
2998
3004
|
}
|
|
2999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3000
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarWeekGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3006
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarWeekGridComponent, isStandalone: true, selector: "rlb-calendar-week-grid", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: true, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: true, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, intervals: { classPropertyName: "intervals", publicName: "intervals", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { eventClick: "event-click", eventContainerClick: "event-container-click", eventChange: "event-change" }, viewQueries: [{ propertyName: "scrollBodyRef", first: true, predicate: ["scrollBody"], descendants: true, isSignal: true }, { propertyName: "headerRowRef", first: true, predicate: ["headerRow"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"calendar-wrapper d-flex flex-column\">\n\n <!-- HEADER WRAPPER -->\n <div #headerRow class=\"header-container overflow-hidden flex-shrink-0 border-bottom bg-body-tertiary\"\n [style.padding-right.px]=\"scrollbarWidth()\">\n\n <div class=\"header-row d-flex\" [style.min-height.rem]=\"layout().minHeaderHeight\">\n\n <div class=\"time-gutter border-end flex-shrink-0\"></div>\n\n <div class=\"days-header d-flex flex-grow-1\">\n @for (day of days(); track day.timestamp) {\n <div class=\"day-cell text-center p-2 border-end\" [class.text-primary]=\"isToday(day)\"\n [class.fw-bold]=\"isToday(day)\" [class.bg-primary]=\"isToday(day)\">\n <div class=\"small text-uppercase text-body-secondary\">{{ day | dayOfWeek: 'short' }}</div>\n <div class=\"h5 m-0\">{{ day | dtz:'DD' }}</div>\n </div>\n }\n </div>\n </div>\n </div>\n\n <!-- BODY WRAPPER -->\n <div #scrollBody class=\"calendar-body flex-grow-1 overflow-auto bg-body position-relative\"\n (scroll)=\"onBodyScroll($event)\" [style.max-height.rem]=\"layout().maxBodyHeight\">\n\n <div class=\"body-row d-flex position-relative\">\n\n <!-- SIDEBAR (Sticky Left) -->\n <div class=\"time-sidebar sticky-start flex-shrink-0 border-end\">\n @for (time of timeSlots(); track time; let i = $index) {\n <div class=\"time-slot-label small text-body-secondary d-flex align-items-start justify-content-center\"\n [style.height.px]=\"layout().rowHeight\">\n @if (i !== 0) {\n <span style=\"transform: translateY(-50%)\">\n {{ time }}\n </span>\n }\n </div>\n }\n </div>\n\n <!-- GRID AND EVENTS -->\n <div class=\"grid-layer flex-grow-1 position-relative\">\n\n <!-- LAYER 1: Grid -->\n <div class=\"background-grid position-absolute w-100 h-100 top-0 start-0 z-0\">\n @for (time of timeSlots(); track time) {\n <div class=\"grid-row border-bottom\" [style.height.px]=\"layout().rowHeight\">\n </div>\n }\n </div>\n\n <!-- Layer 1.5: Intervals (background highlights) -->\n <div class=\"intervals-container d-flex h-100 w-100 position-absolute top-0 start-0 z-0\" style=\"z-index: 0; pointer-events: none;\">\n @for (day of days(); track day.timestamp) {\n <div class=\"day-column position-relative border-end h-100\">\n @for (interval of getIntervalsForDay(day); track $index) {\n <div class=\"calendar-interval position-absolute w-100\"\n [style.top.px]=\"getIntervalTop(interval)\"\n [style.height.px]=\"getIntervalHeight(interval)\"\n [style.background-color]=\"getIntervalColor(interval)\">\n </div>\n }\n </div>\n }\n </div>\n\n <!-- Layer 2: Events -->\n <div class=\"events-container d-flex h-100 w-100 position-relative z-1\" cdkDropListGroup>\n @for (day of days(); track day.timestamp) {\n <div class=\"day-column position-relative border-end h-100\" cdkDropList [cdkDropListSortingDisabled]=\"true\"\n [cdkDropListData]=\"day\" (cdkDropListDropped)=\"onEventDrop($event)\" (click)=\"eventClick.emit(undefined)\">\n @for (event of getEventsForDay(day); track trackByEventId($index, event)) {\n <rlb-calendar-event [view]=\"view()\" [event]=\"event\" [style.top.px]=\"calculateEventTop(event)\"\n [style.height.px]=\"calculateEventHeight(event)\" [style.left.%]=\"event.left\" [style.width.%]=\"event.width\"\n (event-click)=\"eventClick.emit($event)\" (event-container-click)=\"eventContainerClick.emit($event)\" cdkDrag\n [cdkDragData]=\"event\" [cdkDragDisabled]=\"event.isOverflowIndicator\" class=\"position-absolute\">\n <div *cdkDragPlaceholder style=\"opacity: 0\"></div>\n </rlb-calendar-event>\n }\n @if (isToday(day)) {\n <div class=\"now-line\" [style.top.px]=\"getNowTop()\">\n </div>\n }\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{display:block;height:100%}.calendar-wrapper{background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden;height:100%}.header-container{background-color:var(--bs-body-bg);z-index:102;box-shadow:0 4px 6px -4px #0000001a}.header-row{width:fit-content;min-width:100%}.time-gutter{width:60px;border-color:var(--bs-border-color)!important}.day-cell{border-color:var(--bs-border-color)!important;flex:1 1 0px;width:0;min-width:120px;overflow:hidden}.day-cell:last-child{border-right:none!important}.calendar-body{scroll-behavior:auto}.body-row{width:fit-content;min-width:100%}.sticky-start{position:sticky;left:0;z-index:50;background-color:var(--bs-body-bg)}.time-sidebar{width:60px;border-color:var(--bs-border-color)!important}.grid-row{border-color:var(--bs-border-color)!important;box-sizing:border-box}.grid-row:after{content:\"\";position:absolute;width:100%;border-bottom:1px dotted currentColor;opacity:.15;top:50%;left:0;pointer-events:none}.day-column{border-color:var(--bs-border-color)!important;flex:1 1 0px;width:0;min-width:120px}.day-column:last-child{border-right:none!important}.now-line{position:absolute;left:0;right:0;height:2px;background-color:var(--bs-danger);z-index:10;pointer-events:none}.now-line:before{content:\"\";position:absolute;left:-5px;top:-4px;width:10px;height:10px;background-color:var(--bs-danger);border-radius:50%}.calendar-interval{opacity:.1;pointer-events:none;border-radius:0}.intervals-container .day-column{flex:1 1 0px;width:0;min-width:120px}.intervals-container .day-column:last-child{border-right:none!important}.z-0{z-index:0}.z-1{z-index:1}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CalendarEventComponent, selector: "rlb-calendar-event", inputs: ["event", "view"], outputs: ["event-click", "event-container-click"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "pipe", type: DateTzPipe, name: "dtz" }, { kind: "pipe", type: DayOfWeekPipe, name: "dayOfWeek" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3001
3007
|
}
|
|
3002
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarWeekGridComponent, decorators: [{
|
|
3003
3009
|
type: Component,
|
|
3004
3010
|
args: [{ selector: 'rlb-calendar-week-grid', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkDropListGroup, CdkDropList, CalendarEventComponent, CdkDrag, CdkDragPlaceholder, DateTzPipe, DayOfWeekPipe], template: "<div class=\"calendar-wrapper d-flex flex-column\">\n\n <!-- HEADER WRAPPER -->\n <div #headerRow class=\"header-container overflow-hidden flex-shrink-0 border-bottom bg-body-tertiary\"\n [style.padding-right.px]=\"scrollbarWidth()\">\n\n <div class=\"header-row d-flex\" [style.min-height.rem]=\"layout().minHeaderHeight\">\n\n <div class=\"time-gutter border-end flex-shrink-0\"></div>\n\n <div class=\"days-header d-flex flex-grow-1\">\n @for (day of days(); track day.timestamp) {\n <div class=\"day-cell text-center p-2 border-end\" [class.text-primary]=\"isToday(day)\"\n [class.fw-bold]=\"isToday(day)\" [class.bg-primary]=\"isToday(day)\">\n <div class=\"small text-uppercase text-body-secondary\">{{ day | dayOfWeek: 'short' }}</div>\n <div class=\"h5 m-0\">{{ day | dtz:'DD' }}</div>\n </div>\n }\n </div>\n </div>\n </div>\n\n <!-- BODY WRAPPER -->\n <div #scrollBody class=\"calendar-body flex-grow-1 overflow-auto bg-body position-relative\"\n (scroll)=\"onBodyScroll($event)\" [style.max-height.rem]=\"layout().maxBodyHeight\">\n\n <div class=\"body-row d-flex position-relative\">\n\n <!-- SIDEBAR (Sticky Left) -->\n <div class=\"time-sidebar sticky-start flex-shrink-0 border-end\">\n @for (time of timeSlots(); track time; let i = $index) {\n <div class=\"time-slot-label small text-body-secondary d-flex align-items-start justify-content-center\"\n [style.height.px]=\"layout().rowHeight\">\n @if (i !== 0) {\n <span style=\"transform: translateY(-50%)\">\n {{ time }}\n </span>\n }\n </div>\n }\n </div>\n\n <!-- GRID AND EVENTS -->\n <div class=\"grid-layer flex-grow-1 position-relative\">\n\n <!-- LAYER 1: Grid -->\n <div class=\"background-grid position-absolute w-100 h-100 top-0 start-0 z-0\">\n @for (time of timeSlots(); track time) {\n <div class=\"grid-row border-bottom\" [style.height.px]=\"layout().rowHeight\">\n </div>\n }\n </div>\n\n <!-- Layer 1.5: Intervals (background highlights) -->\n <div class=\"intervals-container d-flex h-100 w-100 position-absolute top-0 start-0 z-0\" style=\"z-index: 0; pointer-events: none;\">\n @for (day of days(); track day.timestamp) {\n <div class=\"day-column position-relative border-end h-100\">\n @for (interval of getIntervalsForDay(day); track $index) {\n <div class=\"calendar-interval position-absolute w-100\"\n [style.top.px]=\"getIntervalTop(interval)\"\n [style.height.px]=\"getIntervalHeight(interval)\"\n [style.background-color]=\"getIntervalColor(interval)\">\n </div>\n }\n </div>\n }\n </div>\n\n <!-- Layer 2: Events -->\n <div class=\"events-container d-flex h-100 w-100 position-relative z-1\" cdkDropListGroup>\n @for (day of days(); track day.timestamp) {\n <div class=\"day-column position-relative border-end h-100\" cdkDropList [cdkDropListSortingDisabled]=\"true\"\n [cdkDropListData]=\"day\" (cdkDropListDropped)=\"onEventDrop($event)\" (click)=\"eventClick.emit(undefined)\">\n @for (event of getEventsForDay(day); track trackByEventId($index, event)) {\n <rlb-calendar-event [view]=\"view()\" [event]=\"event\" [style.top.px]=\"calculateEventTop(event)\"\n [style.height.px]=\"calculateEventHeight(event)\" [style.left.%]=\"event.left\" [style.width.%]=\"event.width\"\n (event-click)=\"eventClick.emit($event)\" (event-container-click)=\"eventContainerClick.emit($event)\" cdkDrag\n [cdkDragData]=\"event\" [cdkDragDisabled]=\"event.isOverflowIndicator\" class=\"position-absolute\">\n <div *cdkDragPlaceholder style=\"opacity: 0\"></div>\n </rlb-calendar-event>\n }\n @if (isToday(day)) {\n <div class=\"now-line\" [style.top.px]=\"getNowTop()\">\n </div>\n }\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{display:block;height:100%}.calendar-wrapper{background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden;height:100%}.header-container{background-color:var(--bs-body-bg);z-index:102;box-shadow:0 4px 6px -4px #0000001a}.header-row{width:fit-content;min-width:100%}.time-gutter{width:60px;border-color:var(--bs-border-color)!important}.day-cell{border-color:var(--bs-border-color)!important;flex:1 1 0px;width:0;min-width:120px;overflow:hidden}.day-cell:last-child{border-right:none!important}.calendar-body{scroll-behavior:auto}.body-row{width:fit-content;min-width:100%}.sticky-start{position:sticky;left:0;z-index:50;background-color:var(--bs-body-bg)}.time-sidebar{width:60px;border-color:var(--bs-border-color)!important}.grid-row{border-color:var(--bs-border-color)!important;box-sizing:border-box}.grid-row:after{content:\"\";position:absolute;width:100%;border-bottom:1px dotted currentColor;opacity:.15;top:50%;left:0;pointer-events:none}.day-column{border-color:var(--bs-border-color)!important;flex:1 1 0px;width:0;min-width:120px}.day-column:last-child{border-right:none!important}.now-line{position:absolute;left:0;right:0;height:2px;background-color:var(--bs-danger);z-index:10;pointer-events:none}.now-line:before{content:\"\";position:absolute;left:-5px;top:-4px;width:10px;height:10px;background-color:var(--bs-danger);border-radius:50%}.calendar-interval{opacity:.1;pointer-events:none;border-radius:0}.intervals-container .day-column{flex:1 1 0px;width:0;min-width:120px}.intervals-container .day-column:last-child{border-right:none!important}.z-0{z-index:0}.z-1{z-index:1}\n"] }]
|
|
3005
3011
|
}], ctorParameters: () => [], propDecorators: { view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: true }] }], currentDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentDate", required: true }] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], intervals: [{ type: i0.Input, args: [{ isSignal: true, alias: "intervals", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: true }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: true }] }], eventClick: [{ type: i0.Output, args: ["event-click"] }], eventContainerClick: [{ type: i0.Output, args: ["event-container-click"] }], eventChange: [{ type: i0.Output, args: ["event-change"] }], scrollBodyRef: [{ type: i0.ViewChild, args: ['scrollBody', { isSignal: true }] }], headerRowRef: [{ type: i0.ViewChild, args: ['headerRow', { isSignal: true }] }] } });
|
|
@@ -3079,21 +3085,18 @@ class CalendarMonthGridComponent {
|
|
|
3079
3085
|
}
|
|
3080
3086
|
// --- Core Logic ---
|
|
3081
3087
|
buildMonthGrid() {
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3087
|
-
|
|
3088
|
-
|
|
3088
|
+
const tz = this.timezone();
|
|
3089
|
+
// 1. Calculate Grid Boundaries (tz-aware; set()/add() would be UTC-naive)
|
|
3090
|
+
const current = this.currentDate().cloneToTimezone(tz);
|
|
3091
|
+
// First day of the month at local midnight
|
|
3092
|
+
const firstOfMonth = dayAt(current, tz, -(current.day - 1));
|
|
3093
|
+
// Calculate offset to find the start of the grid (Monday-first)
|
|
3094
|
+
const dayOfWeek = firstOfMonth.dayOfWeek; // 0 = Sun, 1 = Mon...
|
|
3089
3095
|
const offset = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
|
|
3090
|
-
const gridStart = new DateTz(startOfMonth).add(-offset, 'day');
|
|
3091
3096
|
// 2. Generate Days
|
|
3092
3097
|
const days = [];
|
|
3093
|
-
let iter = new DateTz(gridStart);
|
|
3094
3098
|
for (let i = 0; i < DAYS_IN_GRID; i++) {
|
|
3095
|
-
days.push(
|
|
3096
|
-
iter = new DateTz(iter).add(1, 'day');
|
|
3099
|
+
days.push(dayAt(firstOfMonth, tz, i - offset));
|
|
3097
3100
|
}
|
|
3098
3101
|
// Header is just the first week
|
|
3099
3102
|
this.weekDaysHeader.set(days.slice(0, 7));
|
|
@@ -3148,6 +3151,7 @@ class CalendarMonthGridComponent {
|
|
|
3148
3151
|
* Places events into rows so that long events maintain their vertical position across days.
|
|
3149
3152
|
*/
|
|
3150
3153
|
calculateEventSlots(days, events) {
|
|
3154
|
+
const tz = this.timezone();
|
|
3151
3155
|
const dayMap = new Map();
|
|
3152
3156
|
days.forEach(d => dayMap.set(d.timestamp, []));
|
|
3153
3157
|
// Sort: Longest events first, then by start time
|
|
@@ -3161,25 +3165,18 @@ class CalendarMonthGridComponent {
|
|
|
3161
3165
|
const gridStartTs = days[0].timestamp;
|
|
3162
3166
|
const lastDay = days[days.length - 1];
|
|
3163
3167
|
// End of grid is the start of the next day after the last cell
|
|
3164
|
-
const gridEndTs =
|
|
3168
|
+
const gridEndTs = dayAt(lastDay, tz, 1).timestamp;
|
|
3165
3169
|
for (const event of sortedEvents) {
|
|
3166
|
-
//
|
|
3167
|
-
const
|
|
3168
|
-
|
|
3169
|
-
//
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
if (evtEndRaw.timestamp > evtStart.timestamp && isMidnight) {
|
|
3175
|
-
evtEnd = evtEndRaw; // Keeps it clean for comparison, effectively 00:00 of next day
|
|
3176
|
-
}
|
|
3177
|
-
else {
|
|
3178
|
-
// Round to start of next day to cover full day
|
|
3179
|
-
evtEnd = new DateTz(evtEndRaw).set(0, 'hour').set(0, 'minute').add(1, 'day').stripSecMillis();
|
|
3180
|
-
}
|
|
3170
|
+
// tz-aware day-floors (set()/add() would be UTC-naive).
|
|
3171
|
+
const evtStartTs = startOfDayTs(event.start, tz);
|
|
3172
|
+
// Normalize end. If it ends exactly at local 00:00, it visually ends on the
|
|
3173
|
+
// previous day; otherwise round up to the start of the next day.
|
|
3174
|
+
const endsAtMidnight = minutesSinceMidnight(event.end, tz) === 0;
|
|
3175
|
+
const evtEndTs = (event.end.timestamp > evtStartTs && endsAtMidnight)
|
|
3176
|
+
? startOfDayTs(event.end, tz)
|
|
3177
|
+
: dayAt(event.end, tz, 1).timestamp;
|
|
3181
3178
|
// Skip if completely outside grid
|
|
3182
|
-
if (
|
|
3179
|
+
if (evtEndTs <= gridStartTs || evtStartTs >= gridEndTs) {
|
|
3183
3180
|
continue;
|
|
3184
3181
|
}
|
|
3185
3182
|
// Find which grid indices this event occupies
|
|
@@ -3187,7 +3184,7 @@ class CalendarMonthGridComponent {
|
|
|
3187
3184
|
for (let i = 0; i < days.length; i++) {
|
|
3188
3185
|
const dTs = days[i].timestamp;
|
|
3189
3186
|
// Check intersection: [DayStart, DayEnd) overlaps [EventStart, EventEnd)
|
|
3190
|
-
if (dTs >=
|
|
3187
|
+
if (dTs >= evtStartTs && dTs < evtEndTs) {
|
|
3191
3188
|
daysIndices.push(i);
|
|
3192
3189
|
}
|
|
3193
3190
|
}
|
|
@@ -3226,10 +3223,10 @@ class CalendarMonthGridComponent {
|
|
|
3226
3223
|
const isLastRenderDay = (i === daysIndices.length - 1);
|
|
3227
3224
|
// `dayInTz` is the grid cell, already in the calendar timezone.
|
|
3228
3225
|
const dayInTz = days[idx];
|
|
3229
|
-
const currentDayEnd =
|
|
3226
|
+
const currentDayEnd = dayAt(dayInTz, tz, 1);
|
|
3230
3227
|
// Visual flags for rounding corners
|
|
3231
|
-
const isContinuedBefore = !isFirstRenderDay || (
|
|
3232
|
-
const isContinuedAfter = !isLastRenderDay || (
|
|
3228
|
+
const isContinuedBefore = !isFirstRenderDay || (evtStartTs < days[daysIndices[0]].timestamp);
|
|
3229
|
+
const isContinuedAfter = !isLastRenderDay || (evtEndTs > currentDayEnd.timestamp);
|
|
3233
3230
|
const eventView = {
|
|
3234
3231
|
...event,
|
|
3235
3232
|
// Override start/end for the specific cell (crucial for DnD to know the cell context)
|
|
@@ -3269,10 +3266,10 @@ class CalendarMonthGridComponent {
|
|
|
3269
3266
|
};
|
|
3270
3267
|
this.eventChange.emit(updatedEvent);
|
|
3271
3268
|
}
|
|
3272
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3273
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3269
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarMonthGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3270
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarMonthGridComponent, isStandalone: true, selector: "rlb-calendar-month-grid", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: true, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: true, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, intervals: { classPropertyName: "intervals", publicName: "intervals", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { eventClick: "event-click", eventContainerClick: "event-container-click", eventChange: "event-change" }, viewQueries: [{ propertyName: "scrollBodyRef", first: true, predicate: ["scrollBody"], descendants: true, isSignal: true }, { propertyName: "headerRowRef", first: true, predicate: ["headerRow"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"d-flex flex-column w-100 bg-body user-select-none month-view-root\">\n <!-- 1. Header Row (Fixed) -->\n <div #headerRow class=\"d-flex flex-shrink-0 border-bottom bg-body-tertiary overflow-hidden\"\n [style.min-height.rem]=\"layout().minHeaderHeight\" [style.padding-right.px]=\"scrollbarWidth()\">\n @for (day of weekDaysHeader(); track day) {\n <div class=\"flex-fill text-center py-2 border-end fw-bold text-secondary text-uppercase w-0 my-auto h6\">\n {{ day | dayOfWeek:'short' }}\n </div>\n }\n </div>\n\n <!-- SCROLL CONTAINER -->\n <div #scrollBody class=\"calendar-scroller flex-grow-1 overflow-auto bg-body position-relative\"\n [style.max-height.rem]=\"layout().maxBodyHeight\" (scroll)=\"onBodyScroll($event)\">\n\n <!-- 2. Grid Body (Scrollable) -->\n <div class=\"d-flex flex-column flex-grow-1 border-start min-height-0\">\n\n <div class=\"d-flex flex-column\" cdkDropListGroup>\n @for (week of weeks(); track week) {\n <div class=\"d-flex border-bottom min-h-row\" style=\"flex: 1 0 auto;\" [style.min-height.px]=\"layout().rowHeight\">\n @for (slot of week; track slot) {\n <div class=\"flex-fill border-end p-1 d-flex flex-column position-relative\" style=\"width: 0\"\n [class.bg-light]=\"!isCurrentMonth(slot.date)\"\n [class.has-interval]=\"hasInterval(slot.date)\"\n [style.--interval-color]=\"getIntervalColor(slot.date)\"\n cdkDropList [cdkDropListData]=\"slot.date\"\n (cdkDropListDropped)=\"onEventDrop($event)\" (click)=\"eventClick.emit(undefined)\">\n <!-- Date Number -->\n <div class=\"d-flex justify-content-center mb-1\">\n <span class=\"day-number d-flex align-items-center justify-content-center\"\n [class.today]=\"isToday(slot.date)\">\n {{ slot.date | dtz:'DD' }}\n </span>\n </div>\n <!-- Events Stack -->\n <div class=\"d-flex flex-column gap-1 w-100\">\n @for (event of slot.events; track trackByEvent($index, event)) {\n <!-- Spacer -->\n @if (event.isSpacer) {\n <div class=\"event-spacer\"></div>\n }\n <!-- Event -->\n @if (!event.isSpacer) {\n <rlb-calendar-event [event]=\"event\" class=\"w-100\" cdkDrag [cdkDragData]=\"event\"\n (event-click)=\"eventClick.emit($event)\" [view]=\"view()\">\n <!-- Drag Preview (Optional but nice) -->\n <div *cdkDragPlaceholder style=\"opacity: 0\"></div>\n <ng-template cdkDragPreview matchSize class=\"rlb-calendar-drag-preview\">\n <rlb-calendar-event [event]=\"event\" [view]=\"view()\" style=\"box-sizing: border-box;\">\n </rlb-calendar-event>\n </ng-template>\n </rlb-calendar-event>\n }\n }\n </div>\n <!-- Overflow (+N more) -->\n @if (slot.hasOverflow) {\n <div class=\"mt-1 small text-secondary text-center cursor-pointer p-1 rounded hover-bg\"\n (click)=\"$event.stopPropagation(); eventContainerClick.emit(slot.overflowEvents)\">\n +{{ slot.overflowCount }} more\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n\n </div>\n</div>\n", styles: [":host{display:block;height:100%}.min-height-0{min-height:0!important}.border-end:last-child{border-right:0!important}.day-number{width:24px;height:24px;border-radius:50%;font-size:.85rem;font-weight:500;transition:background-color .2s}.day-number.today{background-color:var(--bs-primary);color:#fff}.event-spacer{height:20px;width:100%;pointer-events:none}.hover-bg:hover{background-color:var(--bs-secondary-bg-subtle)}.cursor-pointer{cursor:pointer}.has-interval{background-image:linear-gradient(to right,color-mix(in srgb,var(--interval-color) 12%,transparent) 0%,transparent 100%);border-left:3px solid var(--interval-color)!important}.cdk-drag-preview{box-shadow:0 .5rem 1rem #0000004d;border-radius:var(--bs-border-radius-sm)}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CalendarEventComponent, selector: "rlb-calendar-event", inputs: ["event", "view"], outputs: ["event-click", "event-container-click"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "directive", type: CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "pipe", type: DateTzPipe, name: "dtz" }, { kind: "pipe", type: DayOfWeekPipe, name: "dayOfWeek" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3274
3271
|
}
|
|
3275
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarMonthGridComponent, decorators: [{
|
|
3276
3273
|
type: Component,
|
|
3277
3274
|
args: [{ selector: 'rlb-calendar-month-grid', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkDropListGroup, CdkDropList, CalendarEventComponent, CdkDrag, CdkDragPlaceholder, CdkDragPreview, DateTzPipe, DayOfWeekPipe], template: "<div class=\"d-flex flex-column w-100 bg-body user-select-none month-view-root\">\n <!-- 1. Header Row (Fixed) -->\n <div #headerRow class=\"d-flex flex-shrink-0 border-bottom bg-body-tertiary overflow-hidden\"\n [style.min-height.rem]=\"layout().minHeaderHeight\" [style.padding-right.px]=\"scrollbarWidth()\">\n @for (day of weekDaysHeader(); track day) {\n <div class=\"flex-fill text-center py-2 border-end fw-bold text-secondary text-uppercase w-0 my-auto h6\">\n {{ day | dayOfWeek:'short' }}\n </div>\n }\n </div>\n\n <!-- SCROLL CONTAINER -->\n <div #scrollBody class=\"calendar-scroller flex-grow-1 overflow-auto bg-body position-relative\"\n [style.max-height.rem]=\"layout().maxBodyHeight\" (scroll)=\"onBodyScroll($event)\">\n\n <!-- 2. Grid Body (Scrollable) -->\n <div class=\"d-flex flex-column flex-grow-1 border-start min-height-0\">\n\n <div class=\"d-flex flex-column\" cdkDropListGroup>\n @for (week of weeks(); track week) {\n <div class=\"d-flex border-bottom min-h-row\" style=\"flex: 1 0 auto;\" [style.min-height.px]=\"layout().rowHeight\">\n @for (slot of week; track slot) {\n <div class=\"flex-fill border-end p-1 d-flex flex-column position-relative\" style=\"width: 0\"\n [class.bg-light]=\"!isCurrentMonth(slot.date)\"\n [class.has-interval]=\"hasInterval(slot.date)\"\n [style.--interval-color]=\"getIntervalColor(slot.date)\"\n cdkDropList [cdkDropListData]=\"slot.date\"\n (cdkDropListDropped)=\"onEventDrop($event)\" (click)=\"eventClick.emit(undefined)\">\n <!-- Date Number -->\n <div class=\"d-flex justify-content-center mb-1\">\n <span class=\"day-number d-flex align-items-center justify-content-center\"\n [class.today]=\"isToday(slot.date)\">\n {{ slot.date | dtz:'DD' }}\n </span>\n </div>\n <!-- Events Stack -->\n <div class=\"d-flex flex-column gap-1 w-100\">\n @for (event of slot.events; track trackByEvent($index, event)) {\n <!-- Spacer -->\n @if (event.isSpacer) {\n <div class=\"event-spacer\"></div>\n }\n <!-- Event -->\n @if (!event.isSpacer) {\n <rlb-calendar-event [event]=\"event\" class=\"w-100\" cdkDrag [cdkDragData]=\"event\"\n (event-click)=\"eventClick.emit($event)\" [view]=\"view()\">\n <!-- Drag Preview (Optional but nice) -->\n <div *cdkDragPlaceholder style=\"opacity: 0\"></div>\n <ng-template cdkDragPreview matchSize class=\"rlb-calendar-drag-preview\">\n <rlb-calendar-event [event]=\"event\" [view]=\"view()\" style=\"box-sizing: border-box;\">\n </rlb-calendar-event>\n </ng-template>\n </rlb-calendar-event>\n }\n }\n </div>\n <!-- Overflow (+N more) -->\n @if (slot.hasOverflow) {\n <div class=\"mt-1 small text-secondary text-center cursor-pointer p-1 rounded hover-bg\"\n (click)=\"$event.stopPropagation(); eventContainerClick.emit(slot.overflowEvents)\">\n +{{ slot.overflowCount }} more\n </div>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n\n </div>\n</div>\n", styles: [":host{display:block;height:100%}.min-height-0{min-height:0!important}.border-end:last-child{border-right:0!important}.day-number{width:24px;height:24px;border-radius:50%;font-size:.85rem;font-weight:500;transition:background-color .2s}.day-number.today{background-color:var(--bs-primary);color:#fff}.event-spacer{height:20px;width:100%;pointer-events:none}.hover-bg:hover{background-color:var(--bs-secondary-bg-subtle)}.cursor-pointer{cursor:pointer}.has-interval{background-image:linear-gradient(to right,color-mix(in srgb,var(--interval-color) 12%,transparent) 0%,transparent 100%);border-left:3px solid var(--interval-color)!important}.cdk-drag-preview{box-shadow:0 .5rem 1rem #0000004d;border-radius:var(--bs-border-radius-sm)}\n"] }]
|
|
3278
3275
|
}], ctorParameters: () => [], propDecorators: { view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: true }] }], currentDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentDate", required: true }] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], intervals: [{ type: i0.Input, args: [{ isSignal: true, alias: "intervals", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: true }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: true }] }], eventClick: [{ type: i0.Output, args: ["event-click"] }], eventContainerClick: [{ type: i0.Output, args: ["event-container-click"] }], eventChange: [{ type: i0.Output, args: ["event-change"] }], scrollBodyRef: [{ type: i0.ViewChild, args: ['scrollBody', { isSignal: true }] }], headerRowRef: [{ type: i0.ViewChild, args: ['headerRow', { isSignal: true }] }] } });
|
|
@@ -3327,13 +3324,12 @@ class CalendarDayGridComponent {
|
|
|
3327
3324
|
const rawMinutesFromStart = (newTopPx / this.layout().rowHeight) * 60;
|
|
3328
3325
|
const snappedMinutes = Math.round(rawMinutesFromStart / this.SNAP_MINUTES) * this.SNAP_MINUTES;
|
|
3329
3326
|
const validMinutes = Math.max(0, snappedMinutes);
|
|
3330
|
-
|
|
3331
|
-
|
|
3332
|
-
|
|
3333
|
-
|
|
3334
|
-
.stripSecMillis();
|
|
3327
|
+
// Local midnight of the target day + dropped offset (tz-aware).
|
|
3328
|
+
const tz = this.timezone();
|
|
3329
|
+
const newStartTs = startOfDayTs(newDay, tz) + validMinutes * 60 * 1000;
|
|
3330
|
+
const newStart = new DateTz$1(newStartTs, tz).stripSecMillis();
|
|
3335
3331
|
const durationMs = movedEvent.end.timestamp - movedEvent.start.timestamp;
|
|
3336
|
-
const newEnd = new DateTz$1(newStart.timestamp + durationMs,
|
|
3332
|
+
const newEnd = new DateTz$1(newStart.timestamp + durationMs, tz).stripSecMillis();
|
|
3337
3333
|
if (newStart.timestamp !== movedEvent.start.timestamp) {
|
|
3338
3334
|
const updatedEvent = {
|
|
3339
3335
|
...movedEvent,
|
|
@@ -3344,16 +3340,9 @@ class CalendarDayGridComponent {
|
|
|
3344
3340
|
}
|
|
3345
3341
|
}
|
|
3346
3342
|
calculateEventTop(event) {
|
|
3347
|
-
|
|
3348
|
-
//
|
|
3349
|
-
|
|
3350
|
-
// Logic from week grid handles "chunks", here we assume processAllEvents has given us the chunk for this day.
|
|
3351
|
-
let eventStart = new DateTz$1(event.start);
|
|
3352
|
-
if (eventStart.timestamp < startOfDay.timestamp) {
|
|
3353
|
-
eventStart = startOfDay;
|
|
3354
|
-
}
|
|
3355
|
-
const diffMs = eventStart.timestamp - startOfDay.timestamp;
|
|
3356
|
-
const diffMinutes = diffMs / (1000 * 60);
|
|
3343
|
+
// processAllEvents already clamped the event to this day, so its start is
|
|
3344
|
+
// within [00:00, 24:00) of the day. Minutes-since-local-midnight is tz-aware.
|
|
3345
|
+
const diffMinutes = minutesSinceMidnight(event.start, this.timezone());
|
|
3357
3346
|
return (diffMinutes / 60) * this.layout().rowHeight;
|
|
3358
3347
|
}
|
|
3359
3348
|
calculateEventHeight(event) {
|
|
@@ -3400,7 +3389,8 @@ class CalendarDayGridComponent {
|
|
|
3400
3389
|
return `var(--bs-${interval.color || 'success'})`;
|
|
3401
3390
|
}
|
|
3402
3391
|
buildDayGrid(currentDate) {
|
|
3403
|
-
|
|
3392
|
+
// Anchor the day to local midnight in the calendar timezone.
|
|
3393
|
+
this.day.set(dayAt(currentDate, this.timezone(), 0));
|
|
3404
3394
|
this.startNowTimer();
|
|
3405
3395
|
}
|
|
3406
3396
|
buildTimeSlots() {
|
|
@@ -3420,29 +3410,23 @@ class CalendarDayGridComponent {
|
|
|
3420
3410
|
processAllEvents(events, day) {
|
|
3421
3411
|
if (!day)
|
|
3422
3412
|
return;
|
|
3423
|
-
|
|
3424
|
-
|
|
3425
|
-
const
|
|
3413
|
+
const tz = this.timezone();
|
|
3414
|
+
// tz-aware day boundaries (set()/add() would be UTC-naive here).
|
|
3415
|
+
const dayStartTs = startOfDayTs(day, tz);
|
|
3416
|
+
const dayEndTs = dayAt(day, tz, 1).timestamp;
|
|
3426
3417
|
const dayEvents = [];
|
|
3427
3418
|
for (const event of events) {
|
|
3428
3419
|
// Check overlap with the day
|
|
3429
|
-
if (event.end.timestamp >
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
if (visualStart.timestamp < dayStart.timestamp) {
|
|
3435
|
-
visualStart = dayStart;
|
|
3436
|
-
isContinuedBefore = true;
|
|
3437
|
-
}
|
|
3438
|
-
if (visualEnd.timestamp > dayEnd.timestamp) {
|
|
3439
|
-
visualEnd = dayEnd;
|
|
3440
|
-
isContinuedAfter = true;
|
|
3441
|
-
}
|
|
3420
|
+
if (event.end.timestamp > dayStartTs && event.start.timestamp < dayEndTs) {
|
|
3421
|
+
const isContinuedBefore = event.start.timestamp < dayStartTs;
|
|
3422
|
+
const isContinuedAfter = event.end.timestamp > dayEndTs;
|
|
3423
|
+
const visualStartTs = Math.max(event.start.timestamp, dayStartTs);
|
|
3424
|
+
const visualEndTs = Math.min(event.end.timestamp, dayEndTs);
|
|
3442
3425
|
dayEvents.push({
|
|
3443
3426
|
...event,
|
|
3444
|
-
|
|
3445
|
-
|
|
3427
|
+
// Chunks live in the calendar timezone, so labels and positions agree.
|
|
3428
|
+
start: new DateTz$1(visualStartTs, tz),
|
|
3429
|
+
end: new DateTz$1(visualEndTs, tz),
|
|
3446
3430
|
isContinuedBefore,
|
|
3447
3431
|
isContinuedAfter,
|
|
3448
3432
|
left: 0,
|
|
@@ -3535,10 +3519,10 @@ class CalendarDayGridComponent {
|
|
|
3535
3519
|
return idA.localeCompare(idB);
|
|
3536
3520
|
});
|
|
3537
3521
|
}
|
|
3538
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3539
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3522
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarDayGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3523
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarDayGridComponent, isStandalone: true, selector: "rlb-calendar-day-grid", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: true, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: true, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, intervals: { classPropertyName: "intervals", publicName: "intervals", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { eventClick: "event-click", eventContainerClick: "event-container-click", eventChange: "event-change" }, viewQueries: [{ propertyName: "scrollBodyRef", first: true, predicate: ["scrollBody"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (day()) {\n<div class=\"calendar-wrapper d-flex flex-column\">\n <!-- HEADER WRAPPER -->\n <!-- For day view, we just show the date at top? Or maybe just keep it simple with body since main header has date -->\n <!-- Mimicking structure of Week View but single column -->\n <div class=\"header-container overflow-hidden flex-shrink-0 border-bottom bg-body-tertiary\">\n <div class=\"header-row d-flex\" [style.min-height.rem]=\"layout().minHeaderHeight\">\n <div class=\"time-gutter border-end flex-shrink-0\"></div>\n <div class=\"day-cell p-2 flex-grow-1\" [class.text-primary]=\"isToday(day())\" [class.fw-bold]=\"isToday(day())\"\n [class.bg-primary]=\"isToday(day())\">\n <div class=\"small text-uppercase text-body-secondary h-100 d-flex align-items-center justify-content-center\">{{\n day() | dayOfWeek: 'long' }}</div>\n </div>\n </div>\n </div>\n <!-- BODY WRAPPER -->\n <div #scrollBody class=\"calendar-body flex-grow-1 overflow-auto bg-body position-relative\"\n [style.max-height.rem]=\"layout().maxBodyHeight\">\n <div class=\"body-row d-flex position-relative\">\n <!-- SIDEBAR (Sticky Left) -->\n <div class=\"time-sidebar sticky-start flex-shrink-0 border-end\">\n @for (time of timeSlots(); track time; let i = $index) {\n <div class=\"time-slot-label small text-body-secondary d-flex align-items-start justify-content-center\"\n [style.height.px]=\"layout().rowHeight\">\n @if (i !== 0) {\n <span style=\"transform: translateY(-50%)\">\n {{ time }}\n </span>\n }\n </div>\n }\n </div>\n <!-- GRID AND EVENTS -->\n <div class=\"grid-layer flex-grow-1 position-relative\">\n <!-- LAYER 1: Grid -->\n <div class=\"background-grid position-absolute w-100 h-100 top-0 start-0 z-0\">\n @for (time of timeSlots(); track time) {\n <div class=\"grid-row border-bottom\" [style.height.px]=\"layout().rowHeight\">\n </div>\n }\n </div>\n <!-- Layer 1.5: Intervals (background highlights) -->\n <div class=\"intervals-container position-absolute w-100 h-100 top-0 start-0\" style=\"z-index: 0; pointer-events: none;\">\n @for (interval of getIntervalsForDay(); track $index) {\n <div class=\"calendar-interval position-absolute w-100\"\n [style.top.px]=\"getIntervalTop(interval)\"\n [style.height.px]=\"getIntervalHeight(interval)\"\n [style.background-color]=\"getIntervalColor(interval)\">\n </div>\n }\n </div>\n\n <!-- Layer 2: Events -->\n <div class=\"events-container d-flex h-100 w-100 position-relative z-1\" cdkDropListGroup>\n <div class=\"day-column position-relative h-100 w-100\" cdkDropList [cdkDropListSortingDisabled]=\"true\"\n [cdkDropListData]=\"day()\" (cdkDropListDropped)=\"onEventDrop($event)\" (click)=\"eventClick.emit(undefined)\">\n @for (event of processedEvents(); track trackByEventId($index, event)) {\n <rlb-calendar-event [view]=\"view()\" [event]=\"event\" [style.top.px]=\"calculateEventTop(event)\"\n [style.height.px]=\"calculateEventHeight(event)\" [style.left.%]=\"event.left\" [style.width.%]=\"event.width\"\n (event-click)=\"eventClick.emit($event)\" (event-container-click)=\"eventContainerClick.emit($event)\" cdkDrag\n [cdkDragData]=\"event\" class=\"position-absolute\">\n <div *cdkDragPlaceholder style=\"opacity: 0\"></div>\n </rlb-calendar-event>\n }\n @if (isToday(day())) {\n <div class=\"now-line\" [style.top.px]=\"getNowTop()\">\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n}\n", styles: [":host{display:block;height:100%}.calendar-wrapper{background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden;height:100%}.header-container{background-color:var(--bs-body-bg);z-index:102}.header-row{width:100%}.time-gutter{width:60px;border-color:var(--bs-border-color)!important}.day-cell{border-color:var(--bs-border-color)!important}.calendar-body{scroll-behavior:auto}.body-row{width:100%}.sticky-start{position:sticky;left:0;z-index:50;background-color:var(--bs-body-bg)}.time-sidebar{width:60px;border-color:var(--bs-border-color)!important}.grid-row{border-color:var(--bs-border-color)!important;box-sizing:border-box}.grid-row:after{content:\"\";position:absolute;width:100%;border-bottom:1px dotted currentColor;opacity:.15;top:50%;left:0;pointer-events:none}.now-line{position:absolute;left:0;right:0;height:2px;background-color:var(--bs-danger);z-index:10;pointer-events:none}.now-line:before{content:\"\";position:absolute;left:-5px;top:-4px;width:10px;height:10px;background-color:var(--bs-danger);border-radius:50%}.calendar-interval{opacity:.1;pointer-events:none;border-radius:0}.z-0{z-index:0}.z-1{z-index:1}\n"], dependencies: [{ kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "component", type: CalendarEventComponent, selector: "rlb-calendar-event", inputs: ["event", "view"], outputs: ["event-click", "event-container-click"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "pipe", type: DayOfWeekPipe, name: "dayOfWeek" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3540
3524
|
}
|
|
3541
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarDayGridComponent, decorators: [{
|
|
3542
3526
|
type: Component,
|
|
3543
3527
|
args: [{ selector: 'rlb-calendar-day-grid', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CdkDropListGroup, CdkDropList, CalendarEventComponent, CdkDrag, CdkDragPlaceholder, DayOfWeekPipe], template: "@if (day()) {\n<div class=\"calendar-wrapper d-flex flex-column\">\n <!-- HEADER WRAPPER -->\n <!-- For day view, we just show the date at top? Or maybe just keep it simple with body since main header has date -->\n <!-- Mimicking structure of Week View but single column -->\n <div class=\"header-container overflow-hidden flex-shrink-0 border-bottom bg-body-tertiary\">\n <div class=\"header-row d-flex\" [style.min-height.rem]=\"layout().minHeaderHeight\">\n <div class=\"time-gutter border-end flex-shrink-0\"></div>\n <div class=\"day-cell p-2 flex-grow-1\" [class.text-primary]=\"isToday(day())\" [class.fw-bold]=\"isToday(day())\"\n [class.bg-primary]=\"isToday(day())\">\n <div class=\"small text-uppercase text-body-secondary h-100 d-flex align-items-center justify-content-center\">{{\n day() | dayOfWeek: 'long' }}</div>\n </div>\n </div>\n </div>\n <!-- BODY WRAPPER -->\n <div #scrollBody class=\"calendar-body flex-grow-1 overflow-auto bg-body position-relative\"\n [style.max-height.rem]=\"layout().maxBodyHeight\">\n <div class=\"body-row d-flex position-relative\">\n <!-- SIDEBAR (Sticky Left) -->\n <div class=\"time-sidebar sticky-start flex-shrink-0 border-end\">\n @for (time of timeSlots(); track time; let i = $index) {\n <div class=\"time-slot-label small text-body-secondary d-flex align-items-start justify-content-center\"\n [style.height.px]=\"layout().rowHeight\">\n @if (i !== 0) {\n <span style=\"transform: translateY(-50%)\">\n {{ time }}\n </span>\n }\n </div>\n }\n </div>\n <!-- GRID AND EVENTS -->\n <div class=\"grid-layer flex-grow-1 position-relative\">\n <!-- LAYER 1: Grid -->\n <div class=\"background-grid position-absolute w-100 h-100 top-0 start-0 z-0\">\n @for (time of timeSlots(); track time) {\n <div class=\"grid-row border-bottom\" [style.height.px]=\"layout().rowHeight\">\n </div>\n }\n </div>\n <!-- Layer 1.5: Intervals (background highlights) -->\n <div class=\"intervals-container position-absolute w-100 h-100 top-0 start-0\" style=\"z-index: 0; pointer-events: none;\">\n @for (interval of getIntervalsForDay(); track $index) {\n <div class=\"calendar-interval position-absolute w-100\"\n [style.top.px]=\"getIntervalTop(interval)\"\n [style.height.px]=\"getIntervalHeight(interval)\"\n [style.background-color]=\"getIntervalColor(interval)\">\n </div>\n }\n </div>\n\n <!-- Layer 2: Events -->\n <div class=\"events-container d-flex h-100 w-100 position-relative z-1\" cdkDropListGroup>\n <div class=\"day-column position-relative h-100 w-100\" cdkDropList [cdkDropListSortingDisabled]=\"true\"\n [cdkDropListData]=\"day()\" (cdkDropListDropped)=\"onEventDrop($event)\" (click)=\"eventClick.emit(undefined)\">\n @for (event of processedEvents(); track trackByEventId($index, event)) {\n <rlb-calendar-event [view]=\"view()\" [event]=\"event\" [style.top.px]=\"calculateEventTop(event)\"\n [style.height.px]=\"calculateEventHeight(event)\" [style.left.%]=\"event.left\" [style.width.%]=\"event.width\"\n (event-click)=\"eventClick.emit($event)\" (event-container-click)=\"eventContainerClick.emit($event)\" cdkDrag\n [cdkDragData]=\"event\" class=\"position-absolute\">\n <div *cdkDragPlaceholder style=\"opacity: 0\"></div>\n </rlb-calendar-event>\n }\n @if (isToday(day())) {\n <div class=\"now-line\" [style.top.px]=\"getNowTop()\">\n </div>\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n}\n", styles: [":host{display:block;height:100%}.calendar-wrapper{background-color:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);overflow:hidden;height:100%}.header-container{background-color:var(--bs-body-bg);z-index:102}.header-row{width:100%}.time-gutter{width:60px;border-color:var(--bs-border-color)!important}.day-cell{border-color:var(--bs-border-color)!important}.calendar-body{scroll-behavior:auto}.body-row{width:100%}.sticky-start{position:sticky;left:0;z-index:50;background-color:var(--bs-body-bg)}.time-sidebar{width:60px;border-color:var(--bs-border-color)!important}.grid-row{border-color:var(--bs-border-color)!important;box-sizing:border-box}.grid-row:after{content:\"\";position:absolute;width:100%;border-bottom:1px dotted currentColor;opacity:.15;top:50%;left:0;pointer-events:none}.now-line{position:absolute;left:0;right:0;height:2px;background-color:var(--bs-danger);z-index:10;pointer-events:none}.now-line:before{content:\"\";position:absolute;left:-5px;top:-4px;width:10px;height:10px;background-color:var(--bs-danger);border-radius:50%}.calendar-interval{opacity:.1;pointer-events:none;border-radius:0}.z-0{z-index:0}.z-1{z-index:1}\n"] }]
|
|
3544
3528
|
}], ctorParameters: () => [], propDecorators: { view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: true }] }], currentDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentDate", required: true }] }], events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], intervals: [{ type: i0.Input, args: [{ isSignal: true, alias: "intervals", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: true }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: true }] }], eventClick: [{ type: i0.Output, args: ["event-click"] }], eventContainerClick: [{ type: i0.Output, args: ["event-container-click"] }], eventChange: [{ type: i0.Output, args: ["event-change"] }], scrollBodyRef: [{ type: i0.ViewChild, args: ['scrollBody', { isSignal: true }] }] } });
|
|
@@ -3556,10 +3540,10 @@ class CalendarGrid {
|
|
|
3556
3540
|
this.eventChange = output({ alias: 'event-change' });
|
|
3557
3541
|
}
|
|
3558
3542
|
ngOnDestroy() { }
|
|
3559
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
3543
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3544
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarGrid, isStandalone: true, selector: "rlb-calendar-grid", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: true, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: true, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, intervals: { classPropertyName: "intervals", publicName: "intervals", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { eventClick: "event-click", eventContainerClick: "event-container-click", eventChange: "event-change" }, ngImport: i0, template: "@switch (view()) {\n@case ('week') {\n<rlb-calendar-week-grid [view]=\"view()\" [currentDate]=\"currentDate()\" [events]=\"events()\" [intervals]=\"intervals()\" [timezone]=\"timezone()\" [layout]=\"layout()\"\n (event-click)=\"eventClick.emit($event)\" (event-container-click)=\"eventContainerClick.emit($event)\"\n (event-change)=\"eventChange.emit($event)\" />\n}\n@case ('month') {\n<rlb-calendar-month-grid [view]=\"view()\" [currentDate]=\"currentDate()\" [events]=\"events()\" [intervals]=\"intervals()\" [timezone]=\"timezone()\" [layout]=\"layout()\"\n (event-click)=\"eventClick.emit($event)\" (event-container-click)=\"eventContainerClick.emit($event)\"\n (event-change)=\"eventChange.emit($event)\" />\n}\n@case ('day') {\n<rlb-calendar-day-grid [view]=\"view()\" [currentDate]=\"currentDate()\" [events]=\"events()\" [intervals]=\"intervals()\" [timezone]=\"timezone()\" [layout]=\"layout()\"\n (event-click)=\"eventClick.emit($event)\" (event-container-click)=\"eventContainerClick.emit($event)\"\n (event-change)=\"eventChange.emit($event)\" />\n}\n@default {\nnot implemented yet\n}\n}\n", styles: [""], dependencies: [{ kind: "component", type: CalendarWeekGridComponent, selector: "rlb-calendar-week-grid", inputs: ["view", "currentDate", "events", "intervals", "timezone", "layout"], outputs: ["event-click", "event-container-click", "event-change"] }, { kind: "component", type: CalendarMonthGridComponent, selector: "rlb-calendar-month-grid", inputs: ["view", "currentDate", "events", "intervals", "timezone", "layout"], outputs: ["event-click", "event-container-click", "event-change"] }, { kind: "component", type: CalendarDayGridComponent, selector: "rlb-calendar-day-grid", inputs: ["view", "currentDate", "events", "intervals", "timezone", "layout"], outputs: ["event-click", "event-container-click", "event-change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3561
3545
|
}
|
|
3562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarGrid, decorators: [{
|
|
3563
3547
|
type: Component,
|
|
3564
3548
|
args: [{ selector: 'rlb-calendar-grid', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
3565
3549
|
CalendarWeekGridComponent,
|
|
@@ -3587,10 +3571,10 @@ class MonthFormatterPipe {
|
|
|
3587
3571
|
const rest = parts.slice(2).join(' ');
|
|
3588
3572
|
return `${day} ${month}${rest ? ' ' + rest : ''}`;
|
|
3589
3573
|
}
|
|
3590
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3591
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.
|
|
3574
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: MonthFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
3575
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: MonthFormatterPipe, isStandalone: true, name: "monthFormatter" }); }
|
|
3592
3576
|
}
|
|
3593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: MonthFormatterPipe, decorators: [{
|
|
3594
3578
|
type: Pipe,
|
|
3595
3579
|
args: [{ name: 'monthFormatter' }]
|
|
3596
3580
|
}] });
|
|
@@ -3651,10 +3635,10 @@ class CalendarHeaderComponent {
|
|
|
3651
3635
|
setView(view) {
|
|
3652
3636
|
this.viewChange.emit(view);
|
|
3653
3637
|
}
|
|
3654
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3655
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
3638
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3639
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: CalendarHeaderComponent, isStandalone: true, selector: "rlb-calendar-header", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "currentDate", isSignal: true, isRequired: true, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { dateChange: "dateChange", viewChange: "viewChange" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between align-items-center mb-3\">\n\t<div class=\"d-flex gap-1\">\n\t\t<button rlb-button outline (click)=\"prev()\">\n\t\t\t<i class=\"bi bi-chevron-left\"></i>\n\t\t</button>\n\t\t<button rlb-button outline (click)=\"today()\">Today</button>\n\t\t<button rlb-button outline (click)=\"next()\">\n\t\t\t<i class=\"bi-chevron-right\"></i>\n\t\t</button>\n\t</div>\n\n\t<h5 class=\"mb-0\">{{ currentDate() | dtz:'DD MM yyyy' | monthFormatter }} {{ currentDate().timezone }}</h5>\n\n\t<rlb-dropdown>\n\t\t<button rlb-button outline rlb-dropdown>{{ view() | titlecase }}</button>\n\t\t<ul rlb-dropdown-menu [placement]=\"'right'\">\n\t\t\t<li rlb-dropdown-item (click)=\"setView('day')\">Day</li>\n\t\t\t<li rlb-dropdown-item (click)=\"setView('week')\">Week</li>\n\t\t\t<li rlb-dropdown-item (click)=\"setView('month')\">Month</li>\n\t\t</ul>\n\t</rlb-dropdown>\n</div>", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "component", type: DropdownComponent, selector: "rlb-dropdown", inputs: ["direction"] }, { kind: "directive", type: DropdownDirective, selector: "a[rlb-dropdown], button[rlb-dropdown], span[rlb-badge][rlb-dropdown]", inputs: ["offset", "auto-close"], outputs: ["status-changed"] }, { kind: "component", type: DropdownContainerComponent, selector: "ul[rlb-dropdown-menu], rlb-dropdown-container", inputs: ["placement", "placement-sm", "placement-md", "placement-lg", "placement-xl", "placement-xxl"] }, { kind: "component", type: DropdownMenuItemComponent, selector: "li[rlb-dropdown-item]", inputs: ["active", "disabled", "header", "divider", "link", "text-wrap"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: DateTzPipe, name: "dtz" }, { kind: "pipe", type: MonthFormatterPipe, name: "monthFormatter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3656
3640
|
}
|
|
3657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
|
|
3658
3642
|
type: Component,
|
|
3659
3643
|
args: [{ selector: 'rlb-calendar-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
3660
3644
|
ButtonComponent,
|
|
@@ -3675,10 +3659,10 @@ const DEFAULT_CALENDAR_LAYOUT = {
|
|
|
3675
3659
|
};
|
|
3676
3660
|
|
|
3677
3661
|
class ToastRegistryOptions {
|
|
3678
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3679
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
3662
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastRegistryOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3663
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastRegistryOptions, providedIn: 'root' }); }
|
|
3680
3664
|
}
|
|
3681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastRegistryOptions, decorators: [{
|
|
3682
3666
|
type: Injectable,
|
|
3683
3667
|
args: [{
|
|
3684
3668
|
providedIn: 'root',
|
|
@@ -3759,10 +3743,10 @@ class InnerToastService extends AbstractRegistryService {
|
|
|
3759
3743
|
toast?.subject.complete();
|
|
3760
3744
|
}
|
|
3761
3745
|
}
|
|
3762
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3763
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
3746
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InnerToastService, deps: [{ token: ToastRegistryOptions }, { token: UniqueIdService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3747
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InnerToastService, providedIn: 'root' }); }
|
|
3764
3748
|
}
|
|
3765
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InnerToastService, decorators: [{
|
|
3766
3750
|
type: Injectable,
|
|
3767
3751
|
args: [{
|
|
3768
3752
|
providedIn: 'root',
|
|
@@ -3780,12 +3764,12 @@ class ToastContainerComponent extends BuilderComponent {
|
|
|
3780
3764
|
ngOnDestroy() {
|
|
3781
3765
|
this.toastService.removeBuilder(this.builderId());
|
|
3782
3766
|
}
|
|
3783
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3784
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
3767
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastContainerComponent, deps: [{ token: InnerToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3768
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: ToastContainerComponent, isStandalone: true, selector: "rlb-toast-container", inputs: { builderId: { classPropertyName: "builderId", publicName: "id", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "toast-container" }, viewQueries: [{ propertyName: "component", first: true, predicate: ComponentHostDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
3785
3769
|
<ng-template component-host></ng-template>
|
|
3786
3770
|
`, isInline: true, dependencies: [{ kind: "directive", type: ComponentHostDirective, selector: "[component-host]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3787
3771
|
}
|
|
3788
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastContainerComponent, decorators: [{
|
|
3789
3773
|
type: Component,
|
|
3790
3774
|
args: [{
|
|
3791
3775
|
selector: 'rlb-toast-container',
|
|
@@ -3873,10 +3857,10 @@ class ToastDirective {
|
|
|
3873
3857
|
});
|
|
3874
3858
|
}
|
|
3875
3859
|
}
|
|
3876
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3877
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
3860
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: InnerToastService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3861
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: ToastDirective, isStandalone: true, selector: "[rlb-toast]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, instance: { classPropertyName: "instance", publicName: "data-instance", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "data-options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
3878
3862
|
}
|
|
3879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastDirective, decorators: [{
|
|
3880
3864
|
type: Directive,
|
|
3881
3865
|
args: [{
|
|
3882
3866
|
selector: '[rlb-toast]',
|
|
@@ -3890,10 +3874,10 @@ class ToastService {
|
|
|
3890
3874
|
openToast(containerId, name, data, options) {
|
|
3891
3875
|
return this.modalService.openToast(containerId, name, data, options);
|
|
3892
3876
|
}
|
|
3893
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3894
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
3877
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastService, deps: [{ token: InnerToastService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3878
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastService, providedIn: 'root' }); }
|
|
3895
3879
|
}
|
|
3896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastService, decorators: [{
|
|
3897
3881
|
type: Injectable,
|
|
3898
3882
|
args: [{
|
|
3899
3883
|
providedIn: 'root',
|
|
@@ -4095,10 +4079,10 @@ class CalendarComponent {
|
|
|
4095
4079
|
})
|
|
4096
4080
|
.pipe(take(1));
|
|
4097
4081
|
}
|
|
4098
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4099
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4082
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarComponent, deps: [{ token: ModalService }, { token: UniqueIdService }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4083
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarComponent, isStandalone: true, selector: "rlb-calendar", inputs: { view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, currentDate: { classPropertyName: "currentDate", publicName: "current-date", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, showToolbar: { classPropertyName: "showToolbar", publicName: "show-toolbar", isSignal: true, isRequired: false, transformFunction: null }, intervals: { classPropertyName: "intervals", publicName: "intervals", isSignal: true, isRequired: false, transformFunction: null }, manageEvents: { classPropertyName: "manageEvents", publicName: "manage-events", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", events: "eventsChange", currentDate: "current-dateChange", dateChange: "date-change", viewChange: "view-change", eventClick: "event-click", containerEventClick: "container-event-click" }, ngImport: i0, template: "<div class=\"rlb-calendar\">\n\n @if (showToolbar()) {\n <rlb-calendar-header\n [view]=\"view()\"\n [currentDate]=\"currentDate()\"\n [timezone]=\"timezone()\"\n (viewChange)=\"setView($event)\"\n (dateChange)=\"setDate($event)\"\n >\n </rlb-calendar-header>\n }\n\n @if (loading()) {\n <rlb-progress [infinite]=\"true\" [animated]=\"true\" [height]=\"3\" [showValue]=\"false\">\n </rlb-progress>\n } @else {\n <rlb-calendar-grid\n [events]=\"events()\"\n [intervals]=\"intervals()\"\n [view]=\"view()\"\n [currentDate]=\"currentDate()\"\n [timezone]=\"timezone()\"\n [layout]=\"mergedLayout()\"\n (event-click)=\"onEventClick($event)\"\n (event-container-click)=\"onEventContainerClick($event)\"\n (event-change)=\"onEventChange($event)\"\n >\n </rlb-calendar-grid>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: CalendarHeaderComponent, selector: "rlb-calendar-header", inputs: ["view", "currentDate", "timezone"], outputs: ["dateChange", "viewChange"] }, { kind: "component", type: ProgressComponent, selector: "rlb-progress", inputs: ["max", "min", "value", "height", "animated", "striped", "infinite", "aria-label", "showValue", "color", "text-color"] }, { kind: "component", type: CalendarGrid, selector: "rlb-calendar-grid", inputs: ["view", "currentDate", "events", "intervals", "timezone", "layout"], outputs: ["event-click", "event-container-click", "event-change"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4100
4084
|
}
|
|
4101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
4102
4086
|
type: Component,
|
|
4103
4087
|
args: [{ selector: 'rlb-calendar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4104
4088
|
CalendarHeaderComponent,
|
|
@@ -4118,12 +4102,12 @@ const CALENDAR_COMPONENTS = [
|
|
|
4118
4102
|
];
|
|
4119
4103
|
|
|
4120
4104
|
class ChatContainerComponent {
|
|
4121
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4122
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
4105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ChatContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: ChatContainerComponent, isStandalone: true, selector: "rlb-chat-container", host: { classAttribute: "chat-bubble__wrap" }, ngImport: i0, template: `
|
|
4123
4107
|
<ng-content />
|
|
4124
4108
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4125
4109
|
}
|
|
4126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ChatContainerComponent, decorators: [{
|
|
4127
4111
|
type: Component,
|
|
4128
4112
|
args: [{
|
|
4129
4113
|
selector: 'rlb-chat-container',
|
|
@@ -4157,8 +4141,8 @@ class ChatItemComponent {
|
|
|
4157
4141
|
event?.preventDefault();
|
|
4158
4142
|
this.reply.emit(this.replayId());
|
|
4159
4143
|
}
|
|
4160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4161
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ChatItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4145
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ChatItemComponent, isStandalone: true, selector: "rlb-chat-item", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, dateTime: { classPropertyName: "dateTime", publicName: "date-time", isSignal: true, isRequired: false, transformFunction: null }, replayText: { classPropertyName: "replayText", publicName: "replay-text", isSignal: true, isRequired: false, transformFunction: null }, replaySubject: { classPropertyName: "replaySubject", publicName: "replay-subject", isSignal: true, isRequired: false, transformFunction: null }, replayId: { classPropertyName: "replayId", publicName: "replay-id", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, reaction: { classPropertyName: "reaction", publicName: "reaction", isSignal: true, isRequired: false, transformFunction: null }, hideReactionPicker: { classPropertyName: "hideReactionPicker", publicName: "hide-reaction-picker", isSignal: true, isRequired: false, transformFunction: null }, canReply: { classPropertyName: "canReply", publicName: "can-reply", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { reply: "reply", reactionClick: "reaction-click", reactionSelector: "reaction-selector" }, host: { properties: { "class.ms-auto": "position() === \"right\"" } }, ngImport: i0, template: `
|
|
4162
4146
|
<div
|
|
4163
4147
|
[id]="id()"
|
|
4164
4148
|
class="chat-bubble-item"
|
|
@@ -4244,7 +4228,7 @@ class ChatItemComponent {
|
|
|
4244
4228
|
</div>
|
|
4245
4229
|
`, isInline: true, dependencies: [{ kind: "component", type: DropdownComponent, selector: "rlb-dropdown", inputs: ["direction"] }, { kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "directive", type: DropdownDirective, selector: "a[rlb-dropdown], button[rlb-dropdown], span[rlb-badge][rlb-dropdown]", inputs: ["offset", "auto-close"], outputs: ["status-changed"] }, { kind: "component", type: DropdownContainerComponent, selector: "ul[rlb-dropdown-menu], rlb-dropdown-container", inputs: ["placement", "placement-sm", "placement-md", "placement-lg", "placement-xl", "placement-xxl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4246
4230
|
}
|
|
4247
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ChatItemComponent, decorators: [{
|
|
4248
4232
|
type: Component,
|
|
4249
4233
|
args: [{
|
|
4250
4234
|
selector: 'rlb-chat-item',
|
|
@@ -4346,12 +4330,12 @@ class ListComponent {
|
|
|
4346
4330
|
this.flush = input(false, { ...(ngDevMode ? { debugName: "flush" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4347
4331
|
this.horizontal = input(false, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4348
4332
|
}
|
|
4349
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4350
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
4333
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4334
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: ListComponent, isStandalone: true, selector: "rlb-list", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, numbered: { classPropertyName: "numbered", publicName: "numbered", isSignal: true, isRequired: false, transformFunction: null }, flush: { classPropertyName: "flush", publicName: "flush", isSignal: true, isRequired: false, transformFunction: null }, horizontal: { classPropertyName: "horizontal", publicName: "horizontal", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.list-group-numbered": "numbered()", "class.list-group-flush": "flush()", "class.list-group-horizontal": "horizontal()", "class.disabled": "disabled()" }, classAttribute: "list-group" }, ngImport: i0, template: `
|
|
4351
4335
|
<ng-content select="rlb-list-item, rlb-list-item-image"></ng-content>
|
|
4352
4336
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4353
4337
|
}
|
|
4354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ListComponent, decorators: [{
|
|
4355
4339
|
type: Component,
|
|
4356
4340
|
args: [{
|
|
4357
4341
|
selector: 'rlb-list',
|
|
@@ -4388,8 +4372,8 @@ class ListItemImageComponent {
|
|
|
4388
4372
|
this.icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
4389
4373
|
this.disabled = computed(() => this.disabledInput() || this.parent?.disabled() || false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
4390
4374
|
}
|
|
4391
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4392
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ListItemImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4376
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ListItemImageComponent, isStandalone: true, selector: "rlb-list-item-image", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, counterEmpty: { classPropertyName: "counterEmpty", publicName: "counter-empty", isSignal: true, isRequired: false, transformFunction: null }, counterPill: { classPropertyName: "counterPill", publicName: "counter-pill", isSignal: true, isRequired: false, transformFunction: null }, counterBorder: { classPropertyName: "counterBorder", publicName: "counter-border", isSignal: true, isRequired: false, transformFunction: null }, avatarSize: { classPropertyName: "avatarSize", publicName: "avatar-size", isSignal: true, isRequired: false, transformFunction: null }, username: { classPropertyName: "username", publicName: "username", isSignal: true, isRequired: false, transformFunction: null }, line1: { classPropertyName: "line1", publicName: "line-1", isSignal: true, isRequired: false, transformFunction: null }, line2: { classPropertyName: "line2", publicName: "line-2", isSignal: true, isRequired: false, transformFunction: null }, avatar: { classPropertyName: "avatar", publicName: "avatar", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, counterColor: { classPropertyName: "counterColor", publicName: "counter-color", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "disabled()", "class.list-group-item-action": "!disabled()", "class.active": "active()", "attr.aria-current": "active()" }, classAttribute: "list-group-item" }, ngImport: i0, template: `
|
|
4393
4377
|
<div class="d-flex">
|
|
4394
4378
|
@if (avatar()) {
|
|
4395
4379
|
<rlb-avatar
|
|
@@ -4438,7 +4422,7 @@ class ListItemImageComponent {
|
|
|
4438
4422
|
</div>
|
|
4439
4423
|
`, isInline: true, dependencies: [{ kind: "component", type: AvatarComponent, selector: "rlb-avatar", inputs: ["size", "shape", "src", "class"] }, { kind: "component", type: BadgeComponent, selector: "span[rlb-badge], img[rlb-badge]", inputs: ["pill", "color", "hidden-text", "border", "class", "badge-text-color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4440
4424
|
}
|
|
4441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ListItemImageComponent, decorators: [{
|
|
4442
4426
|
type: Component,
|
|
4443
4427
|
args: [{
|
|
4444
4428
|
selector: 'rlb-list-item-image',
|
|
@@ -4514,12 +4498,12 @@ class ListItemComponent {
|
|
|
4514
4498
|
this.action = input(false, { ...(ngDevMode ? { debugName: "action" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4515
4499
|
this.disabled = computed(() => this.disabledInput() || this.parent?.disabled() || false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
4516
4500
|
}
|
|
4517
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4518
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
4501
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4502
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: ListItemComponent, isStandalone: true, selector: "rlb-list-item", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "disabled()", "class.list-group-item-action": "action()", "class.active": "active()", "attr.aria-current": "active()" }, classAttribute: "list-group-item" }, ngImport: i0, template: `
|
|
4519
4503
|
<ng-content></ng-content>
|
|
4520
4504
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4521
4505
|
}
|
|
4522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ListItemComponent, decorators: [{
|
|
4523
4507
|
type: Component,
|
|
4524
4508
|
args: [{
|
|
4525
4509
|
selector: 'rlb-list-item',
|
|
@@ -4591,8 +4575,8 @@ class NavbarDropdownItemComponent {
|
|
|
4591
4575
|
this.listeners.forEach(unsub => unsub());
|
|
4592
4576
|
this.listeners = [];
|
|
4593
4577
|
}
|
|
4594
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4595
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4578
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4579
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavbarDropdownItemComponent, isStandalone: true, selector: "rlb-navbar-dropdown-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, dropdown: { classPropertyName: "dropdown", publicName: "dropdown", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, toggle: { classPropertyName: "toggle", publicName: "toggle", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "auto-close", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", statusChanged: "status-changed" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4596
4580
|
<ng-template #template>
|
|
4597
4581
|
<li
|
|
4598
4582
|
class="nav-item list-unstyled"
|
|
@@ -4615,7 +4599,7 @@ class NavbarDropdownItemComponent {
|
|
|
4615
4599
|
</ng-template>
|
|
4616
4600
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4617
4601
|
}
|
|
4618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarDropdownItemComponent, decorators: [{
|
|
4619
4603
|
type: Component,
|
|
4620
4604
|
args: [{
|
|
4621
4605
|
selector: 'rlb-navbar-dropdown-item',
|
|
@@ -4659,8 +4643,8 @@ class NavbarItemComponent {
|
|
|
4659
4643
|
this.element = templateView.rootNodes[0];
|
|
4660
4644
|
this.viewContainerRef.element.nativeElement.remove();
|
|
4661
4645
|
}
|
|
4662
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4663
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4646
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarItemComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4647
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavbarItemComponent, isStandalone: true, selector: "rlb-navbar-item", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, routerLink: { classPropertyName: "routerLink", publicName: "router-link", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4664
4648
|
<ng-template #template>
|
|
4665
4649
|
<li class="nav-item">
|
|
4666
4650
|
<a
|
|
@@ -4675,7 +4659,7 @@ class NavbarItemComponent {
|
|
|
4675
4659
|
</ng-template>
|
|
4676
4660
|
`, isInline: true, dependencies: [{ kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4677
4661
|
}
|
|
4678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarItemComponent, decorators: [{
|
|
4679
4663
|
type: Component,
|
|
4680
4664
|
args: [{
|
|
4681
4665
|
selector: 'rlb-navbar-item',
|
|
@@ -4727,8 +4711,8 @@ class NavbarItemsComponent {
|
|
|
4727
4711
|
ngOnDestroy() {
|
|
4728
4712
|
this.itemClickSubs.forEach(s => s.unsubscribe());
|
|
4729
4713
|
}
|
|
4730
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4731
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4714
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarItemsComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4715
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavbarItemsComponent, isStandalone: true, selector: "rlb-navbar-items", inputs: { scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, queries: [{ propertyName: "menuItems", predicate: NavbarItemComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4732
4716
|
<ng-template #template>
|
|
4733
4717
|
<ul
|
|
4734
4718
|
class="navbar-nav {{ cssClass() }}"
|
|
@@ -4742,7 +4726,7 @@ class NavbarItemsComponent {
|
|
|
4742
4726
|
</ng-template>
|
|
4743
4727
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4744
4728
|
}
|
|
4745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarItemsComponent, decorators: [{
|
|
4746
4730
|
type: Component,
|
|
4747
4731
|
args: [{
|
|
4748
4732
|
selector: 'rlb-navbar-items',
|
|
@@ -4774,14 +4758,14 @@ class NavbarSeparatorComponent {
|
|
|
4774
4758
|
this.element = templateView.rootNodes[0];
|
|
4775
4759
|
this.viewContainerRef.element.nativeElement.remove();
|
|
4776
4760
|
}
|
|
4777
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4778
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4761
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarSeparatorComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4762
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavbarSeparatorComponent, isStandalone: true, selector: "rlb-navbar-separator", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4779
4763
|
<ng-template #template>
|
|
4780
4764
|
<li class="nav-item separator {{ cssClass() }}"></li>
|
|
4781
4765
|
</ng-template>
|
|
4782
4766
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4783
4767
|
}
|
|
4784
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarSeparatorComponent, decorators: [{
|
|
4785
4769
|
type: Component,
|
|
4786
4770
|
args: [{
|
|
4787
4771
|
selector: 'rlb-navbar-separator',
|
|
@@ -4805,8 +4789,8 @@ class NavbarTextComponent {
|
|
|
4805
4789
|
this.element = templateView.rootNodes[0];
|
|
4806
4790
|
this.viewContainerRef.element.nativeElement.remove();
|
|
4807
4791
|
}
|
|
4808
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4809
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
4792
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarTextComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4793
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: NavbarTextComponent, isStandalone: true, selector: "rlb-navbar-text", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4810
4794
|
<ng-template #template>
|
|
4811
4795
|
<span class="navbar-text {{ cssClass() }}">
|
|
4812
4796
|
<ng-content />
|
|
@@ -4814,7 +4798,7 @@ class NavbarTextComponent {
|
|
|
4814
4798
|
</ng-template>
|
|
4815
4799
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4816
4800
|
}
|
|
4817
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4801
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarTextComponent, decorators: [{
|
|
4818
4802
|
type: Component,
|
|
4819
4803
|
args: [{
|
|
4820
4804
|
selector: 'rlb-navbar-text',
|
|
@@ -4845,10 +4829,10 @@ class SidebarService {
|
|
|
4845
4829
|
content?.classList.toggle('expanded', collapsed);
|
|
4846
4830
|
sidebar?.classList.toggle('collapsed', collapsed);
|
|
4847
4831
|
}
|
|
4848
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4849
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
4832
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4833
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SidebarService, providedIn: 'root' }); }
|
|
4850
4834
|
}
|
|
4851
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SidebarService, decorators: [{
|
|
4852
4836
|
type: Injectable,
|
|
4853
4837
|
args: [{
|
|
4854
4838
|
providedIn: 'root',
|
|
@@ -4912,8 +4896,8 @@ class NavbarComponent {
|
|
|
4912
4896
|
bsCollapse.hide();
|
|
4913
4897
|
}
|
|
4914
4898
|
}
|
|
4915
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4916
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
4899
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4900
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: NavbarComponent, isStandalone: true, selector: "rlb-navbar", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, showSideBarToggler: { classPropertyName: "showSideBarToggler", publicName: "showSideBarToggler", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, expand: { classPropertyName: "expand", publicName: "expand", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, enableDropdownToggler: { classPropertyName: "enableDropdownToggler", publicName: "enable-dropdown-toggler", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "navbarItemsGroups", predicate: NavbarItemsComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4917
4901
|
<ng-template #template>
|
|
4918
4902
|
<nav
|
|
4919
4903
|
class="navbar px-2 bg-{{ color() }} {{ placement() }} {{
|
|
@@ -4969,7 +4953,7 @@ class NavbarComponent {
|
|
|
4969
4953
|
</ng-template>
|
|
4970
4954
|
`, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "directive", type: ToggleDirective, selector: "\n button[toggle],\n a[toggle],\n rlb-navbar-item[toggle],\n rlb-button-toolbar[toggle],\n rlb-fab[toggle],", inputs: ["toggle", "toggle-target", "collapsed", "auto-close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4971
4955
|
}
|
|
4972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
4973
4957
|
type: Component,
|
|
4974
4958
|
args: [{
|
|
4975
4959
|
selector: 'rlb-navbar',
|
|
@@ -5036,10 +5020,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5036
5020
|
}, isSignal: true }] }], dark: [{ type: i0.Input, args: [{ isSignal: true, alias: "dark", required: false }] }], showSideBarToggler: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSideBarToggler", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], expand: [{ type: i0.Input, args: [{ isSignal: true, alias: "expand", required: false }] }], cssClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], enableDropdownToggler: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-dropdown-toggler", required: false }] }] } });
|
|
5037
5021
|
|
|
5038
5022
|
class OffcanvasBodyComponent {
|
|
5039
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5040
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
5023
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5024
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: OffcanvasBodyComponent, isStandalone: true, selector: "rlb-offcanvas-body", host: { classAttribute: "offcanvas-body" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5041
5025
|
}
|
|
5042
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasBodyComponent, decorators: [{
|
|
5043
5027
|
type: Component,
|
|
5044
5028
|
args: [{
|
|
5045
5029
|
selector: 'rlb-offcanvas-body',
|
|
@@ -5054,8 +5038,8 @@ class OffcanvasHeaderComponent {
|
|
|
5054
5038
|
this.offcanvasId = input('', ...(ngDevMode ? [{ debugName: "offcanvasId" }] : /* istanbul ignore next */ []));
|
|
5055
5039
|
this._offcanvasId = computed(() => `#${this.offcanvasId()}`, ...(ngDevMode ? [{ debugName: "_offcanvasId" }] : /* istanbul ignore next */ []));
|
|
5056
5040
|
}
|
|
5057
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5058
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5041
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: OffcanvasHeaderComponent, isStandalone: true, selector: "rlb-offcanvas-header", inputs: { offcanvasId: { classPropertyName: "offcanvasId", publicName: "offcanvasId", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "offcanvas-header d-flex justify-content-between align-items-center" }, ngImport: i0, template: `
|
|
5059
5043
|
<ng-content select="[rlb-offcanvas-title]"></ng-content>
|
|
5060
5044
|
<button
|
|
5061
5045
|
type="button"
|
|
@@ -5066,7 +5050,7 @@ class OffcanvasHeaderComponent {
|
|
|
5066
5050
|
></button>
|
|
5067
5051
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5068
5052
|
}
|
|
5069
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasHeaderComponent, decorators: [{
|
|
5070
5054
|
type: Component,
|
|
5071
5055
|
args: [{
|
|
5072
5056
|
selector: 'rlb-offcanvas-header',
|
|
@@ -5090,10 +5074,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5090
5074
|
// TODO
|
|
5091
5075
|
// Ask if we need this component, RlbOffcanvasTitleDirective should be more flexible and useful
|
|
5092
5076
|
class OffcanvasTitleComponent {
|
|
5093
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5094
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
5077
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5078
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: OffcanvasTitleComponent, isStandalone: true, selector: "h*[rlb-offcanvas-title]", host: { classAttribute: "offcanvas-title" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5095
5079
|
}
|
|
5096
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasTitleComponent, decorators: [{
|
|
5097
5081
|
type: Component,
|
|
5098
5082
|
args: [{
|
|
5099
5083
|
selector: 'h*[rlb-offcanvas-title]',
|
|
@@ -5148,13 +5132,13 @@ class OffcanvasComponent extends ToggleAbstractComponent {
|
|
|
5148
5132
|
get eventPrefix() {
|
|
5149
5133
|
return 'bs.offcanvas';
|
|
5150
5134
|
}
|
|
5151
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5152
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: OffcanvasComponent, isStandalone: true, selector: "rlb-offcanvas", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, bodyScroll: { classPropertyName: "bodyScroll", publicName: "body-scroll", isSignal: true, isRequired: false, transformFunction: null }, scrollBackup: { classPropertyName: "scrollBackup", publicName: "scroll-backup", isSignal: true, isRequired: false, transformFunction: null }, closeManual: { classPropertyName: "closeManual", publicName: "close-manual", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { statusChange: "statusChange" }, host: { attributes: { "tabindex": "-1" }, properties: { "id": "id()", "class.offcanvas": "!responsive()", "class.offcanvas-sm": "responsive() === \"sm\"", "class.offcanvas-md": "responsive() === \"md\"", "class.offcanvas-lg": "responsive() === \"lg\"", "class.offcanvas-xl": "responsive() === \"xl\"", "class.offcanvas-xxl": "responsive() === \"xxl\"", "class.offcanvas-start": "placement() === \"start\"", "class.offcanvas-end": "placement() === \"end\"", "class.offcanvas-top": "placement() === \"top\"", "class.offcanvas-bottom": "placement() === \"bottom\"" } }, usesInheritance: true, ngImport: i0, template: `
|
|
5153
5137
|
<ng-content select="rlb-offcanvas-header"></ng-content>
|
|
5154
5138
|
<ng-content select="rlb-offcanvas-body"></ng-content>
|
|
5155
5139
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5156
5140
|
}
|
|
5157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OffcanvasComponent, decorators: [{
|
|
5158
5142
|
type: Component,
|
|
5159
5143
|
args: [{
|
|
5160
5144
|
selector: 'rlb-offcanvas',
|
|
@@ -5195,8 +5179,8 @@ class PaginationItemComponent {
|
|
|
5195
5179
|
this.element = templateView.rootNodes[0];
|
|
5196
5180
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5197
5181
|
}
|
|
5198
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5199
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaginationItemComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5183
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: PaginationItemComponent, isStandalone: true, selector: "rlb-pagination-item", inputs: { isIcon: { classPropertyName: "isIcon", publicName: "isIcon", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5200
5184
|
<ng-template #template>
|
|
5201
5185
|
<li
|
|
5202
5186
|
class="page-item {{ cssClass() }}"
|
|
@@ -5214,7 +5198,7 @@ class PaginationItemComponent {
|
|
|
5214
5198
|
<ng-template #content><ng-content /></ng-template>
|
|
5215
5199
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5216
5200
|
}
|
|
5217
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaginationItemComponent, decorators: [{
|
|
5218
5202
|
type: Component,
|
|
5219
5203
|
args: [{
|
|
5220
5204
|
selector: 'rlb-pagination-item',
|
|
@@ -5254,8 +5238,8 @@ class PaginationComponent {
|
|
|
5254
5238
|
this.element = templateView.rootNodes[0];
|
|
5255
5239
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5256
5240
|
}
|
|
5257
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5258
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5241
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5242
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: PaginationComponent, isStandalone: true, selector: "rlb-pagination", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "children", predicate: PaginationItemComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5259
5243
|
<ng-template #template>
|
|
5260
5244
|
<nav>
|
|
5261
5245
|
<ul
|
|
@@ -5272,7 +5256,7 @@ class PaginationComponent {
|
|
|
5272
5256
|
</ng-template>
|
|
5273
5257
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5274
5258
|
}
|
|
5275
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
5276
5260
|
type: Component,
|
|
5277
5261
|
args: [{
|
|
5278
5262
|
selector: 'rlb-pagination',
|
|
@@ -5314,10 +5298,10 @@ class RlbPlaceholderLineComponent {
|
|
|
5314
5298
|
return classes.join(' ');
|
|
5315
5299
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
5316
5300
|
}
|
|
5317
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5318
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5301
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbPlaceholderLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5302
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: RlbPlaceholderLineComponent, isStandalone: true, selector: "rlb-placeholder-line", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "style.width": "width()", "style.height": "height() ?? null", "style.display": "\"block\"", "style.margin-bottom": "\"0.5rem\"" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5319
5303
|
}
|
|
5320
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5304
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbPlaceholderLineComponent, decorators: [{
|
|
5321
5305
|
type: Component,
|
|
5322
5306
|
args: [{
|
|
5323
5307
|
selector: 'rlb-placeholder-line',
|
|
@@ -5343,14 +5327,14 @@ class RlbPlaceholderComponent {
|
|
|
5343
5327
|
return `placeholder-${this.animation()}`;
|
|
5344
5328
|
}, ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
|
|
5345
5329
|
}
|
|
5346
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5347
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5330
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5331
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: RlbPlaceholderComponent, isStandalone: true, selector: "rlb-placeholder", inputs: { animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
5348
5332
|
<div [class]="containerClass()">
|
|
5349
5333
|
<ng-content />
|
|
5350
5334
|
</div>
|
|
5351
5335
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5352
5336
|
}
|
|
5353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbPlaceholderComponent, decorators: [{
|
|
5354
5338
|
type: Component,
|
|
5355
5339
|
args: [{
|
|
5356
5340
|
selector: 'rlb-placeholder',
|
|
@@ -5381,8 +5365,8 @@ class RlbPlaceholderTextComponent {
|
|
|
5381
5365
|
return Array.from({ length: lines }).map(() => width);
|
|
5382
5366
|
}, ...(ngDevMode ? [{ debugName: "computedWidths" }] : /* istanbul ignore next */ []));
|
|
5383
5367
|
}
|
|
5384
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5385
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5368
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbPlaceholderTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5369
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: RlbPlaceholderTextComponent, isStandalone: true, selector: "rlb-placeholder-text", inputs: { lines: { classPropertyName: "lines", publicName: "lines", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
5386
5370
|
<rlb-placeholder [animation]="animation()">
|
|
5387
5371
|
@for (w of computedWidths(); track w) {
|
|
5388
5372
|
<rlb-placeholder-line
|
|
@@ -5396,7 +5380,7 @@ class RlbPlaceholderTextComponent {
|
|
|
5396
5380
|
</rlb-placeholder>
|
|
5397
5381
|
`, isInline: true, dependencies: [{ kind: "component", type: RlbPlaceholderComponent, selector: "rlb-placeholder", inputs: ["animation"] }, { kind: "component", type: RlbPlaceholderLineComponent, selector: "rlb-placeholder-line", inputs: ["size", "color", "width", "height", "rounded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5398
5382
|
}
|
|
5399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5383
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbPlaceholderTextComponent, decorators: [{
|
|
5400
5384
|
type: Component,
|
|
5401
5385
|
args: [{
|
|
5402
5386
|
selector: 'rlb-placeholder-text',
|
|
@@ -5424,10 +5408,10 @@ class PlaceholderDirective {
|
|
|
5424
5408
|
this.size = input('md', { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'placeholder-size' });
|
|
5425
5409
|
this.animation = input('none', { ...(ngDevMode ? { debugName: "animation" } : /* istanbul ignore next */ {}), alias: 'placeholder-animation' });
|
|
5426
5410
|
}
|
|
5427
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5428
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
5411
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5412
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: PlaceholderDirective, isStandalone: true, selector: "[rlb-placeholder]", inputs: { color: { classPropertyName: "color", publicName: "placeholder-color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "placeholder-size", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "placeholder-animation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "color() ? 'bg-' + color() : ''", "class.placeholder-xs": "size() === 'xs'", "class.placeholder-sm": "size() === 'sm'", "class.placeholder-lg": "size() === 'lg'", "class.placeholder-glow": "animation() === 'glow'", "class.placeholder-fade": "animation() === 'fade'" }, classAttribute: "placeholder" }, ngImport: i0 }); }
|
|
5429
5413
|
}
|
|
5430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PlaceholderDirective, decorators: [{
|
|
5431
5415
|
type: Directive,
|
|
5432
5416
|
args: [{
|
|
5433
5417
|
selector: '[rlb-placeholder]',
|
|
@@ -5476,10 +5460,10 @@ class ScrollspyDirective {
|
|
|
5476
5460
|
this.elementRef.nativeElement.removeEventListener('activate.bs.scrollspy', this.__scroll_handler);
|
|
5477
5461
|
this.scrollSpy?.dispose();
|
|
5478
5462
|
}
|
|
5479
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5480
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
5463
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScrollspyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5464
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: ScrollspyDirective, isStandalone: true, selector: "[rlb-scrollspy]", inputs: { target: { classPropertyName: "target", publicName: "rlb-scrollspy-target", isSignal: true, isRequired: true, transformFunction: null }, smooth: { classPropertyName: "smooth", publicName: "scroll-smooth", isSignal: true, isRequired: false, transformFunction: null }, rootMargin: { classPropertyName: "rootMargin", publicName: "scroll-root-margin", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "scroll-threshold", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { scroll: "scroll-change" }, host: { properties: { "attr.data-bs-spy": "'scroll'", "attr.data-bs-target": "target()", "attr.tabindex": "0", "attr.data-bs-root-margin": "rootMargin()", "attr.data-bs-smooth-scroll": "smooth()", "style.height": "height()", "style.overflow-y": "'auto'" } }, ngImport: i0 }); }
|
|
5481
5465
|
}
|
|
5482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ScrollspyDirective, decorators: [{
|
|
5483
5467
|
type: Directive,
|
|
5484
5468
|
args: [{
|
|
5485
5469
|
selector: '[rlb-scrollspy]',
|
|
@@ -5528,8 +5512,8 @@ class SidebarItemComponent {
|
|
|
5528
5512
|
this.sidebarService.notifyItemClicked();
|
|
5529
5513
|
}
|
|
5530
5514
|
}
|
|
5531
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5532
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5515
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SidebarItemComponent, deps: [{ token: i0.ViewContainerRef }, { token: UniqueIdService }, { token: i2$1.Router }, { token: SidebarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5516
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: SidebarItemComponent, isStandalone: true, selector: "rlb-sidebar-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, badgeCounter: { classPropertyName: "badgeCounter", publicName: "badgeCounter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, queries: [{ propertyName: "children", predicate: SidebarItemComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5533
5517
|
<ng-template #template>
|
|
5534
5518
|
@if (title()) {
|
|
5535
5519
|
<li
|
|
@@ -5585,7 +5569,7 @@ class SidebarItemComponent {
|
|
|
5585
5569
|
</ng-template>
|
|
5586
5570
|
`, isInline: true, dependencies: [{ kind: "directive", type: ToggleDirective, selector: "\n button[toggle],\n a[toggle],\n rlb-navbar-item[toggle],\n rlb-button-toolbar[toggle],\n rlb-fab[toggle],", inputs: ["toggle", "toggle-target", "collapsed", "auto-close"] }, { kind: "directive", type: BadgeDirective, selector: "[badge]", inputs: ["badge", "badge-pill", "badge-border", "badge-top", "badge-start", "badge-color", "badge-text-color", "hidden-text", "badge-dot"] }, { kind: "component", type: CollapseComponent, selector: "rlb-collapse", inputs: ["id", "orientation"], outputs: ["statusChange"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5587
5571
|
}
|
|
5588
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SidebarItemComponent, decorators: [{
|
|
5589
5573
|
type: Component,
|
|
5590
5574
|
args: [{
|
|
5591
5575
|
selector: 'rlb-sidebar-item',
|
|
@@ -5687,8 +5671,8 @@ class SidebarComponent {
|
|
|
5687
5671
|
setCollapsed(collapsed) {
|
|
5688
5672
|
this.sidebarService.setCollapsed(collapsed);
|
|
5689
5673
|
}
|
|
5690
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5674
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SidebarComponent, deps: [{ token: SidebarService }, { token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5675
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: SidebarComponent, isStandalone: true, selector: "rlb-sidebar", inputs: { dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-bs-theme": "dark() ? 'dark' : 'light'" } }, viewQueries: [{ propertyName: "sideMenu", first: true, predicate: ["sideMenu"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5692
5676
|
<div
|
|
5693
5677
|
class="vertical-menu"
|
|
5694
5678
|
[class.rounded-2]="rounded()"
|
|
@@ -5708,7 +5692,7 @@ class SidebarComponent {
|
|
|
5708
5692
|
</div>
|
|
5709
5693
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5710
5694
|
}
|
|
5711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5695
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
5712
5696
|
type: Component,
|
|
5713
5697
|
args: [{
|
|
5714
5698
|
selector: 'rlb-sidebar',
|
|
@@ -5740,12 +5724,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
|
|
|
5740
5724
|
}], ctorParameters: () => [{ type: SidebarService }, { type: BreakpointService }], propDecorators: { sideMenu: [{ type: i0.ViewChild, args: ['sideMenu', { isSignal: true }] }], dark: [{ type: i0.Input, args: [{ isSignal: true, alias: "dark", required: false }] }], rounded: [{ type: i0.Input, args: [{ isSignal: true, alias: "rounded", required: false }] }] } });
|
|
5741
5725
|
|
|
5742
5726
|
class TabContentComponent {
|
|
5743
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5744
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
5727
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5728
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.16", type: TabContentComponent, isStandalone: true, selector: "rlb-tab-content", host: { classAttribute: "tab-content" }, ngImport: i0, template: `
|
|
5745
5729
|
<ng-content select="rlb-tab-pane" />
|
|
5746
5730
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5747
5731
|
}
|
|
5748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabContentComponent, decorators: [{
|
|
5749
5733
|
type: Component,
|
|
5750
5734
|
args: [{
|
|
5751
5735
|
selector: 'rlb-tab-content',
|
|
@@ -5763,12 +5747,12 @@ class TabPaneComponent {
|
|
|
5763
5747
|
this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), alias: 'active', transform: booleanAttribute });
|
|
5764
5748
|
this.fade = input(false, { ...(ngDevMode ? { debugName: "fade" } : /* istanbul ignore next */ {}), alias: 'fade', transform: booleanAttribute });
|
|
5765
5749
|
}
|
|
5766
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5767
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5750
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5751
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: TabPaneComponent, isStandalone: true, selector: "rlb-tab-pane", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, fade: { classPropertyName: "fade", publicName: "fade", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "0", "role": "tabpanel" }, properties: { "class.active": "active()", "class.fade": "fade()", "attr.id": "id()", "attr.aria-labelledby": "id() + \"-rlb-tab\"" }, classAttribute: "tab-pane" }, ngImport: i0, template: `
|
|
5768
5752
|
<ng-content />
|
|
5769
5753
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5770
5754
|
}
|
|
5771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabPaneComponent, decorators: [{
|
|
5772
5756
|
type: Component,
|
|
5773
5757
|
args: [{
|
|
5774
5758
|
selector: 'rlb-tab-pane',
|
|
@@ -5803,8 +5787,8 @@ class TabComponent {
|
|
|
5803
5787
|
this.element = templateView.rootNodes[0];
|
|
5804
5788
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5805
5789
|
}
|
|
5806
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5807
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5790
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5791
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: TabComponent, isStandalone: true, selector: "rlb-tab", inputs: { active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: true, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.class": "undefined", "attr.id": "undefined" } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5808
5792
|
<ng-template #template>
|
|
5809
5793
|
<li
|
|
5810
5794
|
class="nav-item {{ cssClass() }}"
|
|
@@ -5827,7 +5811,7 @@ class TabComponent {
|
|
|
5827
5811
|
</ng-template>
|
|
5828
5812
|
`, isInline: true, dependencies: [{ kind: "directive", type: ToggleDirective, selector: "\n button[toggle],\n a[toggle],\n rlb-navbar-item[toggle],\n rlb-button-toolbar[toggle],\n rlb-fab[toggle],", inputs: ["toggle", "toggle-target", "collapsed", "auto-close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5829
5813
|
}
|
|
5830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabComponent, decorators: [{
|
|
5831
5815
|
type: Component,
|
|
5832
5816
|
args: [{
|
|
5833
5817
|
selector: 'rlb-tab',
|
|
@@ -5880,8 +5864,8 @@ class TabsComponent {
|
|
|
5880
5864
|
this.element = templateView.rootNodes[0];
|
|
5881
5865
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5882
5866
|
}
|
|
5883
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5884
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5867
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5868
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: TabsComponent, isStandalone: true, selector: "rlb-tabs", inputs: { horizontalAlignment: { classPropertyName: "horizontalAlignment", publicName: "horizontal-alignment", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5885
5869
|
<ng-template #template>
|
|
5886
5870
|
<ul
|
|
5887
5871
|
role="tablist"
|
|
@@ -5901,7 +5885,7 @@ class TabsComponent {
|
|
|
5901
5885
|
</ng-template>
|
|
5902
5886
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5903
5887
|
}
|
|
5904
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TabsComponent, decorators: [{
|
|
5905
5889
|
type: Component,
|
|
5906
5890
|
args: [{
|
|
5907
5891
|
selector: 'rlb-tabs',
|
|
@@ -5972,10 +5956,10 @@ class PopoverDirective {
|
|
|
5972
5956
|
ngAfterViewInit() {
|
|
5973
5957
|
this._popover = new Popover(this.elementRef.nativeElement);
|
|
5974
5958
|
}
|
|
5975
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5976
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
5959
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5960
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: PopoverDirective, isStandalone: true, selector: "[popover]", inputs: { popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "popover-placement", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "popover-class", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "popover-title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
5977
5961
|
}
|
|
5978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5962
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: PopoverDirective, decorators: [{
|
|
5979
5963
|
type: Directive,
|
|
5980
5964
|
args: [{ selector: '[popover]' }]
|
|
5981
5965
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { popover: [{ type: i0.Input, args: [{ isSignal: true, alias: "popover", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "popover-placement", required: false }] }], customClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "popover-class", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "popover-title", required: false }] }] } });
|
|
@@ -6014,10 +5998,10 @@ class TooltipDirective {
|
|
|
6014
5998
|
this._tooltip.dispose();
|
|
6015
5999
|
}
|
|
6016
6000
|
}
|
|
6017
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6018
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
6001
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6002
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: TooltipDirective, isStandalone: true, selector: "[tooltip]", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "tooltip-placement", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "tooltip-class", isSignal: true, isRequired: false, transformFunction: null }, html: { classPropertyName: "html", publicName: "tooltip-html", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
6019
6003
|
}
|
|
6020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6004
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
6021
6005
|
type: Directive,
|
|
6022
6006
|
args: [{ selector: '[tooltip]', }]
|
|
6023
6007
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip-placement", required: false }] }], customClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip-class", required: false }] }], html: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip-html", required: false }] }] } });
|
|
@@ -6105,10 +6089,10 @@ class AbstractComponent {
|
|
|
6105
6089
|
this.cdr.markForCheck();
|
|
6106
6090
|
}
|
|
6107
6091
|
onWrite(data) { }
|
|
6108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6109
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
6092
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6093
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractComponent }); }
|
|
6110
6094
|
}
|
|
6111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractComponent, decorators: [{
|
|
6112
6096
|
type: Injectable
|
|
6113
6097
|
}], ctorParameters: () => [], propDecorators: { control: [{
|
|
6114
6098
|
type: Self
|
|
@@ -6335,10 +6319,10 @@ class AbstractAutocompleteComponent extends AbstractComponent {
|
|
|
6335
6319
|
this.renderer.appendChild(dropdown.nativeElement, el);
|
|
6336
6320
|
});
|
|
6337
6321
|
}
|
|
6338
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6339
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
6322
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractAutocompleteComponent, deps: [{ token: UniqueIdService }, { token: i0.Renderer2 }, { token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6323
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.16", type: AbstractAutocompleteComponent, isStandalone: true, inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "max-height", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, charsToSearch: { classPropertyName: "charsToSearch", publicName: "chars-to-search", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, host: { listeners: { "document:keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "dropdownEl", first: true, predicate: ["autocomplete"], descendants: true, isSignal: true }, { propertyName: "_el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
|
|
6340
6324
|
}
|
|
6341
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AbstractAutocompleteComponent, decorators: [{
|
|
6342
6326
|
type: Directive
|
|
6343
6327
|
}], ctorParameters: () => [{ type: UniqueIdService }, { type: i0.Renderer2 }, { type: i1.NgControl }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "max-height", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], charsToSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "chars-to-search", required: false }] }], dropdownEl: [{ type: i0.ViewChild, args: ['autocomplete', { isSignal: true }] }], selected: [{ type: i0.Output, args: ["selected"] }], _el: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }], onKeyDown: [{
|
|
6344
6328
|
type: HostListener,
|
|
@@ -6386,8 +6370,8 @@ class InputValidationComponent {
|
|
|
6386
6370
|
// fallback
|
|
6387
6371
|
return `${i18nKey}: ${JSON.stringify(errorValue)}`;
|
|
6388
6372
|
}
|
|
6389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6390
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6373
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InputValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6374
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: InputValidationComponent, isStandalone: true, selector: "rlb-input-validation", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { errors: "errorsChange" }, host: { classAttribute: "invalid-feedback" }, ngImport: i0, template: `
|
|
6391
6375
|
@if (errors()) {
|
|
6392
6376
|
@for (errorKey of getErrorKeys(errors()); track errorKey) {
|
|
6393
6377
|
<span>
|
|
@@ -6397,7 +6381,7 @@ class InputValidationComponent {
|
|
|
6397
6381
|
}
|
|
6398
6382
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6399
6383
|
}
|
|
6400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InputValidationComponent, decorators: [{
|
|
6401
6385
|
type: Component,
|
|
6402
6386
|
args: [{
|
|
6403
6387
|
selector: 'rlb-input-validation',
|
|
@@ -7766,8 +7750,8 @@ class AutocompleteCountryDialCodeComponent extends AbstractComponent {
|
|
|
7766
7750
|
iconClass: this.enableFlagIcons() && country.data ? `fi fi-${country.data.toLowerCase()}` : undefined,
|
|
7767
7751
|
}));
|
|
7768
7752
|
}
|
|
7769
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7770
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7753
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteCountryDialCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7754
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: AutocompleteCountryDialCodeComponent, isStandalone: true, selector: "rlb-autocomplete-country-dial-code", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "max-height", isSignal: true, isRequired: false, transformFunction: null }, menuMaxWidth: { classPropertyName: "menuMaxWidth", publicName: "menu-max-width", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, enableFlagIcons: { classPropertyName: "enableFlagIcons", publicName: "enable-flag-icons", isSignal: true, isRequired: false, transformFunction: null }, enableValidation: { classPropertyName: "enableValidation", publicName: "enable-validation", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "open-on-focus", isSignal: true, isRequired: false, transformFunction: null }, detectLocale: { classPropertyName: "detectLocale", publicName: "detect-locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", selected: "selected" }, host: { listeners: { "document:pointerdown": "handleOutsideEvent($event)", "document:keydown.escape": "onEscape($event)" }, properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["autocomplete"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
7771
7755
|
<ng-content select="[before]"></ng-content>
|
|
7772
7756
|
<div class="input-group has-validation position-relative">
|
|
7773
7757
|
<input
|
|
@@ -7845,7 +7829,7 @@ class AutocompleteCountryDialCodeComponent extends AbstractComponent {
|
|
|
7845
7829
|
<ng-content select="[after]"></ng-content>
|
|
7846
7830
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }, { kind: "component", type: ProgressComponent, selector: "rlb-progress", inputs: ["max", "min", "value", "height", "animated", "striped", "infinite", "aria-label", "showValue", "color", "text-color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
7847
7831
|
}
|
|
7848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteCountryDialCodeComponent, decorators: [{
|
|
7849
7833
|
type: Component,
|
|
7850
7834
|
args: [{
|
|
7851
7835
|
selector: 'rlb-autocomplete-country-dial-code',
|
|
@@ -8272,8 +8256,8 @@ class AutocompleteCountryComponent extends AbstractComponent {
|
|
|
8272
8256
|
iconClass: this.enableFlagIcons() ? `fi fi-${c.value.toLowerCase()}` : undefined,
|
|
8273
8257
|
}));
|
|
8274
8258
|
}
|
|
8275
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8276
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8259
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8260
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: AutocompleteCountryComponent, isStandalone: true, selector: "rlb-autocomplete-country", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "max-height", isSignal: true, isRequired: false, transformFunction: null }, menuMaxWidth: { classPropertyName: "menuMaxWidth", publicName: "menu-max-width", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, enableFlagIcons: { classPropertyName: "enableFlagIcons", publicName: "enable-flag-icons", isSignal: true, isRequired: false, transformFunction: null }, enableValidation: { classPropertyName: "enableValidation", publicName: "enable-validation", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "open-on-focus", isSignal: true, isRequired: false, transformFunction: null }, detectLocale: { classPropertyName: "detectLocale", publicName: "detect-locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", selected: "selected" }, host: { listeners: { "document:pointerdown": "handleOutsideEvent($event)", "document:keydown.escape": "onEscape($event)" }, properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["autocomplete"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
8277
8261
|
<ng-content select="[before]"></ng-content>
|
|
8278
8262
|
<div class="input-group has-validation position-relative">
|
|
8279
8263
|
<input
|
|
@@ -8340,7 +8324,7 @@ class AutocompleteCountryComponent extends AbstractComponent {
|
|
|
8340
8324
|
<ng-content select="[after]"></ng-content>
|
|
8341
8325
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8342
8326
|
}
|
|
8343
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8327
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteCountryComponent, decorators: [{
|
|
8344
8328
|
type: Component,
|
|
8345
8329
|
args: [{
|
|
8346
8330
|
selector: 'rlb-autocomplete-country',
|
|
@@ -8527,8 +8511,8 @@ class AutocompleteTimezonesComponent extends AbstractComponent {
|
|
|
8527
8511
|
closeDropdown() {
|
|
8528
8512
|
this.isOpen.set(false);
|
|
8529
8513
|
}
|
|
8530
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8531
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8514
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteTimezonesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8515
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: AutocompleteTimezonesComponent, isStandalone: true, selector: "rlb-autocomplete-timezones", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "max-height", isSignal: true, isRequired: false, transformFunction: null }, menuMaxWidth: { classPropertyName: "menuMaxWidth", publicName: "menu-max-width", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, enableValidation: { classPropertyName: "enableValidation", publicName: "enable-validation", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "open-on-focus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", selected: "selected" }, host: { listeners: { "document:pointerdown": "handleOutsideEvent($event)", "document:keydown.escape": "onEscape($event)" }, properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["autocomplete"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
8532
8516
|
<ng-content select="[before]"></ng-content>
|
|
8533
8517
|
<div class="input-group has-validation position-relative">
|
|
8534
8518
|
<input
|
|
@@ -8596,7 +8580,7 @@ class AutocompleteTimezonesComponent extends AbstractComponent {
|
|
|
8596
8580
|
<ng-content select="[after]"></ng-content>
|
|
8597
8581
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }, { kind: "component", type: ProgressComponent, selector: "rlb-progress", inputs: ["max", "min", "value", "height", "animated", "striped", "infinite", "aria-label", "showValue", "color", "text-color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8598
8582
|
}
|
|
8599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteTimezonesComponent, decorators: [{
|
|
8600
8584
|
type: Component,
|
|
8601
8585
|
args: [{
|
|
8602
8586
|
selector: 'rlb-autocomplete-timezones',
|
|
@@ -8859,8 +8843,8 @@ class AutocompleteComponent extends AbstractComponent {
|
|
|
8859
8843
|
this.isOpen.set(false);
|
|
8860
8844
|
this.acLoading.set(false);
|
|
8861
8845
|
}
|
|
8862
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8846
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8847
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: AutocompleteComponent, isStandalone: true, selector: "rlb-autocomplete", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "max-height", 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 }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, charsToSearch: { classPropertyName: "charsToSearch", publicName: "chars-to-search", isSignal: true, isRequired: false, transformFunction: null }, menuMaxWidth: { classPropertyName: "menuMaxWidth", publicName: "menu-max-width", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, enableValidation: { classPropertyName: "enableValidation", publicName: "enable-validation", isSignal: true, isRequired: false, transformFunction: null }, inputAutocomplete: { classPropertyName: "inputAutocomplete", publicName: "inputAutocomplete", isSignal: true, isRequired: false, transformFunction: null }, openOnFocus: { classPropertyName: "openOnFocus", publicName: "open-on-focus", isSignal: true, isRequired: false, transformFunction: null }, initialSuggestions: { classPropertyName: "initialSuggestions", publicName: "initial-suggestions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", selected: "selected" }, host: { listeners: { "document:pointerdown": "onDocumentPointerDown($event)", "document:keydown.escape": "onEscape($event)" }, properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["autocomplete"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
8864
8848
|
<ng-content select="[before]"></ng-content>
|
|
8865
8849
|
<div class="input-group has-validation position-relative">
|
|
8866
8850
|
<input
|
|
@@ -8930,7 +8914,7 @@ class AutocompleteComponent extends AbstractComponent {
|
|
|
8930
8914
|
<ng-content select="[after]"></ng-content>
|
|
8931
8915
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8932
8916
|
}
|
|
8933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AutocompleteComponent, decorators: [{
|
|
8934
8918
|
type: Component,
|
|
8935
8919
|
args: [{
|
|
8936
8920
|
selector: 'rlb-autocomplete',
|
|
@@ -9070,8 +9054,8 @@ class CheckboxComponent extends AbstractComponent {
|
|
|
9070
9054
|
}
|
|
9071
9055
|
super.writeValue(val);
|
|
9072
9056
|
}
|
|
9073
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9074
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9057
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9058
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CheckboxComponent, isStandalone: true, selector: "rlb-checkbox", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, extValidation: { classPropertyName: "extValidation", publicName: "extValidation", isSignal: true, isRequired: false, transformFunction: null }, enableValidation: { classPropertyName: "enableValidation", publicName: "enable-validation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
9075
9059
|
<ng-content select="[before]"></ng-content>
|
|
9076
9060
|
<div class="input-group has-validation">
|
|
9077
9061
|
<input
|
|
@@ -9096,7 +9080,7 @@ class CheckboxComponent extends AbstractComponent {
|
|
|
9096
9080
|
</div>
|
|
9097
9081
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9098
9082
|
}
|
|
9099
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9083
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
9100
9084
|
type: Component,
|
|
9101
9085
|
args: [{
|
|
9102
9086
|
selector: 'rlb-checkbox',
|
|
@@ -9151,8 +9135,8 @@ class ColorComponent extends AbstractComponent {
|
|
|
9151
9135
|
el.nativeElement.value = data || '#000000';
|
|
9152
9136
|
}
|
|
9153
9137
|
}
|
|
9154
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9155
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9138
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9139
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: ColorComponent, isStandalone: true, selector: "rlb-color", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
9156
9140
|
<ng-content select="[before]"></ng-content>
|
|
9157
9141
|
<div class="input-group has-validation">
|
|
9158
9142
|
<input
|
|
@@ -9178,7 +9162,7 @@ class ColorComponent extends AbstractComponent {
|
|
|
9178
9162
|
<ng-content select="[after]"></ng-content>
|
|
9179
9163
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9180
9164
|
}
|
|
9181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ColorComponent, decorators: [{
|
|
9182
9166
|
type: Component,
|
|
9183
9167
|
args: [{
|
|
9184
9168
|
selector: 'rlb-color',
|
|
@@ -9234,8 +9218,8 @@ class DatalistComponent extends AbstractComponent {
|
|
|
9234
9218
|
el.nativeElement.value = data || '';
|
|
9235
9219
|
}
|
|
9236
9220
|
}
|
|
9237
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9238
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9221
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DatalistComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9222
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: DatalistComponent, isStandalone: true, selector: "rlb-datalist", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
9239
9223
|
<ng-content select="[before]"></ng-content>
|
|
9240
9224
|
<div class="input-group has-validation">
|
|
9241
9225
|
<input
|
|
@@ -9263,7 +9247,7 @@ class DatalistComponent extends AbstractComponent {
|
|
|
9263
9247
|
<ng-content select="[after]"></ng-content>
|
|
9264
9248
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9265
9249
|
}
|
|
9266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DatalistComponent, decorators: [{
|
|
9267
9251
|
type: Component,
|
|
9268
9252
|
args: [{
|
|
9269
9253
|
selector: 'rlb-datalist',
|
|
@@ -9326,10 +9310,10 @@ class DndDirective {
|
|
|
9326
9310
|
this.fileDropped.emit(result);
|
|
9327
9311
|
}
|
|
9328
9312
|
}
|
|
9329
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9330
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
9313
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9314
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: DndDirective, isStandalone: true, selector: "[rlb-dnd]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" }, properties: { "class.rlb-dnd-over": "isOver()" } }, ngImport: i0 }); }
|
|
9331
9315
|
}
|
|
9332
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DndDirective, decorators: [{
|
|
9333
9317
|
type: Directive,
|
|
9334
9318
|
args: [{
|
|
9335
9319
|
selector: '[rlb-dnd]',
|
|
@@ -9384,8 +9368,8 @@ class FileDndComponent {
|
|
|
9384
9368
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
9385
9369
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
|
|
9386
9370
|
}
|
|
9387
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9388
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9371
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FileDndComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9372
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FileDndComponent, isStandalone: true, selector: "rlb-file-dnd", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filesChange: "files" }, ngImport: i0, template: `
|
|
9389
9373
|
<div
|
|
9390
9374
|
class="rlb-dnd-container"
|
|
9391
9375
|
rlb-dnd
|
|
@@ -9468,7 +9452,7 @@ class FileDndComponent {
|
|
|
9468
9452
|
}
|
|
9469
9453
|
`, isInline: true, styles: [":host{display:block}.rlb-dnd-container{border:2px dashed rgba(255,255,255,.15);border-radius:1rem;padding:3rem 2rem;cursor:pointer}.rlb-dnd-over{border-color:var(--bs-border-color);background:#6366f11a;transform:scale(1.01)}\n"], dependencies: [{ kind: "directive", type: DndDirective, selector: "[rlb-dnd]", inputs: ["multiple"], outputs: ["fileDropped"] }, { kind: "component", type: CardComponent, selector: "rlb-card", inputs: ["align", "overlay", "background", "border"] }, { kind: "component", type: CardBodyComponent, selector: "rlb-card-body" }, { kind: "component", type: ProgressComponent, selector: "rlb-progress", inputs: ["max", "min", "value", "height", "animated", "striped", "infinite", "aria-label", "showValue", "color", "text-color"] }, { kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9470
9454
|
}
|
|
9471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FileDndComponent, decorators: [{
|
|
9472
9456
|
type: Component,
|
|
9473
9457
|
args: [{ selector: 'rlb-file-dnd', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DndDirective, CardComponent, CardBodyComponent, ProgressComponent, ButtonComponent], template: `
|
|
9474
9458
|
<div
|
|
@@ -9581,8 +9565,8 @@ class FileComponent extends AbstractComponent {
|
|
|
9581
9565
|
el.nativeElement.value = '';
|
|
9582
9566
|
}
|
|
9583
9567
|
}
|
|
9584
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9585
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
9568
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9569
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: FileComponent, isStandalone: true, selector: "rlb-file", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-flex flex-grow-1 flex-shrink-1 flex-auto" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
9586
9570
|
<ng-content select="[before]"></ng-content>
|
|
9587
9571
|
<div class="input-group has-validation">
|
|
9588
9572
|
<input
|
|
@@ -9607,7 +9591,7 @@ class FileComponent extends AbstractComponent {
|
|
|
9607
9591
|
<ng-content select="[after]"></ng-content>
|
|
9608
9592
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9609
9593
|
}
|
|
9610
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9594
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FileComponent, decorators: [{
|
|
9611
9595
|
type: Component,
|
|
9612
9596
|
args: [{
|
|
9613
9597
|
selector: 'rlb-file',
|
|
@@ -9664,10 +9648,10 @@ class HelpText {
|
|
|
9664
9648
|
}
|
|
9665
9649
|
});
|
|
9666
9650
|
}
|
|
9667
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9668
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
9651
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HelpText, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: UniqueIdService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9652
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: HelpText, isStandalone: true, selector: "[helpText]", inputs: { helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
9669
9653
|
}
|
|
9670
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9654
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: HelpText, decorators: [{
|
|
9671
9655
|
type: Directive,
|
|
9672
9656
|
args: [{ selector: '[helpText]' }]
|
|
9673
9657
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: UniqueIdService }], propDecorators: { helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }] } });
|
|
@@ -9832,8 +9816,8 @@ class InputComponent extends AbstractComponent {
|
|
|
9832
9816
|
const [integerPart, ...fractionalParts] = standardized.split('.');
|
|
9833
9817
|
return fractionalParts.length > 0 ? `${integerPart}.${fractionalParts.join('')}` : integerPart;
|
|
9834
9818
|
}
|
|
9835
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9836
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9819
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9820
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: InputComponent, isStandalone: true, selector: "rlb-input", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, dateType: { classPropertyName: "dateType", publicName: "date-type", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, extValidation: { classPropertyName: "extValidation", publicName: "extValidation", isSignal: true, isRequired: false, transformFunction: null }, enableValidation: { classPropertyName: "enableValidation", publicName: "enable-validation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }, { propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
9837
9821
|
<ng-template #template>
|
|
9838
9822
|
<ng-content select="[before]"></ng-content>
|
|
9839
9823
|
<input
|
|
@@ -9864,7 +9848,7 @@ class InputComponent extends AbstractComponent {
|
|
|
9864
9848
|
</ng-template>
|
|
9865
9849
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9866
9850
|
}
|
|
9867
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InputComponent, decorators: [{
|
|
9868
9852
|
type: Component,
|
|
9869
9853
|
args: [{
|
|
9870
9854
|
selector: 'rlb-input',
|
|
@@ -9936,10 +9920,10 @@ class InputGroupComponent {
|
|
|
9936
9920
|
}
|
|
9937
9921
|
});
|
|
9938
9922
|
}
|
|
9939
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9940
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
9923
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9924
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: InputGroupComponent, isStandalone: true, selector: "rlb-input-group", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, validate: { classPropertyName: "validate", publicName: "validate", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.has-validation": "validate()", "class.input-group": "!text()", "class.input-group-text": "text()", "class.input-group-sm": "size() === \"small\"", "class.input-group-lg": "size() === \"large\"" } }, queries: [{ propertyName: "inputs", predicate: InputComponent, isSignal: true }, { propertyName: "validation", first: true, predicate: InputValidationComponent, descendants: true, isSignal: true }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9941
9925
|
}
|
|
9942
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: InputGroupComponent, decorators: [{
|
|
9943
9927
|
type: Component,
|
|
9944
9928
|
args: [{
|
|
9945
9929
|
selector: 'rlb-input-group',
|
|
@@ -9964,8 +9948,8 @@ class OptionComponent {
|
|
|
9964
9948
|
this.template = viewChild.required('element');
|
|
9965
9949
|
this.contentTemplate = viewChild.required('content');
|
|
9966
9950
|
}
|
|
9967
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9968
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
9951
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9952
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: OptionComponent, isStandalone: true, selector: "rlb-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["element"], descendants: true, isSignal: true }, { propertyName: "contentTemplate", first: true, predicate: ["content"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
9969
9953
|
<ng-template #content>
|
|
9970
9954
|
<ng-content></ng-content>
|
|
9971
9955
|
</ng-template>
|
|
@@ -9981,7 +9965,7 @@ class OptionComponent {
|
|
|
9981
9965
|
</ng-template>
|
|
9982
9966
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9983
9967
|
}
|
|
9984
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: OptionComponent, decorators: [{
|
|
9985
9969
|
type: Component,
|
|
9986
9970
|
args: [{
|
|
9987
9971
|
selector: 'rlb-option',
|
|
@@ -10040,8 +10024,8 @@ class RadioComponent extends AbstractComponent {
|
|
|
10040
10024
|
el.nativeElement.value = data || '';
|
|
10041
10025
|
}
|
|
10042
10026
|
}
|
|
10043
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10044
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10028
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: RadioComponent, isStandalone: true, selector: "rlb-radio", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, queries: [{ propertyName: "options", predicate: OptionComponent, isSignal: true }], viewQueries: [{ propertyName: "contents", predicate: ["content"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
10045
10029
|
<div class="input-group has-validation">
|
|
10046
10030
|
<ng-content select="[before]"></ng-content>
|
|
10047
10031
|
|
|
@@ -10078,7 +10062,7 @@ class RadioComponent extends AbstractComponent {
|
|
|
10078
10062
|
</div>
|
|
10079
10063
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10080
10064
|
}
|
|
10081
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RadioComponent, decorators: [{
|
|
10082
10066
|
type: Component,
|
|
10083
10067
|
args: [{
|
|
10084
10068
|
selector: 'rlb-radio',
|
|
@@ -10152,8 +10136,8 @@ class RangeComponent extends AbstractComponent {
|
|
|
10152
10136
|
el.nativeElement.value = data || '';
|
|
10153
10137
|
}
|
|
10154
10138
|
}
|
|
10155
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10156
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
10139
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10140
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: RangeComponent, isStandalone: true, selector: "rlb-range", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", 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 }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" }, classAttribute: "d-flex flex-grow-1 flex-shrink-1 flex-auto" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
10157
10141
|
<ng-content select="[before]"></ng-content>
|
|
10158
10142
|
<div class="input-group has-validation">
|
|
10159
10143
|
<input
|
|
@@ -10177,7 +10161,7 @@ class RangeComponent extends AbstractComponent {
|
|
|
10177
10161
|
<ng-content select="[after]"></ng-content>
|
|
10178
10162
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10179
10163
|
}
|
|
10180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10164
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RangeComponent, decorators: [{
|
|
10181
10165
|
type: Component,
|
|
10182
10166
|
args: [{
|
|
10183
10167
|
selector: 'rlb-range',
|
|
@@ -10290,8 +10274,8 @@ class SelectComponent extends AbstractComponent {
|
|
|
10290
10274
|
}
|
|
10291
10275
|
}
|
|
10292
10276
|
}
|
|
10293
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10294
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10278
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: SelectComponent, isStandalone: true, selector: "rlb-select", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", 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 }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, enableValidation: { classPropertyName: "enableValidation", publicName: "enable-validation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, queries: [{ propertyName: "options", predicate: OptionComponent, isSignal: true }], viewQueries: [{ propertyName: "el", first: true, predicate: ["select"], descendants: true, isSignal: true }, { propertyName: "_projectedDisplayOptions", first: true, predicate: ["projectedDisplayOptions"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
10295
10279
|
<ng-content select="[before]"></ng-content>
|
|
10296
10280
|
<div class="input-group has-validation">
|
|
10297
10281
|
<select
|
|
@@ -10327,7 +10311,7 @@ class SelectComponent extends AbstractComponent {
|
|
|
10327
10311
|
<ng-content select="[after]"></ng-content>
|
|
10328
10312
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10329
10313
|
}
|
|
10330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10314
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SelectComponent, decorators: [{
|
|
10331
10315
|
type: Component,
|
|
10332
10316
|
args: [{
|
|
10333
10317
|
selector: 'rlb-select',
|
|
@@ -10416,8 +10400,8 @@ class SwitchComponent extends AbstractComponent {
|
|
|
10416
10400
|
}
|
|
10417
10401
|
}
|
|
10418
10402
|
}
|
|
10419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10420
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10403
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10404
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: SwitchComponent, isStandalone: true, selector: "rlb-switch", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
10421
10405
|
<div class="d-flex align-items-center gap-2">
|
|
10422
10406
|
@if (errors() && showError() && (control?.touched || control?.dirty)) {
|
|
10423
10407
|
<div class="invalid-feedback d-block">
|
|
@@ -10444,7 +10428,7 @@ class SwitchComponent extends AbstractComponent {
|
|
|
10444
10428
|
</div>
|
|
10445
10429
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10446
10430
|
}
|
|
10447
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SwitchComponent, decorators: [{
|
|
10448
10432
|
type: Component,
|
|
10449
10433
|
args: [{
|
|
10450
10434
|
selector: 'rlb-switch',
|
|
@@ -10508,8 +10492,8 @@ class TextAreaComponent extends AbstractComponent {
|
|
|
10508
10492
|
el.nativeElement.value = data || '';
|
|
10509
10493
|
}
|
|
10510
10494
|
}
|
|
10511
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10512
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10495
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10496
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: TextAreaComponent, isStandalone: true, selector: "rlb-textarea", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, viewQueries: [{ propertyName: "el", first: true, predicate: ["field"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
10513
10497
|
<ng-content select="[before]"></ng-content>
|
|
10514
10498
|
<div class="input-group has-validation">
|
|
10515
10499
|
<textarea
|
|
@@ -10534,7 +10518,7 @@ class TextAreaComponent extends AbstractComponent {
|
|
|
10534
10518
|
<ng-content select="[after]"></ng-content>
|
|
10535
10519
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputValidationComponent, selector: "rlb-input-validation", inputs: ["errors"], outputs: ["errorsChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10536
10520
|
}
|
|
10537
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
10538
10522
|
type: Component,
|
|
10539
10523
|
args: [{
|
|
10540
10524
|
selector: 'rlb-textarea',
|
|
@@ -10656,8 +10640,8 @@ class RlbFabInputComponent {
|
|
|
10656
10640
|
}
|
|
10657
10641
|
}, 10);
|
|
10658
10642
|
}
|
|
10659
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10660
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
10643
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbFabInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10644
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: RlbFabInputComponent, isStandalone: true, selector: "rlb-fab-input", outputs: { pasteAccepted: "pasteAccepted" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, queries: [{ propertyName: "rlbInput", first: true, predicate: InputComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
10661
10645
|
<div
|
|
10662
10646
|
class="rlb-fab-input-wrapper"
|
|
10663
10647
|
(focusout)="onFocusOut($event)"
|
|
@@ -10681,7 +10665,7 @@ class RlbFabInputComponent {
|
|
|
10681
10665
|
</div>
|
|
10682
10666
|
`, isInline: true, styles: [".rlb-fab-input-wrapper{display:inline-flex;align-items:center;justify-content:center;position:relative}.d-none{display:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10683
10667
|
}
|
|
10684
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbFabInputComponent, decorators: [{
|
|
10685
10669
|
type: Component,
|
|
10686
10670
|
args: [{ selector: 'rlb-fab-input', template: `
|
|
10687
10671
|
<div
|
|
@@ -10801,8 +10785,8 @@ class DataTableActionsComponent {
|
|
|
10801
10785
|
return false;
|
|
10802
10786
|
return !actions.some(o => !o.disabled());
|
|
10803
10787
|
}
|
|
10804
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10805
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10788
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10789
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: DataTableActionsComponent, isStandalone: true, selector: "rlb-dt-actions", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "actions", predicate: DataTableActionComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
10806
10790
|
<ng-template #template>
|
|
10807
10791
|
<div class="dropdown">
|
|
10808
10792
|
<button
|
|
@@ -10825,7 +10809,7 @@ class DataTableActionsComponent {
|
|
|
10825
10809
|
</ng-template>
|
|
10826
10810
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10827
10811
|
}
|
|
10828
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10812
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableActionsComponent, decorators: [{
|
|
10829
10813
|
type: Component,
|
|
10830
10814
|
args: [{
|
|
10831
10815
|
selector: 'rlb-dt-actions',
|
|
@@ -10863,8 +10847,8 @@ class DataTableCellComponent {
|
|
|
10863
10847
|
this.cssStyle = input(undefined, { ...(ngDevMode ? { debugName: "cssStyle" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
10864
10848
|
this.template = viewChild.required('template');
|
|
10865
10849
|
}
|
|
10866
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10867
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
10850
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10851
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: DataTableCellComponent, isStandalone: true, selector: "rlb-dt-cell", inputs: { colSpan: { classPropertyName: "colSpan", publicName: "col-span", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, cssStyle: { classPropertyName: "cssStyle", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
10868
10852
|
<ng-template #template>
|
|
10869
10853
|
<td
|
|
10870
10854
|
[colSpan]="colSpan()"
|
|
@@ -10876,7 +10860,7 @@ class DataTableCellComponent {
|
|
|
10876
10860
|
</ng-template>
|
|
10877
10861
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10878
10862
|
}
|
|
10879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableCellComponent, decorators: [{
|
|
10880
10864
|
type: Component,
|
|
10881
10865
|
args: [{
|
|
10882
10866
|
selector: 'rlb-dt-cell',
|
|
@@ -10908,8 +10892,8 @@ class DataTableHeaderComponent {
|
|
|
10908
10892
|
this.cssStyle = input(undefined, { ...(ngDevMode ? { debugName: "cssStyle" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
10909
10893
|
this.template = viewChild.required('template');
|
|
10910
10894
|
}
|
|
10911
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10912
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
10895
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10896
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: DataTableHeaderComponent, isStandalone: true, selector: "rlb-dt-header", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, sortable: { classPropertyName: "sortable", publicName: "sortable", isSignal: true, isRequired: false, transformFunction: null }, filtrable: { classPropertyName: "filtrable", publicName: "filtrable", isSignal: true, isRequired: false, transformFunction: null }, cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, cssStyle: { classPropertyName: "cssStyle", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
10913
10897
|
<ng-template #template>
|
|
10914
10898
|
<th
|
|
10915
10899
|
[class]="cssClass()"
|
|
@@ -10920,7 +10904,7 @@ class DataTableHeaderComponent {
|
|
|
10920
10904
|
</ng-template>
|
|
10921
10905
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10922
10906
|
}
|
|
10923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10907
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableHeaderComponent, decorators: [{
|
|
10924
10908
|
type: Component,
|
|
10925
10909
|
args: [{
|
|
10926
10910
|
selector: 'rlb-dt-header',
|
|
@@ -10948,8 +10932,8 @@ class DataTableRowComponent {
|
|
|
10948
10932
|
this.cells = contentChildren(DataTableCellComponent, ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
|
|
10949
10933
|
this.hasActions = computed(() => this.actionsBlock().length > 0, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
|
|
10950
10934
|
}
|
|
10951
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10952
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10935
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10936
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: DataTableRowComponent, isStandalone: true, selector: "rlb-dt-row", inputs: { cssClass: { classPropertyName: "cssClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, cssStyle: { classPropertyName: "cssStyle", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClick: "row-click" }, queries: [{ propertyName: "actionsBlock", predicate: DataTableActionsComponent, isSignal: true }, { propertyName: "cells", predicate: DataTableCellComponent, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
10953
10937
|
<ng-template #template>
|
|
10954
10938
|
<tr
|
|
10955
10939
|
[class]="cssClass()"
|
|
@@ -10973,7 +10957,7 @@ class DataTableRowComponent {
|
|
|
10973
10957
|
</ng-template>
|
|
10974
10958
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10975
10959
|
}
|
|
10976
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableRowComponent, decorators: [{
|
|
10977
10961
|
type: Component,
|
|
10978
10962
|
args: [{
|
|
10979
10963
|
selector: 'rlb-dt-row',
|
|
@@ -11012,14 +10996,14 @@ class DataTableNoItemsComponent {
|
|
|
11012
10996
|
constructor() {
|
|
11013
10997
|
this.template = viewChild.required('template');
|
|
11014
10998
|
}
|
|
11015
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11016
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
10999
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableNoItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11000
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: DataTableNoItemsComponent, isStandalone: true, selector: "rlb-dt-noitems", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
11017
11001
|
<ng-template #template>
|
|
11018
11002
|
<ng-content></ng-content>
|
|
11019
11003
|
</ng-template>
|
|
11020
11004
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11021
11005
|
}
|
|
11022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11006
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableNoItemsComponent, decorators: [{
|
|
11023
11007
|
type: Component,
|
|
11024
11008
|
args: [{
|
|
11025
11009
|
selector: 'rlb-dt-noitems',
|
|
@@ -11039,14 +11023,14 @@ class DataTableLoadingComponent {
|
|
|
11039
11023
|
constructor() {
|
|
11040
11024
|
this.template = viewChild.required('template');
|
|
11041
11025
|
}
|
|
11042
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11043
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
11026
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11027
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: DataTableLoadingComponent, isStandalone: true, selector: "rlb-dt-loading", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
11044
11028
|
<ng-template #template>
|
|
11045
11029
|
<ng-content></ng-content>
|
|
11046
11030
|
</ng-template>
|
|
11047
11031
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11048
11032
|
}
|
|
11049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11033
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableLoadingComponent, decorators: [{
|
|
11050
11034
|
type: Component,
|
|
11051
11035
|
args: [{
|
|
11052
11036
|
selector: 'rlb-dt-loading',
|
|
@@ -11235,10 +11219,10 @@ class DataTableComponent {
|
|
|
11235
11219
|
size: this.pageSize() ? parseInt(this.pageSize()) : 20,
|
|
11236
11220
|
});
|
|
11237
11221
|
}
|
|
11238
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11239
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: DataTableComponent, isStandalone: true, selector: "rlb-dt-table", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, creationStrategy: { classPropertyName: "creationStrategy", publicName: "creation-strategy", isSignal: true, isRequired: false, transformFunction: null }, creationUrl: { classPropertyName: "creationUrl", publicName: "creation-url", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, paginationMode: { classPropertyName: "paginationMode", publicName: "pagination-mode", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, tableHover: { classPropertyName: "tableHover", publicName: "table-hover", isSignal: true, isRequired: false, transformFunction: null }, tableStriped: { classPropertyName: "tableStriped", publicName: "table-striped", isSignal: true, isRequired: false, transformFunction: null }, tableStripedColumns: { classPropertyName: "tableStripedColumns", publicName: "table-striped-columns", isSignal: true, isRequired: false, transformFunction: null }, tableBordered: { classPropertyName: "tableBordered", publicName: "table-bordered", isSignal: true, isRequired: false, transformFunction: null }, tableBorderless: { classPropertyName: "tableBorderless", publicName: "table-borderless", isSignal: true, isRequired: false, transformFunction: null }, tableSmall: { classPropertyName: "tableSmall", publicName: "table-small", isSignal: true, isRequired: false, transformFunction: null }, showRefresh: { classPropertyName: "showRefresh", publicName: "show-refresh", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "total-items", isSignal: true, isRequired: false, transformFunction: null }, currentPage: { classPropertyName: "currentPage", publicName: "current-page", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "page-size", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, loadMoreLabel: { classPropertyName: "loadMoreLabel", publicName: "loadMoreLabel", isSignal: true, isRequired: false, transformFunction: null }, cardStyle: { classPropertyName: "cardStyle", publicName: "card-style", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { createItem: "create-item", refreshItem: "refresh-item", loadMore: "load-more", currentPageChange: "current-pageChange", pageSizeChange: "page-sizeChange", pagination: "pagination" }, host: { properties: { "class.dt-card-style": "cardStyle()" } }, queries: [{ propertyName: "rows", predicate: DataTableRowComponent, isSignal: true }, { propertyName: "columns", predicate: DataTableHeaderComponent, isSignal: true }, { propertyName: "noItemsBlock", predicate: DataTableNoItemsComponent, isSignal: true }, { propertyName: "loadingBlock", predicate: DataTableLoadingComponent, isSignal: true }], viewQueries: [{ propertyName: "_projectedDisplayColumns", first: true, predicate: ["projectedDisplayColumns"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "_projectedNoItems", first: true, predicate: ["projectedNoItems"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "_projectedLoading", first: true, predicate: ["projectedLoading"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "_projectedRows", first: true, predicate: ["projectedRows"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: "@if (creationStrategy() !== 'none' || title() || showRefresh()) {\n<div class=\"row mb-3\">\n <div class=\"col\">\n @if (title()) {\n <h3 class=\"float-start\">{{ title() }}</h3>\n }\n @if (showRefresh()) {\n <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" (click)=\"refreshItem.emit()\"\n [disabled]=\"loading()\">\n <i class=\"fa-solid fa-arrows-rotate\"></i>\n </button>\n }\n @if (creationStrategy() === 'page') {\n <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" [routerLink]=\"creationUrl()\">\n <i class=\"fa-solid fa-plus\"></i>\n </button>\n }\n @if (creationStrategy() === 'modal') {\n <button type=\"button\" class=\"btn btn-outline-primary float-end mb-2 me-3\" (click)=\"createItem.emit()\">\n <i class=\"fa-solid fa-plus\"></i>\n </button>\n }\n </div>\n</div>\n}\n<div class=\"table-responsive\">\n <table [ngClass]=\"getTableClasses()\">\n <thead>\n <tr>\n <ng-container #projectedDisplayColumns></ng-container>\n @if (hasActions()) {\n <th>\n <span class=\"float-end pe-2\">\n Actions\n </span>\n </th>\n }\n </tr>\n </thead>\n <tbody>\n @if (!loading()) {\n <!-- ng-container for standard structural projected rows -->\n <ng-container #projectedRows></ng-container>\n }\n\n <!-- 2. For internal states native HTML tr/td -->\n @if (!loading() && items().length === 0 && rows().length === 0) {\n <tr class=\"text-center\">\n <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n <ng-container #projectedNoItems></ng-container>\n </td>\n </tr>\n }\n\n @if (loading()) {\n <tr class=\"text-center\">\n <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n <ng-container #projectedLoading></ng-container>\n </td>\n </tr>\n }\n </tbody>\n @if (paginationMode() !== 'none') {\n <tfoot>\n <tr>\n <td [attr.colspan]=\"cols()\" style=\"border: 0\">\n @if (paginationMode() === 'load-more') {\n <button type=\"button\" class=\"btn btn-primary float-end btn-sm mt-2\" [disabled]=\"loading()\"\n (click)=\"loadMore.emit()\">\n {{ loadMoreLabel() }}\n </button>\n }\n @if (paginationMode() === 'pages') {\n <nav aria-label=\"Page navigation example\">\n <ul class=\"pagination float-end pagination-sm\">\n <li class=\"page-item\">\n <a class=\"page-link d-block\" [class.disabled]=\"currentPage() === 1\" href=\"#\" aria-label=\"Previous\"\n (click)=\"prev($event)\">\n <span aria-hidden=\"true\">«</span>\n </a>\n </li>\n @for (page of visiblePages(); track page) {\n <li class=\"page-item\" [class.active]=\"currentPage() === page\" [class.disabled]=\"page === '...'\">\n <a class=\"page-link d-block\" href=\"#\" (click)=\"selectPage($event, page)\">\n {{ page }}\n </a>\n </li>\n }\n <li class=\"page-item\">\n <a class=\"page-link d-block\" [class.disabled]=\"currentPage() === pages()\" href=\"#\" aria-label=\"Next\"\n (click)=\"next($event)\">\n <span aria-hidden=\"true\">»</span>\n </a>\n </li>\n </ul>\n <ul class=\"ps-0 float-end me-3\">\n <rlb-select size=\"small\" [ngModel]=\"pageSize()\" (ngModelChange)=\"onPageSizeChange($event)\"\n [disabled]=\"items().length === 0\">\n <rlb-option [value]=\"10\">10</rlb-option>\n <rlb-option [value]=\"20\">20</rlb-option>\n <rlb-option [value]=\"50\">50</rlb-option>\n <rlb-option [value]=\"100\">100</rlb-option>\n </rlb-select>\n </ul>\n </nav>\n }\n </td>\n </tr>\n </tfoot>\n }\n </table>\n</div>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SelectComponent, selector: "rlb-select", inputs: ["placeholder", "size", "disabled", "readonly", "multiple", "display", "inputId", "enable-validation"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: OptionComponent, selector: "rlb-option", inputs: ["value", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11240
11224
|
}
|
|
11241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: DataTableComponent, decorators: [{
|
|
11242
11226
|
type: Component,
|
|
11243
11227
|
args: [{ selector: 'rlb-dt-table', host: {
|
|
11244
11228
|
// This automatically adds the 'dt-card-style' class to the <rlb-dt-table>
|
|
@@ -11327,10 +11311,10 @@ class FormFieldsComponent {
|
|
|
11327
11311
|
submitForm() {
|
|
11328
11312
|
this.form()?.onSubmit({});
|
|
11329
11313
|
}
|
|
11330
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11331
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11314
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11315
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FormFieldsComponent, isStandalone: true, selector: "rlb-form-fields", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "sub-title", isSignal: true, isRequired: false, transformFunction: null }, noSubmit: { classPropertyName: "noSubmit", publicName: "no-submit", isSignal: true, isRequired: false, transformFunction: null }, noCard: { classPropertyName: "noCard", publicName: "no-card", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { submit: "submit" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["ngForm"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (noCard()) {\n<ng-container [ngTemplateOutlet]=\"formTemplate\"></ng-container>\n} @else {\n<div class=\"card mb-3\">\n <div class=\"card-body\">\n @if (title()) {\n <h5 class=\"card-title\">{{ title() | translate }}</h5>\n }\n @if (subTitle()) {\n <p class=\"card-text\">{{ subTitle() | translate }}</p>\n }\n <ng-container [ngTemplateOutlet]=\"formTemplate\"></ng-container>\n </div>\n</div>\n}\n\n\n<ng-template #formTemplate>\n @if (filterForm()) {\n <form [formGroup]=\"filterForm()!\" [class.was-validated]=\"ngForm.submitted\" class=\"needs-validation\" #ngForm=\"ngForm\"\n (ngSubmit)=\"onFilterSubmit()\">\n <div class=\"row\">\n @for (inputItem of _fields(); track identify($index, inputItem)) {\n <div class=\"col\" [ngClass]=\"inputItem.cols\">\n <div class=\"mb-3\">\n @if (isText(inputItem.type)) {\n <rlb-input [formControlName]=\"inputItem.property\" [type]=\"inputItem.type\"\n [placeholder]=\"inputItem.name | translate\">\n @if (inputItem.label) {\n <ng-container before>\n <span #after>\n {{ inputItem.label | translate }}\n </span>\n </ng-container>\n }\n </rlb-input>\n }\n @if (isSwitch(inputItem.type)) {\n <rlb-switch [formControlName]=\"inputItem.property\" />\n }\n </div>\n </div>\n }\n </div>\n @if (!noSubmit()) {\n <div class=\"row\">\n <div class=\"col\">\n <button class=\"btn btn-primary float-end\" [disabled]=\"!filterForm()!.valid\">\n {{ \"common.filter\" | translate }}\n </button>\n </div>\n </div>\n }\n </form>\n }\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: InputComponent, selector: "rlb-input", inputs: ["disabled", "readonly", "placeholder", "type", "size", "name", "max", "min", "step", "date-type", "timezone", "inputId", "extValidation", "enable-validation"] }, { kind: "component", type: SwitchComponent, selector: "rlb-switch", inputs: ["disabled", "readonly", "size", "id"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11332
11316
|
}
|
|
11333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FormFieldsComponent, decorators: [{
|
|
11334
11318
|
type: Component,
|
|
11335
11319
|
args: [{ selector: 'rlb-form-fields', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
11336
11320
|
NgTemplateOutlet,
|
|
@@ -11358,8 +11342,8 @@ class GenericComponent {
|
|
|
11358
11342
|
const COMPONENT_BUILDER = [ComponentHostDirective];
|
|
11359
11343
|
|
|
11360
11344
|
class RlbBootstrapModule {
|
|
11361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11362
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
11345
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbBootstrapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11346
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: RlbBootstrapModule, imports: [CommonModule,
|
|
11363
11347
|
FormsModule,
|
|
11364
11348
|
ReactiveFormsModule,
|
|
11365
11349
|
TranslateModule,
|
|
@@ -11369,13 +11353,13 @@ class RlbBootstrapModule {
|
|
|
11369
11353
|
CdkDropList,
|
|
11370
11354
|
CdkDragPlaceholder,
|
|
11371
11355
|
CdkDragPreview, DataTableActionComponent, DataTableActionsComponent, DataTableCellComponent, DataTableHeaderComponent, DataTableRowComponent, DataTableComponent, DataTableLoadingComponent, DataTableNoItemsComponent, AutocompleteComponent, CheckboxComponent, InputComponent, SwitchComponent, TextAreaComponent, ColorComponent, DatalistComponent, RangeComponent, SelectComponent, RadioComponent, OptionComponent, FileComponent, InputGroupComponent, HelpText, DndDirective, FileDndComponent, InputValidationComponent, AutocompleteCountryComponent, AutocompleteTimezonesComponent, AutocompleteCountryDialCodeComponent, AlertComponent, BreadcrumbComponent, AccordionComponent, AccordionItemComponent, AccordionHeaderComponent, AccordionBodyComponent, ButtonComponent, ButtonCloseComponent, ButtonGroupComponent, ButtonToolbarComponent, RlbFabComponent, RlbFabInputComponent, BadgeDirective, BadgeComponent, CardBodyComponent, CardFooterComponent, CardGroupComponent, CardHeaderComponent, CardImageComponent, CardLinkComponent, CardSubtitleComponent, CardTextComponent, CardTitleComponent, CardComponent, SpinnerComponent, ProgressComponent, TooltipDirective, PopoverDirective, PlaceholderDirective, CollapseComponent, DropdownComponent, DropdownContainerComponent, DropdownMenuItemComponent, DropdownDirective, NavbarBrandDirective, NavbarCustomItemsDirective, NavbarComponent, NavbarFormComponent, NavbarTextComponent, NavbarItemsComponent, NavbarDropdownItemComponent, NavbarItemComponent, NavbarSeparatorComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasTitleComponent, OffcanvasBodyComponent, ToggleDirective, SidebarComponent, SidebarItemComponent, NavComponent, NavItemComponent, TabsComponent, TabComponent, TabContentComponent, TabPaneComponent, PaginationItemComponent, PaginationComponent, ScrollspyDirective, CarouselComponent, CarouselCaptionComponent, CarouselSlideComponent, ListComponent, ListItemComponent, ListItemImageComponent, AvatarComponent, ChatContainerComponent, ChatItemComponent, RlbPlaceholderComponent, RlbPlaceholderLineComponent, RlbPlaceholderTextComponent, ModalContainerComponent, ToastContainerComponent, CalendarComponent, CalendarHeaderComponent, CalendarGrid, CalendarWeekGridComponent, CalendarDayGridComponent, CalendarMonthGridComponent, CalendarEventComponent, ComponentHostDirective, DateTzPipe, MonthFormatterPipe, DayOfWeekPipe, FormFieldsComponent], exports: [DataTableActionComponent, DataTableActionsComponent, DataTableCellComponent, DataTableHeaderComponent, DataTableRowComponent, DataTableComponent, DataTableLoadingComponent, DataTableNoItemsComponent, AutocompleteComponent, CheckboxComponent, InputComponent, SwitchComponent, TextAreaComponent, ColorComponent, DatalistComponent, RangeComponent, SelectComponent, RadioComponent, OptionComponent, FileComponent, InputGroupComponent, HelpText, DndDirective, FileDndComponent, InputValidationComponent, AutocompleteCountryComponent, AutocompleteTimezonesComponent, AutocompleteCountryDialCodeComponent, AlertComponent, BreadcrumbComponent, AccordionComponent, AccordionItemComponent, AccordionHeaderComponent, AccordionBodyComponent, ButtonComponent, ButtonCloseComponent, ButtonGroupComponent, ButtonToolbarComponent, RlbFabComponent, RlbFabInputComponent, BadgeDirective, BadgeComponent, CardBodyComponent, CardFooterComponent, CardGroupComponent, CardHeaderComponent, CardImageComponent, CardLinkComponent, CardSubtitleComponent, CardTextComponent, CardTitleComponent, CardComponent, SpinnerComponent, ProgressComponent, TooltipDirective, PopoverDirective, PlaceholderDirective, CollapseComponent, DropdownComponent, DropdownContainerComponent, DropdownMenuItemComponent, DropdownDirective, NavbarBrandDirective, NavbarCustomItemsDirective, NavbarComponent, NavbarFormComponent, NavbarTextComponent, NavbarItemsComponent, NavbarDropdownItemComponent, NavbarItemComponent, NavbarSeparatorComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasTitleComponent, OffcanvasBodyComponent, ToggleDirective, SidebarComponent, SidebarItemComponent, NavComponent, NavItemComponent, TabsComponent, TabComponent, TabContentComponent, TabPaneComponent, PaginationItemComponent, PaginationComponent, ScrollspyDirective, CarouselComponent, CarouselCaptionComponent, CarouselSlideComponent, ListComponent, ListItemComponent, ListItemImageComponent, AvatarComponent, ChatContainerComponent, ChatItemComponent, RlbPlaceholderComponent, RlbPlaceholderLineComponent, RlbPlaceholderTextComponent, ModalContainerComponent, ToastContainerComponent, CalendarComponent, CalendarHeaderComponent, CalendarGrid, CalendarWeekGridComponent, CalendarDayGridComponent, CalendarMonthGridComponent, CalendarEventComponent, DateTzPipe, MonthFormatterPipe, DayOfWeekPipe, FormFieldsComponent] }); }
|
|
11372
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
11356
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbBootstrapModule, imports: [CommonModule,
|
|
11373
11357
|
FormsModule,
|
|
11374
11358
|
ReactiveFormsModule,
|
|
11375
11359
|
TranslateModule,
|
|
11376
11360
|
RouterModule, DataTableComponent, SelectComponent, OptionComponent, NavbarFormComponent, FormFieldsComponent] }); }
|
|
11377
11361
|
}
|
|
11378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: RlbBootstrapModule, decorators: [{
|
|
11379
11363
|
type: NgModule,
|
|
11380
11364
|
args: [{
|
|
11381
11365
|
imports: [
|
|
@@ -11418,8 +11402,8 @@ class SearchModalComponent {
|
|
|
11418
11402
|
}
|
|
11419
11403
|
onEnter() { }
|
|
11420
11404
|
ngOnInit() { }
|
|
11421
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11422
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
11405
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11406
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", type: SearchModalComponent, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "btn", first: true, predicate: ["btn"], descendants: true, isSignal: true }], hostDirectives: [{ directive: ModalDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
|
|
11423
11407
|
<div class="modal-header">
|
|
11424
11408
|
<h5 class="modal-title">{{ data().title }}</h5>
|
|
11425
11409
|
<button
|
|
@@ -11451,7 +11435,7 @@ class SearchModalComponent {
|
|
|
11451
11435
|
</div>
|
|
11452
11436
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }, { kind: "component", type: InputComponent, selector: "rlb-input", inputs: ["disabled", "readonly", "placeholder", "type", "size", "name", "max", "min", "step", "date-type", "timezone", "inputId", "extValidation", "enable-validation"] }, { kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11453
11437
|
}
|
|
11454
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SearchModalComponent, decorators: [{
|
|
11455
11439
|
type: Component,
|
|
11456
11440
|
args: [{
|
|
11457
11441
|
imports: [RlbBootstrapModule, FormsModule],
|
|
@@ -11509,8 +11493,8 @@ class CommonModalComponent {
|
|
|
11509
11493
|
}
|
|
11510
11494
|
onEnter() { }
|
|
11511
11495
|
ngOnInit() { }
|
|
11512
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11513
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11496
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CommonModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11497
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CommonModalComponent, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "btn", first: true, predicate: ["btn"], descendants: true, isSignal: true }], hostDirectives: [{ directive: ModalDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
|
|
11514
11498
|
<div [class]="'modal-header' + headerColor()">
|
|
11515
11499
|
<h5 class="modal-title">{{ data().title }}</h5>
|
|
11516
11500
|
<button
|
|
@@ -11551,7 +11535,7 @@ class CommonModalComponent {
|
|
|
11551
11535
|
</div>
|
|
11552
11536
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }, { kind: "component", type: ButtonComponent, selector: "button[rlb-button], a[rlb-button]", inputs: ["color", "size", "disabled", "outline", "isLink"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11553
11537
|
}
|
|
11554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CommonModalComponent, decorators: [{
|
|
11555
11539
|
type: Component,
|
|
11556
11540
|
args: [{
|
|
11557
11541
|
imports: [RlbBootstrapModule, FormsModule],
|
|
@@ -11670,8 +11654,8 @@ class EventCreateEditComponent {
|
|
|
11670
11654
|
this.destroy$.next();
|
|
11671
11655
|
this.destroy$.complete();
|
|
11672
11656
|
}
|
|
11673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11674
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EventCreateEditComponent, deps: [{ token: i1.FormBuilder }, { token: UniqueIdService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11658
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: EventCreateEditComponent, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: ModalDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
|
|
11675
11659
|
<div [formGroup]="form">
|
|
11676
11660
|
<div [class]="'modal-header' + headerColor()">
|
|
11677
11661
|
<h5 class="modal-title">
|
|
@@ -11751,7 +11735,7 @@ class EventCreateEditComponent {
|
|
|
11751
11735
|
</div>
|
|
11752
11736
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }, { kind: "component", type: InputComponent, selector: "rlb-input", inputs: ["disabled", "readonly", "placeholder", "type", "size", "name", "max", "min", "step", "date-type", "timezone", "inputId", "extValidation", "enable-validation"] }, { kind: "component", type: SwitchComponent, selector: "rlb-switch", inputs: ["disabled", "readonly", "size", "id"] }, { kind: "component", type: SelectComponent, selector: "rlb-select", inputs: ["placeholder", "size", "disabled", "readonly", "multiple", "display", "inputId", "enable-validation"] }, { kind: "component", type: OptionComponent, selector: "rlb-option", inputs: ["value", "disabled"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11753
11737
|
}
|
|
11754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11738
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: EventCreateEditComponent, decorators: [{
|
|
11755
11739
|
type: Component,
|
|
11756
11740
|
args: [{
|
|
11757
11741
|
imports: [RlbBootstrapModule, ReactiveFormsModule],
|
|
@@ -11858,8 +11842,8 @@ class CalendarOverflowEventsContainerComponent {
|
|
|
11858
11842
|
return this.data()?.type ? ` bg-${this.data().type}` : '';
|
|
11859
11843
|
}, ...(ngDevMode ? [{ debugName: "headerColor" }] : /* istanbul ignore next */ []));
|
|
11860
11844
|
}
|
|
11861
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11862
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11845
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarOverflowEventsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11846
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarOverflowEventsContainerComponent, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: ModalDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
|
|
11863
11847
|
<div [class]="'modal-header' + headerColor()">
|
|
11864
11848
|
<h5 class="modal-title">{{ data().title }}</h5>
|
|
11865
11849
|
<button
|
|
@@ -11907,7 +11891,7 @@ class CalendarOverflowEventsContainerComponent {
|
|
|
11907
11891
|
</div>
|
|
11908
11892
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }, { kind: "component", type: CalendarEventComponent, selector: "rlb-calendar-event", inputs: ["event", "view"], outputs: ["event-click", "event-container-click"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11909
11893
|
}
|
|
11910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarOverflowEventsContainerComponent, decorators: [{
|
|
11911
11895
|
type: Component,
|
|
11912
11896
|
args: [{
|
|
11913
11897
|
template: `
|
|
@@ -11972,8 +11956,8 @@ class CalendarToastComponent {
|
|
|
11972
11956
|
constructor() {
|
|
11973
11957
|
this.valid = signal(true, ...(ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []));
|
|
11974
11958
|
}
|
|
11975
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11976
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11959
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11960
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CalendarToastComponent, isStandalone: true, selector: "ng-component", hostDirectives: [{ directive: ToastDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
|
|
11977
11961
|
<div class="toast-header">
|
|
11978
11962
|
<strong class="me-auto">{{ data().title }}</strong>
|
|
11979
11963
|
@if (data().subtitle) {
|
|
@@ -11989,7 +11973,7 @@ class CalendarToastComponent {
|
|
|
11989
11973
|
<div class="toast-body">{{ data().content }}</div>
|
|
11990
11974
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11991
11975
|
}
|
|
11992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CalendarToastComponent, decorators: [{
|
|
11993
11977
|
type: Component,
|
|
11994
11978
|
args: [{
|
|
11995
11979
|
template: `
|