@open-rlb/ng-bootstrap 3.3.32 → 3.3.34
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, booleanAttribute, output, viewChild, ChangeDetectionStrategy, Component, signal, computed, inject, ElementRef, Renderer2, effect, Directive, Injectable, contentChild, ViewContainerRef, contentChildren, numberAttribute, model, isSignal, Pipe, DOCUMENT, ViewChild, ChangeDetectorRef, DestroyRef, Self, Optional, HostListener, InjectionToken,
|
|
2
|
+
import { input, booleanAttribute, output, viewChild, ChangeDetectionStrategy, Component, signal, computed, inject, ElementRef, Renderer2, effect, Directive, Injectable, contentChild, ViewContainerRef, contentChildren, numberAttribute, model, isSignal, Pipe, DOCUMENT, ViewChild, ChangeDetectorRef, DestroyRef, Self, Optional, HostListener, InjectionToken, afterNextRender, untracked, viewChildren, NgModule } from '@angular/core';
|
|
3
3
|
import * as i2$1 from '@angular/router';
|
|
4
4
|
import { RouterLink, RouterLinkActive, RouterModule } from '@angular/router';
|
|
5
5
|
import { Collapse, Carousel, Dropdown, Modal, Toast, Offcanvas, ScrollSpy, Popover, Tooltip } from 'bootstrap';
|
|
@@ -7,7 +7,7 @@ import { NgTemplateOutlet, formatDate, NgClass, TitleCasePipe, JsonPipe, CommonM
|
|
|
7
7
|
import { Subject, of, map, shareReplay, take, filter, switchMap, Subscription, debounceTime, distinctUntilChanged, Observable, lastValueFrom, takeUntil } from 'rxjs';
|
|
8
8
|
import * as i2 from '@angular/cdk/layout';
|
|
9
9
|
import * as i1 from '@angular/forms';
|
|
10
|
-
import { FormsModule, NgControl, FormControl,
|
|
10
|
+
import { FormsModule, NgControl, FormControl, ReactiveFormsModule, FormGroup, Validators } from '@angular/forms';
|
|
11
11
|
import { DateTz as DateTz$1 } from '@open-rlb/date-tz/date-tz';
|
|
12
12
|
import { DateTz } from '@open-rlb/date-tz';
|
|
13
13
|
import { CdkDropListGroup, CdkDropList, CdkDrag, CdkDragPlaceholder, CdkDragPreview } from '@angular/cdk/drag-drop';
|
|
@@ -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.17", ngImport: i0, type: DataTableActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: AccordionBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
81
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
139
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: ButtonToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: ToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
225
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: AccordionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
244
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: UniqueIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
272
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: ToggleAbstractComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
372
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: AccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
454
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
539
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
576
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
646
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
790
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
804
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
854
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: ButtonCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
875
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
896
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
920
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: CardGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
937
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
951
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: CardImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
969
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: CardLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
988
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: CardSubtitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1002
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: CardTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1016
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: CardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1030
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1063
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: CarouselCaptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1110
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: CarouselSlideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: CollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1371
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: DropdownMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1466
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1559
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1664
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1737
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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.17", ngImport: i0, type: BuilderComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1788
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: AbstractRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1837
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", 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.17", 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.16", 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.17", ngImport: i0, type: ModalRegistryOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1848
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: ModalContainerComponent, deps: [{ token: InnerModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1947
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: ModalService, deps: [{ token: InnerModalService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2188
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: NavbarCustomItemsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2353
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", 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.17", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2448
2448
|
type: Component,
|
|
2449
2449
|
args: [{
|
|
2450
2450
|
selector: 'rlb-avatar',
|
|
@@ -2505,10 +2505,10 @@ 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.17", ngImport: i0, type: RlbFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2509
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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.17", 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 }] }] } });
|
|
@@ -2577,10 +2577,10 @@ class DateTzPipe {
|
|
|
2577
2577
|
return '';
|
|
2578
2578
|
return `${value.toString?.(format) || ''}${tz ? ' (' + value.timezone + ')' : ''}`;
|
|
2579
2579
|
}
|
|
2580
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2581
|
-
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.17", ngImport: i0, type: DateTzPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2581
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: DateTzPipe, isStandalone: true, name: "dtz" }); }
|
|
2582
2582
|
}
|
|
2583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateTzPipe, decorators: [{
|
|
2584
2584
|
type: Pipe,
|
|
2585
2585
|
args: [{ name: 'dtz' }]
|
|
2586
2586
|
}] });
|
|
@@ -2608,10 +2608,10 @@ class DayOfWeekPipe {
|
|
|
2608
2608
|
return '';
|
|
2609
2609
|
}
|
|
2610
2610
|
}
|
|
2611
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2612
|
-
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.17", ngImport: i0, type: DayOfWeekPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2612
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: DayOfWeekPipe, isStandalone: true, name: "dayOfWeek" }); }
|
|
2613
2613
|
}
|
|
2614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DayOfWeekPipe, decorators: [{
|
|
2615
2615
|
type: Pipe,
|
|
2616
2616
|
args: [{ name: 'dayOfWeek' }]
|
|
2617
2617
|
}] });
|
|
@@ -2670,10 +2670,10 @@ class CalendarEventComponent {
|
|
|
2670
2670
|
this.eventClick.emit(event);
|
|
2671
2671
|
}
|
|
2672
2672
|
}
|
|
2673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
2674
|
-
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.17", ngImport: i0, type: CalendarEventComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2674
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 }); }
|
|
2675
2675
|
}
|
|
2676
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
2676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarEventComponent, decorators: [{
|
|
2677
2677
|
type: Component,
|
|
2678
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"] }]
|
|
2679
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"] }] } });
|
|
@@ -3002,10 +3002,10 @@ class CalendarWeekGridComponent {
|
|
|
3002
3002
|
return idA.localeCompare(idB);
|
|
3003
3003
|
});
|
|
3004
3004
|
}
|
|
3005
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3006
|
-
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.17", ngImport: i0, type: CalendarWeekGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3006
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 }); }
|
|
3007
3007
|
}
|
|
3008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarWeekGridComponent, decorators: [{
|
|
3009
3009
|
type: Component,
|
|
3010
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"] }]
|
|
3011
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 }] }] } });
|
|
@@ -3266,10 +3266,10 @@ class CalendarMonthGridComponent {
|
|
|
3266
3266
|
};
|
|
3267
3267
|
this.eventChange.emit(updatedEvent);
|
|
3268
3268
|
}
|
|
3269
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3270
|
-
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.17", ngImport: i0, type: CalendarMonthGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3270
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 }); }
|
|
3271
3271
|
}
|
|
3272
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3272
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarMonthGridComponent, decorators: [{
|
|
3273
3273
|
type: Component,
|
|
3274
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"] }]
|
|
3275
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 }] }] } });
|
|
@@ -3519,10 +3519,10 @@ class CalendarDayGridComponent {
|
|
|
3519
3519
|
return idA.localeCompare(idB);
|
|
3520
3520
|
});
|
|
3521
3521
|
}
|
|
3522
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3523
|
-
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.17", ngImport: i0, type: CalendarDayGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3523
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 }); }
|
|
3524
3524
|
}
|
|
3525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3525
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarDayGridComponent, decorators: [{
|
|
3526
3526
|
type: Component,
|
|
3527
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"] }]
|
|
3528
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 }] }] } });
|
|
@@ -3540,10 +3540,10 @@ class CalendarGrid {
|
|
|
3540
3540
|
this.eventChange = output({ alias: 'event-change' });
|
|
3541
3541
|
}
|
|
3542
3542
|
ngOnDestroy() { }
|
|
3543
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3544
|
-
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.17", ngImport: i0, type: CalendarGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3544
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 }); }
|
|
3545
3545
|
}
|
|
3546
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarGrid, decorators: [{
|
|
3547
3547
|
type: Component,
|
|
3548
3548
|
args: [{ selector: 'rlb-calendar-grid', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
3549
3549
|
CalendarWeekGridComponent,
|
|
@@ -3571,10 +3571,10 @@ class MonthFormatterPipe {
|
|
|
3571
3571
|
const rest = parts.slice(2).join(' ');
|
|
3572
3572
|
return `${day} ${month}${rest ? ' ' + rest : ''}`;
|
|
3573
3573
|
}
|
|
3574
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3575
|
-
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.17", ngImport: i0, type: MonthFormatterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
3575
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MonthFormatterPipe, isStandalone: true, name: "monthFormatter" }); }
|
|
3576
3576
|
}
|
|
3577
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3577
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MonthFormatterPipe, decorators: [{
|
|
3578
3578
|
type: Pipe,
|
|
3579
3579
|
args: [{ name: 'monthFormatter' }]
|
|
3580
3580
|
}] });
|
|
@@ -3635,10 +3635,10 @@ class CalendarHeaderComponent {
|
|
|
3635
3635
|
setView(view) {
|
|
3636
3636
|
this.viewChange.emit(view);
|
|
3637
3637
|
}
|
|
3638
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3639
|
-
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.17", ngImport: i0, type: CalendarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3639
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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 }); }
|
|
3640
3640
|
}
|
|
3641
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3641
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
|
|
3642
3642
|
type: Component,
|
|
3643
3643
|
args: [{ selector: 'rlb-calendar-header', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
3644
3644
|
ButtonComponent,
|
|
@@ -3659,10 +3659,10 @@ const DEFAULT_CALENDAR_LAYOUT = {
|
|
|
3659
3659
|
};
|
|
3660
3660
|
|
|
3661
3661
|
class ToastRegistryOptions {
|
|
3662
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3663
|
-
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.17", ngImport: i0, type: ToastRegistryOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3663
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastRegistryOptions, providedIn: 'root' }); }
|
|
3664
3664
|
}
|
|
3665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3665
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastRegistryOptions, decorators: [{
|
|
3666
3666
|
type: Injectable,
|
|
3667
3667
|
args: [{
|
|
3668
3668
|
providedIn: 'root',
|
|
@@ -3743,10 +3743,10 @@ class InnerToastService extends AbstractRegistryService {
|
|
|
3743
3743
|
toast?.subject.complete();
|
|
3744
3744
|
}
|
|
3745
3745
|
}
|
|
3746
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3747
|
-
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.17", 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.17", ngImport: i0, type: InnerToastService, providedIn: 'root' }); }
|
|
3748
3748
|
}
|
|
3749
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InnerToastService, decorators: [{
|
|
3750
3750
|
type: Injectable,
|
|
3751
3751
|
args: [{
|
|
3752
3752
|
providedIn: 'root',
|
|
@@ -3764,12 +3764,12 @@ class ToastContainerComponent extends BuilderComponent {
|
|
|
3764
3764
|
ngOnDestroy() {
|
|
3765
3765
|
this.toastService.removeBuilder(this.builderId());
|
|
3766
3766
|
}
|
|
3767
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3768
|
-
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.17", ngImport: i0, type: ToastContainerComponent, deps: [{ token: InnerToastService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3768
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
3769
3769
|
<ng-template component-host></ng-template>
|
|
3770
3770
|
`, isInline: true, dependencies: [{ kind: "directive", type: ComponentHostDirective, selector: "[component-host]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3771
3771
|
}
|
|
3772
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastContainerComponent, decorators: [{
|
|
3773
3773
|
type: Component,
|
|
3774
3774
|
args: [{
|
|
3775
3775
|
selector: 'rlb-toast-container',
|
|
@@ -3857,10 +3857,10 @@ class ToastDirective {
|
|
|
3857
3857
|
});
|
|
3858
3858
|
}
|
|
3859
3859
|
}
|
|
3860
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3861
|
-
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.17", 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.17", 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 }); }
|
|
3862
3862
|
}
|
|
3863
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3863
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastDirective, decorators: [{
|
|
3864
3864
|
type: Directive,
|
|
3865
3865
|
args: [{
|
|
3866
3866
|
selector: '[rlb-toast]',
|
|
@@ -3874,10 +3874,10 @@ class ToastService {
|
|
|
3874
3874
|
openToast(containerId, name, data, options) {
|
|
3875
3875
|
return this.modalService.openToast(containerId, name, data, options);
|
|
3876
3876
|
}
|
|
3877
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
3878
|
-
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.17", ngImport: i0, type: ToastService, deps: [{ token: InnerToastService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
3878
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastService, providedIn: 'root' }); }
|
|
3879
3879
|
}
|
|
3880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
3880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToastService, decorators: [{
|
|
3881
3881
|
type: Injectable,
|
|
3882
3882
|
args: [{
|
|
3883
3883
|
providedIn: 'root',
|
|
@@ -4079,10 +4079,10 @@ class CalendarComponent {
|
|
|
4079
4079
|
})
|
|
4080
4080
|
.pipe(take(1));
|
|
4081
4081
|
}
|
|
4082
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4083
|
-
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.17", 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.17", 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 }); }
|
|
4084
4084
|
}
|
|
4085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
4086
4086
|
type: Component,
|
|
4087
4087
|
args: [{ selector: 'rlb-calendar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
4088
4088
|
CalendarHeaderComponent,
|
|
@@ -4102,12 +4102,12 @@ const CALENDAR_COMPONENTS = [
|
|
|
4102
4102
|
];
|
|
4103
4103
|
|
|
4104
4104
|
class ChatContainerComponent {
|
|
4105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4106
|
-
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.17", ngImport: i0, type: ChatContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ChatContainerComponent, isStandalone: true, selector: "rlb-chat-container", host: { classAttribute: "chat-bubble__wrap" }, ngImport: i0, template: `
|
|
4107
4107
|
<ng-content />
|
|
4108
4108
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4109
4109
|
}
|
|
4110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatContainerComponent, decorators: [{
|
|
4111
4111
|
type: Component,
|
|
4112
4112
|
args: [{
|
|
4113
4113
|
selector: 'rlb-chat-container',
|
|
@@ -4141,8 +4141,8 @@ class ChatItemComponent {
|
|
|
4141
4141
|
event?.preventDefault();
|
|
4142
4142
|
this.reply.emit(this.replayId());
|
|
4143
4143
|
}
|
|
4144
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4145
|
-
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.17", ngImport: i0, type: ChatItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4145
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
4146
4146
|
<div
|
|
4147
4147
|
[id]="id()"
|
|
4148
4148
|
class="chat-bubble-item"
|
|
@@ -4228,7 +4228,7 @@ class ChatItemComponent {
|
|
|
4228
4228
|
</div>
|
|
4229
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 }); }
|
|
4230
4230
|
}
|
|
4231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChatItemComponent, decorators: [{
|
|
4232
4232
|
type: Component,
|
|
4233
4233
|
args: [{
|
|
4234
4234
|
selector: 'rlb-chat-item',
|
|
@@ -4330,12 +4330,12 @@ class ListComponent {
|
|
|
4330
4330
|
this.flush = input(false, { ...(ngDevMode ? { debugName: "flush" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4331
4331
|
this.horizontal = input(false, { ...(ngDevMode ? { debugName: "horizontal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4332
4332
|
}
|
|
4333
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4334
|
-
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.17", ngImport: i0, type: ListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4334
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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: `
|
|
4335
4335
|
<ng-content select="rlb-list-item, rlb-list-item-image"></ng-content>
|
|
4336
4336
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4337
4337
|
}
|
|
4338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4338
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ListComponent, decorators: [{
|
|
4339
4339
|
type: Component,
|
|
4340
4340
|
args: [{
|
|
4341
4341
|
selector: 'rlb-list',
|
|
@@ -4372,8 +4372,8 @@ class ListItemImageComponent {
|
|
|
4372
4372
|
this.icon = input(undefined, ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
4373
4373
|
this.disabled = computed(() => this.disabledInput() || this.parent?.disabled() || false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
4374
4374
|
}
|
|
4375
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4376
|
-
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.17", ngImport: i0, type: ListItemImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4376
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
4377
4377
|
<div class="d-flex">
|
|
4378
4378
|
@if (avatar()) {
|
|
4379
4379
|
<rlb-avatar
|
|
@@ -4422,7 +4422,7 @@ class ListItemImageComponent {
|
|
|
4422
4422
|
</div>
|
|
4423
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 }); }
|
|
4424
4424
|
}
|
|
4425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ListItemImageComponent, decorators: [{
|
|
4426
4426
|
type: Component,
|
|
4427
4427
|
args: [{
|
|
4428
4428
|
selector: 'rlb-list-item-image',
|
|
@@ -4498,12 +4498,12 @@ class ListItemComponent {
|
|
|
4498
4498
|
this.action = input(false, { ...(ngDevMode ? { debugName: "action" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
4499
4499
|
this.disabled = computed(() => this.disabledInput() || this.parent?.disabled() || false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
4500
4500
|
}
|
|
4501
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4502
|
-
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.17", ngImport: i0, type: ListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4502
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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: `
|
|
4503
4503
|
<ng-content></ng-content>
|
|
4504
4504
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4505
4505
|
}
|
|
4506
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ListItemComponent, decorators: [{
|
|
4507
4507
|
type: Component,
|
|
4508
4508
|
args: [{
|
|
4509
4509
|
selector: 'rlb-list-item',
|
|
@@ -4575,8 +4575,8 @@ class NavbarDropdownItemComponent {
|
|
|
4575
4575
|
this.listeners.forEach(unsub => unsub());
|
|
4576
4576
|
this.listeners = [];
|
|
4577
4577
|
}
|
|
4578
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4579
|
-
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.17", ngImport: i0, type: NavbarDropdownItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4579
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
4580
4580
|
<ng-template #template>
|
|
4581
4581
|
<li
|
|
4582
4582
|
class="nav-item list-unstyled"
|
|
@@ -4599,7 +4599,7 @@ class NavbarDropdownItemComponent {
|
|
|
4599
4599
|
</ng-template>
|
|
4600
4600
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4601
4601
|
}
|
|
4602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavbarDropdownItemComponent, decorators: [{
|
|
4603
4603
|
type: Component,
|
|
4604
4604
|
args: [{
|
|
4605
4605
|
selector: 'rlb-navbar-dropdown-item',
|
|
@@ -4643,8 +4643,8 @@ class NavbarItemComponent {
|
|
|
4643
4643
|
this.element = templateView.rootNodes[0];
|
|
4644
4644
|
this.viewContainerRef.element.nativeElement.remove();
|
|
4645
4645
|
}
|
|
4646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4647
|
-
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.17", 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.17", 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: `
|
|
4648
4648
|
<ng-template #template>
|
|
4649
4649
|
<li class="nav-item">
|
|
4650
4650
|
<a
|
|
@@ -4659,7 +4659,7 @@ class NavbarItemComponent {
|
|
|
4659
4659
|
</ng-template>
|
|
4660
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 }); }
|
|
4661
4661
|
}
|
|
4662
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4662
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavbarItemComponent, decorators: [{
|
|
4663
4663
|
type: Component,
|
|
4664
4664
|
args: [{
|
|
4665
4665
|
selector: 'rlb-navbar-item',
|
|
@@ -4711,8 +4711,8 @@ class NavbarItemsComponent {
|
|
|
4711
4711
|
ngOnDestroy() {
|
|
4712
4712
|
this.itemClickSubs.forEach(s => s.unsubscribe());
|
|
4713
4713
|
}
|
|
4714
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4715
|
-
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.17", 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.17", 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: `
|
|
4716
4716
|
<ng-template #template>
|
|
4717
4717
|
<ul
|
|
4718
4718
|
class="navbar-nav {{ cssClass() }}"
|
|
@@ -4726,7 +4726,7 @@ class NavbarItemsComponent {
|
|
|
4726
4726
|
</ng-template>
|
|
4727
4727
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4728
4728
|
}
|
|
4729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavbarItemsComponent, decorators: [{
|
|
4730
4730
|
type: Component,
|
|
4731
4731
|
args: [{
|
|
4732
4732
|
selector: 'rlb-navbar-items',
|
|
@@ -4758,14 +4758,14 @@ class NavbarSeparatorComponent {
|
|
|
4758
4758
|
this.element = templateView.rootNodes[0];
|
|
4759
4759
|
this.viewContainerRef.element.nativeElement.remove();
|
|
4760
4760
|
}
|
|
4761
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4762
|
-
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.17", 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.17", 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: `
|
|
4763
4763
|
<ng-template #template>
|
|
4764
4764
|
<li class="nav-item separator {{ cssClass() }}"></li>
|
|
4765
4765
|
</ng-template>
|
|
4766
4766
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4767
4767
|
}
|
|
4768
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4768
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavbarSeparatorComponent, decorators: [{
|
|
4769
4769
|
type: Component,
|
|
4770
4770
|
args: [{
|
|
4771
4771
|
selector: 'rlb-navbar-separator',
|
|
@@ -4789,8 +4789,8 @@ class NavbarTextComponent {
|
|
|
4789
4789
|
this.element = templateView.rootNodes[0];
|
|
4790
4790
|
this.viewContainerRef.element.nativeElement.remove();
|
|
4791
4791
|
}
|
|
4792
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4793
|
-
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.17", 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.17", 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: `
|
|
4794
4794
|
<ng-template #template>
|
|
4795
4795
|
<span class="navbar-text {{ cssClass() }}">
|
|
4796
4796
|
<ng-content />
|
|
@@ -4798,7 +4798,7 @@ class NavbarTextComponent {
|
|
|
4798
4798
|
</ng-template>
|
|
4799
4799
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4800
4800
|
}
|
|
4801
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4801
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavbarTextComponent, decorators: [{
|
|
4802
4802
|
type: Component,
|
|
4803
4803
|
args: [{
|
|
4804
4804
|
selector: 'rlb-navbar-text',
|
|
@@ -4829,10 +4829,10 @@ class SidebarService {
|
|
|
4829
4829
|
content?.classList.toggle('expanded', collapsed);
|
|
4830
4830
|
sidebar?.classList.toggle('collapsed', collapsed);
|
|
4831
4831
|
}
|
|
4832
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4833
|
-
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.17", ngImport: i0, type: SidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
4833
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SidebarService, providedIn: 'root' }); }
|
|
4834
4834
|
}
|
|
4835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SidebarService, decorators: [{
|
|
4836
4836
|
type: Injectable,
|
|
4837
4837
|
args: [{
|
|
4838
4838
|
providedIn: 'root',
|
|
@@ -4896,8 +4896,8 @@ class NavbarComponent {
|
|
|
4896
4896
|
bsCollapse.hide();
|
|
4897
4897
|
}
|
|
4898
4898
|
}
|
|
4899
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
4900
|
-
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.17", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4900
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
4901
4901
|
<ng-template #template>
|
|
4902
4902
|
<nav
|
|
4903
4903
|
class="navbar px-2 bg-{{ color() }} {{ placement() }} {{
|
|
@@ -4953,7 +4953,7 @@ class NavbarComponent {
|
|
|
4953
4953
|
</ng-template>
|
|
4954
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 }); }
|
|
4955
4955
|
}
|
|
4956
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
4956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
4957
4957
|
type: Component,
|
|
4958
4958
|
args: [{
|
|
4959
4959
|
selector: 'rlb-navbar',
|
|
@@ -5020,10 +5020,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
5020
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 }] }] } });
|
|
5021
5021
|
|
|
5022
5022
|
class OffcanvasBodyComponent {
|
|
5023
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5024
|
-
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.17", ngImport: i0, type: OffcanvasBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5024
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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 }); }
|
|
5025
5025
|
}
|
|
5026
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OffcanvasBodyComponent, decorators: [{
|
|
5027
5027
|
type: Component,
|
|
5028
5028
|
args: [{
|
|
5029
5029
|
selector: 'rlb-offcanvas-body',
|
|
@@ -5038,8 +5038,8 @@ class OffcanvasHeaderComponent {
|
|
|
5038
5038
|
this.offcanvasId = input('', ...(ngDevMode ? [{ debugName: "offcanvasId" }] : /* istanbul ignore next */ []));
|
|
5039
5039
|
this._offcanvasId = computed(() => `#${this.offcanvasId()}`, ...(ngDevMode ? [{ debugName: "_offcanvasId" }] : /* istanbul ignore next */ []));
|
|
5040
5040
|
}
|
|
5041
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5042
|
-
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.17", ngImport: i0, type: OffcanvasHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5042
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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: `
|
|
5043
5043
|
<ng-content select="[rlb-offcanvas-title]"></ng-content>
|
|
5044
5044
|
<button
|
|
5045
5045
|
type="button"
|
|
@@ -5050,7 +5050,7 @@ class OffcanvasHeaderComponent {
|
|
|
5050
5050
|
></button>
|
|
5051
5051
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5052
5052
|
}
|
|
5053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OffcanvasHeaderComponent, decorators: [{
|
|
5054
5054
|
type: Component,
|
|
5055
5055
|
args: [{
|
|
5056
5056
|
selector: 'rlb-offcanvas-header',
|
|
@@ -5074,10 +5074,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
5074
5074
|
// TODO
|
|
5075
5075
|
// Ask if we need this component, RlbOffcanvasTitleDirective should be more flexible and useful
|
|
5076
5076
|
class OffcanvasTitleComponent {
|
|
5077
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5078
|
-
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.17", ngImport: i0, type: OffcanvasTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5078
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", 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 }); }
|
|
5079
5079
|
}
|
|
5080
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OffcanvasTitleComponent, decorators: [{
|
|
5081
5081
|
type: Component,
|
|
5082
5082
|
args: [{
|
|
5083
5083
|
selector: 'h*[rlb-offcanvas-title]',
|
|
@@ -5132,13 +5132,13 @@ class OffcanvasComponent extends ToggleAbstractComponent {
|
|
|
5132
5132
|
get eventPrefix() {
|
|
5133
5133
|
return 'bs.offcanvas';
|
|
5134
5134
|
}
|
|
5135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5136
|
-
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.17", ngImport: i0, type: OffcanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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: `
|
|
5137
5137
|
<ng-content select="rlb-offcanvas-header"></ng-content>
|
|
5138
5138
|
<ng-content select="rlb-offcanvas-body"></ng-content>
|
|
5139
5139
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5140
5140
|
}
|
|
5141
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OffcanvasComponent, decorators: [{
|
|
5142
5142
|
type: Component,
|
|
5143
5143
|
args: [{
|
|
5144
5144
|
selector: 'rlb-offcanvas',
|
|
@@ -5197,8 +5197,8 @@ class PaginationItemComponent {
|
|
|
5197
5197
|
this.element = templateView.rootNodes[0];
|
|
5198
5198
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5199
5199
|
}
|
|
5200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5201
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5200
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PaginationItemComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5201
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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 } }, outputs: { itemClick: "itemClick" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5202
5202
|
<ng-template #template>
|
|
5203
5203
|
<li
|
|
5204
5204
|
class="page-item {{ cssClass() }}"
|
|
@@ -5222,7 +5222,7 @@ class PaginationItemComponent {
|
|
|
5222
5222
|
<ng-template #content><ng-content /></ng-template>
|
|
5223
5223
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5224
5224
|
}
|
|
5225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PaginationItemComponent, decorators: [{
|
|
5226
5226
|
type: Component,
|
|
5227
5227
|
args: [{
|
|
5228
5228
|
selector: 'rlb-pagination-item',
|
|
@@ -5268,8 +5268,8 @@ class PaginationComponent {
|
|
|
5268
5268
|
this.element = templateView.rootNodes[0];
|
|
5269
5269
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5270
5270
|
}
|
|
5271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5271
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PaginationComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5272
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
5273
5273
|
<ng-template #template>
|
|
5274
5274
|
<nav>
|
|
5275
5275
|
<ul
|
|
@@ -5286,7 +5286,7 @@ class PaginationComponent {
|
|
|
5286
5286
|
</ng-template>
|
|
5287
5287
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5288
5288
|
}
|
|
5289
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
5290
5290
|
type: Component,
|
|
5291
5291
|
args: [{
|
|
5292
5292
|
selector: 'rlb-pagination',
|
|
@@ -5328,10 +5328,10 @@ class RlbPlaceholderLineComponent {
|
|
|
5328
5328
|
return classes.join(' ');
|
|
5329
5329
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
|
|
5330
5330
|
}
|
|
5331
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5332
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5331
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbPlaceholderLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5332
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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 }); }
|
|
5333
5333
|
}
|
|
5334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbPlaceholderLineComponent, decorators: [{
|
|
5335
5335
|
type: Component,
|
|
5336
5336
|
args: [{
|
|
5337
5337
|
selector: 'rlb-placeholder-line',
|
|
@@ -5357,14 +5357,14 @@ class RlbPlaceholderComponent {
|
|
|
5357
5357
|
return `placeholder-${this.animation()}`;
|
|
5358
5358
|
}, ...(ngDevMode ? [{ debugName: "containerClass" }] : /* istanbul ignore next */ []));
|
|
5359
5359
|
}
|
|
5360
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5361
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5360
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5361
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: RlbPlaceholderComponent, isStandalone: true, selector: "rlb-placeholder", inputs: { animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
5362
5362
|
<div [class]="containerClass()">
|
|
5363
5363
|
<ng-content />
|
|
5364
5364
|
</div>
|
|
5365
5365
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5366
5366
|
}
|
|
5367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbPlaceholderComponent, decorators: [{
|
|
5368
5368
|
type: Component,
|
|
5369
5369
|
args: [{
|
|
5370
5370
|
selector: 'rlb-placeholder',
|
|
@@ -5395,8 +5395,8 @@ class RlbPlaceholderTextComponent {
|
|
|
5395
5395
|
return Array.from({ length: lines }).map(() => width);
|
|
5396
5396
|
}, ...(ngDevMode ? [{ debugName: "computedWidths" }] : /* istanbul ignore next */ []));
|
|
5397
5397
|
}
|
|
5398
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5399
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5398
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbPlaceholderTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5399
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
5400
5400
|
<rlb-placeholder [animation]="animation()">
|
|
5401
5401
|
@for (w of computedWidths(); track w) {
|
|
5402
5402
|
<rlb-placeholder-line
|
|
@@ -5410,7 +5410,7 @@ class RlbPlaceholderTextComponent {
|
|
|
5410
5410
|
</rlb-placeholder>
|
|
5411
5411
|
`, 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 }); }
|
|
5412
5412
|
}
|
|
5413
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbPlaceholderTextComponent, decorators: [{
|
|
5414
5414
|
type: Component,
|
|
5415
5415
|
args: [{
|
|
5416
5416
|
selector: 'rlb-placeholder-text',
|
|
@@ -5438,10 +5438,10 @@ class PlaceholderDirective {
|
|
|
5438
5438
|
this.size = input('md', { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'placeholder-size' });
|
|
5439
5439
|
this.animation = input('none', { ...(ngDevMode ? { debugName: "animation" } : /* istanbul ignore next */ {}), alias: 'placeholder-animation' });
|
|
5440
5440
|
}
|
|
5441
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5442
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
5441
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5442
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", 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 }); }
|
|
5443
5443
|
}
|
|
5444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5444
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PlaceholderDirective, decorators: [{
|
|
5445
5445
|
type: Directive,
|
|
5446
5446
|
args: [{
|
|
5447
5447
|
selector: '[rlb-placeholder]',
|
|
@@ -5490,10 +5490,10 @@ class ScrollspyDirective {
|
|
|
5490
5490
|
this.elementRef.nativeElement.removeEventListener('activate.bs.scrollspy', this.__scroll_handler);
|
|
5491
5491
|
this.scrollSpy?.dispose();
|
|
5492
5492
|
}
|
|
5493
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5494
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
5493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollspyDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5494
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", 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 }); }
|
|
5495
5495
|
}
|
|
5496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollspyDirective, decorators: [{
|
|
5497
5497
|
type: Directive,
|
|
5498
5498
|
args: [{
|
|
5499
5499
|
selector: '[rlb-scrollspy]',
|
|
@@ -5542,8 +5542,8 @@ class SidebarItemComponent {
|
|
|
5542
5542
|
this.sidebarService.notifyItemClicked();
|
|
5543
5543
|
}
|
|
5544
5544
|
}
|
|
5545
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5546
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
5545
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SidebarItemComponent, deps: [{ token: i0.ViewContainerRef }, { token: UniqueIdService }, { token: i2$1.Router }, { token: SidebarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5546
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
5547
5547
|
<ng-template #template>
|
|
5548
5548
|
@if (title()) {
|
|
5549
5549
|
<li
|
|
@@ -5599,7 +5599,7 @@ class SidebarItemComponent {
|
|
|
5599
5599
|
</ng-template>
|
|
5600
5600
|
`, 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 }); }
|
|
5601
5601
|
}
|
|
5602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5602
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SidebarItemComponent, decorators: [{
|
|
5603
5603
|
type: Component,
|
|
5604
5604
|
args: [{
|
|
5605
5605
|
selector: 'rlb-sidebar-item',
|
|
@@ -5701,8 +5701,8 @@ class SidebarComponent {
|
|
|
5701
5701
|
setCollapsed(collapsed) {
|
|
5702
5702
|
this.sidebarService.setCollapsed(collapsed);
|
|
5703
5703
|
}
|
|
5704
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5705
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5704
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SidebarComponent, deps: [{ token: SidebarService }, { token: BreakpointService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5705
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
5706
5706
|
<div
|
|
5707
5707
|
class="vertical-menu"
|
|
5708
5708
|
[class.rounded-2]="rounded()"
|
|
@@ -5722,7 +5722,7 @@ class SidebarComponent {
|
|
|
5722
5722
|
</div>
|
|
5723
5723
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5724
5724
|
}
|
|
5725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
5726
5726
|
type: Component,
|
|
5727
5727
|
args: [{
|
|
5728
5728
|
selector: 'rlb-sidebar',
|
|
@@ -5754,12 +5754,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
5754
5754
|
}], 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 }] }] } });
|
|
5755
5755
|
|
|
5756
5756
|
class TabContentComponent {
|
|
5757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5758
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
5757
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5758
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: TabContentComponent, isStandalone: true, selector: "rlb-tab-content", host: { classAttribute: "tab-content" }, ngImport: i0, template: `
|
|
5759
5759
|
<ng-content select="rlb-tab-pane" />
|
|
5760
5760
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5761
5761
|
}
|
|
5762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabContentComponent, decorators: [{
|
|
5763
5763
|
type: Component,
|
|
5764
5764
|
args: [{
|
|
5765
5765
|
selector: 'rlb-tab-content',
|
|
@@ -5777,12 +5777,12 @@ class TabPaneComponent {
|
|
|
5777
5777
|
this.active = input(false, { ...(ngDevMode ? { debugName: "active" } : /* istanbul ignore next */ {}), alias: 'active', transform: booleanAttribute });
|
|
5778
5778
|
this.fade = input(false, { ...(ngDevMode ? { debugName: "fade" } : /* istanbul ignore next */ {}), alias: 'fade', transform: booleanAttribute });
|
|
5779
5779
|
}
|
|
5780
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5781
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.
|
|
5780
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5781
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", 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: `
|
|
5782
5782
|
<ng-content />
|
|
5783
5783
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5784
5784
|
}
|
|
5785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabPaneComponent, decorators: [{
|
|
5786
5786
|
type: Component,
|
|
5787
5787
|
args: [{
|
|
5788
5788
|
selector: 'rlb-tab-pane',
|
|
@@ -5817,8 +5817,8 @@ class TabComponent {
|
|
|
5817
5817
|
this.element = templateView.rootNodes[0];
|
|
5818
5818
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5819
5819
|
}
|
|
5820
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5821
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5820
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabComponent, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5821
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
5822
5822
|
<ng-template #template>
|
|
5823
5823
|
<li
|
|
5824
5824
|
class="nav-item {{ cssClass() }}"
|
|
@@ -5841,7 +5841,7 @@ class TabComponent {
|
|
|
5841
5841
|
</ng-template>
|
|
5842
5842
|
`, 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 }); }
|
|
5843
5843
|
}
|
|
5844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabComponent, decorators: [{
|
|
5845
5845
|
type: Component,
|
|
5846
5846
|
args: [{
|
|
5847
5847
|
selector: 'rlb-tab',
|
|
@@ -5894,8 +5894,8 @@ class TabsComponent {
|
|
|
5894
5894
|
this.element = templateView.rootNodes[0];
|
|
5895
5895
|
this.viewContainerRef.element.nativeElement.remove();
|
|
5896
5896
|
}
|
|
5897
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5898
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
5897
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabsComponent, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5898
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
5899
5899
|
<ng-template #template>
|
|
5900
5900
|
<ul
|
|
5901
5901
|
role="tablist"
|
|
@@ -5915,7 +5915,7 @@ class TabsComponent {
|
|
|
5915
5915
|
</ng-template>
|
|
5916
5916
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5917
5917
|
}
|
|
5918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabsComponent, decorators: [{
|
|
5919
5919
|
type: Component,
|
|
5920
5920
|
args: [{
|
|
5921
5921
|
selector: 'rlb-tabs',
|
|
@@ -5986,10 +5986,10 @@ class PopoverDirective {
|
|
|
5986
5986
|
ngAfterViewInit() {
|
|
5987
5987
|
this._popover = new Popover(this.elementRef.nativeElement);
|
|
5988
5988
|
}
|
|
5989
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
5990
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
5989
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PopoverDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5990
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", 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 }); }
|
|
5991
5991
|
}
|
|
5992
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
5992
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PopoverDirective, decorators: [{
|
|
5993
5993
|
type: Directive,
|
|
5994
5994
|
args: [{ selector: '[popover]' }]
|
|
5995
5995
|
}], 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 }] }] } });
|
|
@@ -6028,10 +6028,10 @@ class TooltipDirective {
|
|
|
6028
6028
|
this._tooltip.dispose();
|
|
6029
6029
|
}
|
|
6030
6030
|
}
|
|
6031
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6032
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
6031
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6032
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", 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 }); }
|
|
6033
6033
|
}
|
|
6034
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TooltipDirective, decorators: [{
|
|
6035
6035
|
type: Directive,
|
|
6036
6036
|
args: [{ selector: '[tooltip]', }]
|
|
6037
6037
|
}], 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 }] }] } });
|
|
@@ -6119,10 +6119,10 @@ class AbstractComponent {
|
|
|
6119
6119
|
this.cdr.markForCheck();
|
|
6120
6120
|
}
|
|
6121
6121
|
onWrite(data) { }
|
|
6122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6123
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
6122
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6123
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractComponent }); }
|
|
6124
6124
|
}
|
|
6125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractComponent, decorators: [{
|
|
6126
6126
|
type: Injectable
|
|
6127
6127
|
}], ctorParameters: () => [], propDecorators: { control: [{
|
|
6128
6128
|
type: Self
|
|
@@ -6349,10 +6349,10 @@ class AbstractAutocompleteComponent extends AbstractComponent {
|
|
|
6349
6349
|
this.renderer.appendChild(dropdown.nativeElement, el);
|
|
6350
6350
|
});
|
|
6351
6351
|
}
|
|
6352
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6353
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
6352
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractAutocompleteComponent, deps: [{ token: UniqueIdService }, { token: i0.Renderer2 }, { token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
6353
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.17", 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 }); }
|
|
6354
6354
|
}
|
|
6355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbstractAutocompleteComponent, decorators: [{
|
|
6356
6356
|
type: Directive
|
|
6357
6357
|
}], 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: [{
|
|
6358
6358
|
type: HostListener,
|
|
@@ -6400,8 +6400,8 @@ class InputValidationComponent {
|
|
|
6400
6400
|
// fallback
|
|
6401
6401
|
return `${i18nKey}: ${JSON.stringify(errorValue)}`;
|
|
6402
6402
|
}
|
|
6403
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
6404
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
6403
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputValidationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6404
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
6405
6405
|
@if (errors()) {
|
|
6406
6406
|
@for (errorKey of getErrorKeys(errors()); track errorKey) {
|
|
6407
6407
|
<span>
|
|
@@ -6411,7 +6411,7 @@ class InputValidationComponent {
|
|
|
6411
6411
|
}
|
|
6412
6412
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6413
6413
|
}
|
|
6414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
6414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputValidationComponent, decorators: [{
|
|
6415
6415
|
type: Component,
|
|
6416
6416
|
args: [{
|
|
6417
6417
|
selector: 'rlb-input-validation',
|
|
@@ -7780,8 +7780,8 @@ class AutocompleteCountryDialCodeComponent extends AbstractComponent {
|
|
|
7780
7780
|
iconClass: this.enableFlagIcons() && country.data ? `fi fi-${country.data.toLowerCase()}` : undefined,
|
|
7781
7781
|
}));
|
|
7782
7782
|
}
|
|
7783
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
7784
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
7783
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteCountryDialCodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7784
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
7785
7785
|
<ng-content select="[before]"></ng-content>
|
|
7786
7786
|
<div class="input-group has-validation position-relative">
|
|
7787
7787
|
<input
|
|
@@ -7859,7 +7859,7 @@ class AutocompleteCountryDialCodeComponent extends AbstractComponent {
|
|
|
7859
7859
|
<ng-content select="[after]"></ng-content>
|
|
7860
7860
|
`, 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 }); }
|
|
7861
7861
|
}
|
|
7862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
7862
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteCountryDialCodeComponent, decorators: [{
|
|
7863
7863
|
type: Component,
|
|
7864
7864
|
args: [{
|
|
7865
7865
|
selector: 'rlb-autocomplete-country-dial-code',
|
|
@@ -8286,8 +8286,8 @@ class AutocompleteCountryComponent extends AbstractComponent {
|
|
|
8286
8286
|
iconClass: this.enableFlagIcons() ? `fi fi-${c.value.toLowerCase()}` : undefined,
|
|
8287
8287
|
}));
|
|
8288
8288
|
}
|
|
8289
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8290
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8289
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteCountryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8290
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
8291
8291
|
<ng-content select="[before]"></ng-content>
|
|
8292
8292
|
<div class="input-group has-validation position-relative">
|
|
8293
8293
|
<input
|
|
@@ -8354,7 +8354,7 @@ class AutocompleteCountryComponent extends AbstractComponent {
|
|
|
8354
8354
|
<ng-content select="[after]"></ng-content>
|
|
8355
8355
|
`, 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 }); }
|
|
8356
8356
|
}
|
|
8357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteCountryComponent, decorators: [{
|
|
8358
8358
|
type: Component,
|
|
8359
8359
|
args: [{
|
|
8360
8360
|
selector: 'rlb-autocomplete-country',
|
|
@@ -8541,8 +8541,8 @@ class AutocompleteTimezonesComponent extends AbstractComponent {
|
|
|
8541
8541
|
closeDropdown() {
|
|
8542
8542
|
this.isOpen.set(false);
|
|
8543
8543
|
}
|
|
8544
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8545
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8544
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteTimezonesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8545
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
8546
8546
|
<ng-content select="[before]"></ng-content>
|
|
8547
8547
|
<div class="input-group has-validation position-relative">
|
|
8548
8548
|
<input
|
|
@@ -8610,7 +8610,7 @@ class AutocompleteTimezonesComponent extends AbstractComponent {
|
|
|
8610
8610
|
<ng-content select="[after]"></ng-content>
|
|
8611
8611
|
`, 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 }); }
|
|
8612
8612
|
}
|
|
8613
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteTimezonesComponent, decorators: [{
|
|
8614
8614
|
type: Component,
|
|
8615
8615
|
args: [{
|
|
8616
8616
|
selector: 'rlb-autocomplete-timezones',
|
|
@@ -8873,8 +8873,8 @@ class AutocompleteComponent extends AbstractComponent {
|
|
|
8873
8873
|
this.isOpen.set(false);
|
|
8874
8874
|
this.acLoading.set(false);
|
|
8875
8875
|
}
|
|
8876
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
8877
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
8876
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8877
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
8878
8878
|
<ng-content select="[before]"></ng-content>
|
|
8879
8879
|
<div class="input-group has-validation position-relative">
|
|
8880
8880
|
<input
|
|
@@ -8944,7 +8944,7 @@ class AutocompleteComponent extends AbstractComponent {
|
|
|
8944
8944
|
<ng-content select="[after]"></ng-content>
|
|
8945
8945
|
`, 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 }); }
|
|
8946
8946
|
}
|
|
8947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
8947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AutocompleteComponent, decorators: [{
|
|
8948
8948
|
type: Component,
|
|
8949
8949
|
args: [{
|
|
8950
8950
|
selector: 'rlb-autocomplete',
|
|
@@ -9084,8 +9084,8 @@ class CheckboxComponent extends AbstractComponent {
|
|
|
9084
9084
|
}
|
|
9085
9085
|
super.writeValue(val);
|
|
9086
9086
|
}
|
|
9087
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9088
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9088
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
9089
9089
|
<ng-content select="[before]"></ng-content>
|
|
9090
9090
|
<div class="input-group has-validation">
|
|
9091
9091
|
<input
|
|
@@ -9110,7 +9110,7 @@ class CheckboxComponent extends AbstractComponent {
|
|
|
9110
9110
|
</div>
|
|
9111
9111
|
`, 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 }); }
|
|
9112
9112
|
}
|
|
9113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
9114
9114
|
type: Component,
|
|
9115
9115
|
args: [{
|
|
9116
9116
|
selector: 'rlb-checkbox',
|
|
@@ -9165,8 +9165,8 @@ class ColorComponent extends AbstractComponent {
|
|
|
9165
9165
|
el.nativeElement.value = data || '#000000';
|
|
9166
9166
|
}
|
|
9167
9167
|
}
|
|
9168
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9169
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9168
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9169
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
9170
9170
|
<ng-content select="[before]"></ng-content>
|
|
9171
9171
|
<div class="input-group has-validation">
|
|
9172
9172
|
<input
|
|
@@ -9192,7 +9192,7 @@ class ColorComponent extends AbstractComponent {
|
|
|
9192
9192
|
<ng-content select="[after]"></ng-content>
|
|
9193
9193
|
`, 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 }); }
|
|
9194
9194
|
}
|
|
9195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColorComponent, decorators: [{
|
|
9196
9196
|
type: Component,
|
|
9197
9197
|
args: [{
|
|
9198
9198
|
selector: 'rlb-color',
|
|
@@ -9248,8 +9248,8 @@ class DatalistComponent extends AbstractComponent {
|
|
|
9248
9248
|
el.nativeElement.value = data || '';
|
|
9249
9249
|
}
|
|
9250
9250
|
}
|
|
9251
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9251
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DatalistComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9252
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
9253
9253
|
<ng-content select="[before]"></ng-content>
|
|
9254
9254
|
<div class="input-group has-validation">
|
|
9255
9255
|
<input
|
|
@@ -9277,7 +9277,7 @@ class DatalistComponent extends AbstractComponent {
|
|
|
9277
9277
|
<ng-content select="[after]"></ng-content>
|
|
9278
9278
|
`, 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 }); }
|
|
9279
9279
|
}
|
|
9280
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DatalistComponent, decorators: [{
|
|
9281
9281
|
type: Component,
|
|
9282
9282
|
args: [{
|
|
9283
9283
|
selector: 'rlb-datalist',
|
|
@@ -9340,10 +9340,10 @@ class DndDirective {
|
|
|
9340
9340
|
this.fileDropped.emit(result);
|
|
9341
9341
|
}
|
|
9342
9342
|
}
|
|
9343
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9344
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
9343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DndDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9344
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", 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 }); }
|
|
9345
9345
|
}
|
|
9346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9346
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DndDirective, decorators: [{
|
|
9347
9347
|
type: Directive,
|
|
9348
9348
|
args: [{
|
|
9349
9349
|
selector: '[rlb-dnd]',
|
|
@@ -9398,8 +9398,8 @@ class FileDndComponent {
|
|
|
9398
9398
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
9399
9399
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
|
|
9400
9400
|
}
|
|
9401
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9402
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9401
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileDndComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9402
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
9403
9403
|
<div
|
|
9404
9404
|
class="rlb-dnd-container"
|
|
9405
9405
|
rlb-dnd
|
|
@@ -9482,7 +9482,7 @@ class FileDndComponent {
|
|
|
9482
9482
|
}
|
|
9483
9483
|
`, 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 }); }
|
|
9484
9484
|
}
|
|
9485
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileDndComponent, decorators: [{
|
|
9486
9486
|
type: Component,
|
|
9487
9487
|
args: [{ selector: 'rlb-file-dnd', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DndDirective, CardComponent, CardBodyComponent, ProgressComponent, ButtonComponent], template: `
|
|
9488
9488
|
<div
|
|
@@ -9595,8 +9595,8 @@ class FileComponent extends AbstractComponent {
|
|
|
9595
9595
|
el.nativeElement.value = '';
|
|
9596
9596
|
}
|
|
9597
9597
|
}
|
|
9598
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9599
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
9598
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9599
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
9600
9600
|
<ng-content select="[before]"></ng-content>
|
|
9601
9601
|
<div class="input-group has-validation">
|
|
9602
9602
|
<input
|
|
@@ -9621,7 +9621,7 @@ class FileComponent extends AbstractComponent {
|
|
|
9621
9621
|
<ng-content select="[after]"></ng-content>
|
|
9622
9622
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9623
9623
|
}
|
|
9624
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9624
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileComponent, decorators: [{
|
|
9625
9625
|
type: Component,
|
|
9626
9626
|
args: [{
|
|
9627
9627
|
selector: 'rlb-file',
|
|
@@ -9678,10 +9678,10 @@ class HelpText {
|
|
|
9678
9678
|
}
|
|
9679
9679
|
});
|
|
9680
9680
|
}
|
|
9681
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9682
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
9681
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HelpText, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: UniqueIdService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9682
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: HelpText, isStandalone: true, selector: "[helpText]", inputs: { helpText: { classPropertyName: "helpText", publicName: "helpText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
9683
9683
|
}
|
|
9684
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HelpText, decorators: [{
|
|
9685
9685
|
type: Directive,
|
|
9686
9686
|
args: [{ selector: '[helpText]' }]
|
|
9687
9687
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: UniqueIdService }], propDecorators: { helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }] } });
|
|
@@ -9846,8 +9846,8 @@ class InputComponent extends AbstractComponent {
|
|
|
9846
9846
|
const [integerPart, ...fractionalParts] = standardized.split('.');
|
|
9847
9847
|
return fractionalParts.length > 0 ? `${integerPart}.${fractionalParts.join('')}` : integerPart;
|
|
9848
9848
|
}
|
|
9849
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9850
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
9849
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9850
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
9851
9851
|
<ng-template #template>
|
|
9852
9852
|
<ng-content select="[before]"></ng-content>
|
|
9853
9853
|
<input
|
|
@@ -9878,7 +9878,7 @@ class InputComponent extends AbstractComponent {
|
|
|
9878
9878
|
</ng-template>
|
|
9879
9879
|
`, 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 }); }
|
|
9880
9880
|
}
|
|
9881
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9881
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputComponent, decorators: [{
|
|
9882
9882
|
type: Component,
|
|
9883
9883
|
args: [{
|
|
9884
9884
|
selector: 'rlb-input',
|
|
@@ -9950,10 +9950,10 @@ class InputGroupComponent {
|
|
|
9950
9950
|
}
|
|
9951
9951
|
});
|
|
9952
9952
|
}
|
|
9953
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9954
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
9953
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9954
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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 }); }
|
|
9955
9955
|
}
|
|
9956
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9956
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InputGroupComponent, decorators: [{
|
|
9957
9957
|
type: Component,
|
|
9958
9958
|
args: [{
|
|
9959
9959
|
selector: 'rlb-input-group',
|
|
@@ -9978,8 +9978,8 @@ class OptionComponent {
|
|
|
9978
9978
|
this.template = viewChild.required('element');
|
|
9979
9979
|
this.contentTemplate = viewChild.required('content');
|
|
9980
9980
|
}
|
|
9981
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
9982
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
9981
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9982
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
9983
9983
|
<ng-template #content>
|
|
9984
9984
|
<ng-content></ng-content>
|
|
9985
9985
|
</ng-template>
|
|
@@ -9995,7 +9995,7 @@ class OptionComponent {
|
|
|
9995
9995
|
</ng-template>
|
|
9996
9996
|
`, 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 }); }
|
|
9997
9997
|
}
|
|
9998
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
9998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OptionComponent, decorators: [{
|
|
9999
9999
|
type: Component,
|
|
10000
10000
|
args: [{
|
|
10001
10001
|
selector: 'rlb-option',
|
|
@@ -10019,6 +10019,289 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
10019
10019
|
}]
|
|
10020
10020
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], template: [{ type: i0.ViewChild, args: ['element', { isSignal: true }] }], contentTemplate: [{ type: i0.ViewChild, args: ['content', { isSignal: true }] }] } });
|
|
10021
10021
|
|
|
10022
|
+
class SelectComponent extends AbstractComponent {
|
|
10023
|
+
constructor() {
|
|
10024
|
+
super();
|
|
10025
|
+
this.placeholder = input(undefined, { ...(ngDevMode ? { debugName: "placeholder" } : /* istanbul ignore next */ {}), alias: 'placeholder' });
|
|
10026
|
+
this.size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'size' });
|
|
10027
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'disabled',
|
|
10028
|
+
transform: booleanAttribute });
|
|
10029
|
+
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), alias: 'readonly', transform: booleanAttribute });
|
|
10030
|
+
this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), alias: 'multiple', transform: booleanAttribute });
|
|
10031
|
+
this.display = input(undefined, { ...(ngDevMode ? { debugName: "display" } : /* istanbul ignore next */ {}), alias: 'display', transform: numberAttribute });
|
|
10032
|
+
this.userDefinedId = input('', { ...(ngDevMode ? { debugName: "userDefinedId" } : /* istanbul ignore next */ {}), alias: 'inputId',
|
|
10033
|
+
transform: (v) => v || '' });
|
|
10034
|
+
this.enableValidation = input(false, { ...(ngDevMode ? { debugName: "enableValidation" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'enable-validation' });
|
|
10035
|
+
this.el = viewChild('select', ...(ngDevMode ? [{ debugName: "el" }] : /* istanbul ignore next */ []));
|
|
10036
|
+
this._projectedDisplayOptions = viewChild('projectedDisplayOptions', { ...(ngDevMode ? { debugName: "_projectedDisplayOptions" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
|
|
10037
|
+
this.options = contentChildren(OptionComponent, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
10038
|
+
afterNextRender(() => {
|
|
10039
|
+
// This executes exactly when the DOM is fully painted and bindings are settled
|
|
10040
|
+
this.onWrite(this.value());
|
|
10041
|
+
});
|
|
10042
|
+
effect(() => {
|
|
10043
|
+
const vcr = this._projectedDisplayOptions(); // The ViewContainerRef in the Select
|
|
10044
|
+
const options = this.options(); // The list of OptionComponents
|
|
10045
|
+
if (!vcr)
|
|
10046
|
+
return;
|
|
10047
|
+
vcr.clear();
|
|
10048
|
+
options.forEach(opt => {
|
|
10049
|
+
const view = vcr.createEmbeddedView(opt.template());
|
|
10050
|
+
view.detectChanges();
|
|
10051
|
+
});
|
|
10052
|
+
untracked(() => {
|
|
10053
|
+
this.onWrite(this.value());
|
|
10054
|
+
this.cdr.markForCheck();
|
|
10055
|
+
});
|
|
10056
|
+
});
|
|
10057
|
+
}
|
|
10058
|
+
update(ev) {
|
|
10059
|
+
if (!this.disabled()) {
|
|
10060
|
+
const t = ev;
|
|
10061
|
+
if (this.multiple()) {
|
|
10062
|
+
const selected = Array.from(t.selectedOptions)
|
|
10063
|
+
.filter(o => o.selected)
|
|
10064
|
+
.map(o => o.value);
|
|
10065
|
+
this.setValue(selected);
|
|
10066
|
+
}
|
|
10067
|
+
else {
|
|
10068
|
+
this.setValue(t?.value);
|
|
10069
|
+
}
|
|
10070
|
+
}
|
|
10071
|
+
}
|
|
10072
|
+
onWrite(data) {
|
|
10073
|
+
const el = this.el?.();
|
|
10074
|
+
if (el && el.nativeElement) {
|
|
10075
|
+
if (data === undefined || data === null)
|
|
10076
|
+
return;
|
|
10077
|
+
const normalizedData = Array.isArray(data) ? data : [data];
|
|
10078
|
+
if (this.multiple()) {
|
|
10079
|
+
const opt = Array.from(el.nativeElement.options);
|
|
10080
|
+
opt.forEach(o => {
|
|
10081
|
+
o.selected = normalizedData.includes(o.value);
|
|
10082
|
+
});
|
|
10083
|
+
}
|
|
10084
|
+
else {
|
|
10085
|
+
const singleData = normalizedData.length > 0 ? normalizedData[0] : undefined;
|
|
10086
|
+
if (singleData === undefined)
|
|
10087
|
+
return;
|
|
10088
|
+
const opt = Array.from(el.nativeElement.options);
|
|
10089
|
+
const val = opt.find(o => o.value == singleData);
|
|
10090
|
+
if (val)
|
|
10091
|
+
val.selected = true;
|
|
10092
|
+
}
|
|
10093
|
+
}
|
|
10094
|
+
}
|
|
10095
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10096
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
10097
|
+
<ng-content select="[before]"></ng-content>
|
|
10098
|
+
<div class="input-group has-validation">
|
|
10099
|
+
<select
|
|
10100
|
+
#select
|
|
10101
|
+
class="form-select d-inline-block"
|
|
10102
|
+
[id]="id()"
|
|
10103
|
+
[attr.disabled]="disabled() ? true : undefined"
|
|
10104
|
+
[attr.readonly]="readonly() ? true : undefined"
|
|
10105
|
+
[attr.multiple]="multiple() ? true : undefined"
|
|
10106
|
+
[class.form-select-lg]="size() === 'large'"
|
|
10107
|
+
[class.form-select-sm]="size() === 'small'"
|
|
10108
|
+
[attr.placeholder]="placeholder()"
|
|
10109
|
+
[attr.size]="display()"
|
|
10110
|
+
(blur)="touch()"
|
|
10111
|
+
[class.is-invalid]="control?.touched && control?.invalid && enableValidation()"
|
|
10112
|
+
[class.is-valid]="control?.touched && control?.valid && enableValidation()"
|
|
10113
|
+
(change)="update($event.target)"
|
|
10114
|
+
>
|
|
10115
|
+
@if (placeholder()) {
|
|
10116
|
+
<option
|
|
10117
|
+
selected
|
|
10118
|
+
disabled
|
|
10119
|
+
>
|
|
10120
|
+
{{ placeholder() }}
|
|
10121
|
+
</option>
|
|
10122
|
+
}
|
|
10123
|
+
<ng-container #projectedDisplayOptions></ng-container>
|
|
10124
|
+
</select>
|
|
10125
|
+
@if (errors() && showError()) {
|
|
10126
|
+
<rlb-input-validation [errors]="errors()" />
|
|
10127
|
+
}
|
|
10128
|
+
</div>
|
|
10129
|
+
<ng-content select="[after]"></ng-content>
|
|
10130
|
+
`, 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 }); }
|
|
10131
|
+
}
|
|
10132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SelectComponent, decorators: [{
|
|
10133
|
+
type: Component,
|
|
10134
|
+
args: [{
|
|
10135
|
+
selector: 'rlb-select',
|
|
10136
|
+
template: `
|
|
10137
|
+
<ng-content select="[before]"></ng-content>
|
|
10138
|
+
<div class="input-group has-validation">
|
|
10139
|
+
<select
|
|
10140
|
+
#select
|
|
10141
|
+
class="form-select d-inline-block"
|
|
10142
|
+
[id]="id()"
|
|
10143
|
+
[attr.disabled]="disabled() ? true : undefined"
|
|
10144
|
+
[attr.readonly]="readonly() ? true : undefined"
|
|
10145
|
+
[attr.multiple]="multiple() ? true : undefined"
|
|
10146
|
+
[class.form-select-lg]="size() === 'large'"
|
|
10147
|
+
[class.form-select-sm]="size() === 'small'"
|
|
10148
|
+
[attr.placeholder]="placeholder()"
|
|
10149
|
+
[attr.size]="display()"
|
|
10150
|
+
(blur)="touch()"
|
|
10151
|
+
[class.is-invalid]="control?.touched && control?.invalid && enableValidation()"
|
|
10152
|
+
[class.is-valid]="control?.touched && control?.valid && enableValidation()"
|
|
10153
|
+
(change)="update($event.target)"
|
|
10154
|
+
>
|
|
10155
|
+
@if (placeholder()) {
|
|
10156
|
+
<option
|
|
10157
|
+
selected
|
|
10158
|
+
disabled
|
|
10159
|
+
>
|
|
10160
|
+
{{ placeholder() }}
|
|
10161
|
+
</option>
|
|
10162
|
+
}
|
|
10163
|
+
<ng-container #projectedDisplayOptions></ng-container>
|
|
10164
|
+
</select>
|
|
10165
|
+
@if (errors() && showError()) {
|
|
10166
|
+
<rlb-input-validation [errors]="errors()" />
|
|
10167
|
+
}
|
|
10168
|
+
</div>
|
|
10169
|
+
<ng-content select="[after]"></ng-content>
|
|
10170
|
+
`,
|
|
10171
|
+
host: { '[attr.id]': 'null' },
|
|
10172
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10173
|
+
imports: [
|
|
10174
|
+
FormsModule,
|
|
10175
|
+
InputValidationComponent,
|
|
10176
|
+
DataTableActionComponent,
|
|
10177
|
+
],
|
|
10178
|
+
}]
|
|
10179
|
+
}], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], enableValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-validation", required: false }] }], el: [{ type: i0.ViewChild, args: ['select', { isSignal: true }] }], _projectedDisplayOptions: [{ type: i0.ViewChild, args: ['projectedDisplayOptions', { ...{
|
|
10180
|
+
read: ViewContainerRef,
|
|
10181
|
+
}, isSignal: true }] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => OptionComponent), { isSignal: true }] }] } });
|
|
10182
|
+
|
|
10183
|
+
class LanguageChipsComponent extends AbstractComponent {
|
|
10184
|
+
constructor() {
|
|
10185
|
+
super();
|
|
10186
|
+
this.options = input(['EN', 'IT', 'DE', 'FR', 'ES', 'PT'], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
10187
|
+
this.placeholder = input('Add...', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
|
|
10188
|
+
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
10189
|
+
this.userDefinedId = input('', { ...(ngDevMode ? { debugName: "userDefinedId" } : /* istanbul ignore next */ {}), alias: 'id' });
|
|
10190
|
+
this.selectKey = signal(0, ...(ngDevMode ? [{ debugName: "selectKey" }] : /* istanbul ignore next */ []));
|
|
10191
|
+
this.chips = computed(() => this.value() ?? [], ...(ngDevMode ? [{ debugName: "chips" }] : /* istanbul ignore next */ []));
|
|
10192
|
+
this.isDisabled = computed(() => this.disabled() || this.cvaDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
|
|
10193
|
+
this.addControl = new FormControl(null);
|
|
10194
|
+
this.addControl.valueChanges.pipe(filter(Boolean), takeUntilDestroyed()).subscribe(lang => {
|
|
10195
|
+
this.add(lang);
|
|
10196
|
+
this.addControl.setValue(null, { emitEvent: false });
|
|
10197
|
+
// Reset the dropdown back to its placeholder after every pick, even when
|
|
10198
|
+
// the value was ignored as a duplicate, so the already-selected option
|
|
10199
|
+
// doesn't stay stuck as the visible selection.
|
|
10200
|
+
this.selectKey.update(k => k + 1);
|
|
10201
|
+
});
|
|
10202
|
+
}
|
|
10203
|
+
add(lang) {
|
|
10204
|
+
if (this.chips().includes(lang))
|
|
10205
|
+
return;
|
|
10206
|
+
const next = [...this.chips(), lang];
|
|
10207
|
+
this.setValue(next);
|
|
10208
|
+
this.touch();
|
|
10209
|
+
}
|
|
10210
|
+
remove(lang) {
|
|
10211
|
+
const next = this.chips().filter(l => l !== lang);
|
|
10212
|
+
this.setValue(next);
|
|
10213
|
+
this.touch();
|
|
10214
|
+
}
|
|
10215
|
+
setDisabledState(isDisabled) {
|
|
10216
|
+
super.setDisabledState?.(isDisabled);
|
|
10217
|
+
isDisabled ? this.addControl.disable() : this.addControl.enable();
|
|
10218
|
+
}
|
|
10219
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LanguageChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10220
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: LanguageChipsComponent, isStandalone: true, selector: "rlb-language-chips", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, userDefinedId: { classPropertyName: "userDefinedId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "null" } }, usesInheritance: true, ngImport: i0, template: `
|
|
10221
|
+
<div class="d-flex flex-column gap-2">
|
|
10222
|
+
@if (!isDisabled()) {
|
|
10223
|
+
@for (_ of [selectKey()]; track _) {
|
|
10224
|
+
<div class="lang-add-select">
|
|
10225
|
+
<rlb-select
|
|
10226
|
+
[formControl]="addControl"
|
|
10227
|
+
[placeholder]="placeholder()"
|
|
10228
|
+
>
|
|
10229
|
+
@for (lang of options(); track lang) {
|
|
10230
|
+
<rlb-option [value]="lang">{{ lang }}</rlb-option>
|
|
10231
|
+
}
|
|
10232
|
+
</rlb-select>
|
|
10233
|
+
</div>
|
|
10234
|
+
}
|
|
10235
|
+
}
|
|
10236
|
+
@if (chips().length > 0) {
|
|
10237
|
+
<div class="chips-box form-control d-flex flex-wrap align-items-center gap-2">
|
|
10238
|
+
@for (lang of chips(); track lang) {
|
|
10239
|
+
<span
|
|
10240
|
+
rlb-badge
|
|
10241
|
+
pill
|
|
10242
|
+
color="secondary"
|
|
10243
|
+
class="chip d-inline-flex align-items-center gap-1 mw-100"
|
|
10244
|
+
>
|
|
10245
|
+
<span class="chip-label">{{ lang }}</span>
|
|
10246
|
+
@if (!isDisabled()) {
|
|
10247
|
+
<button
|
|
10248
|
+
type="button"
|
|
10249
|
+
class="btn-close btn-close-white btn-close-sm flex-shrink-0"
|
|
10250
|
+
(click)="remove(lang)"
|
|
10251
|
+
[attr.aria-label]="'Remove ' + lang"
|
|
10252
|
+
></button>
|
|
10253
|
+
}
|
|
10254
|
+
</span>
|
|
10255
|
+
}
|
|
10256
|
+
</div>
|
|
10257
|
+
}
|
|
10258
|
+
</div>
|
|
10259
|
+
`, isInline: true, styles: [".lang-add-select{min-width:130px}.chips-box{height:auto;max-height:7.5rem;overflow-y:auto}.chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { 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: "component", type: BadgeComponent, selector: "span[rlb-badge], img[rlb-badge]", inputs: ["pill", "color", "hidden-text", "border", "class", "badge-text-color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10260
|
+
}
|
|
10261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LanguageChipsComponent, decorators: [{
|
|
10262
|
+
type: Component,
|
|
10263
|
+
args: [{ selector: 'rlb-language-chips', template: `
|
|
10264
|
+
<div class="d-flex flex-column gap-2">
|
|
10265
|
+
@if (!isDisabled()) {
|
|
10266
|
+
@for (_ of [selectKey()]; track _) {
|
|
10267
|
+
<div class="lang-add-select">
|
|
10268
|
+
<rlb-select
|
|
10269
|
+
[formControl]="addControl"
|
|
10270
|
+
[placeholder]="placeholder()"
|
|
10271
|
+
>
|
|
10272
|
+
@for (lang of options(); track lang) {
|
|
10273
|
+
<rlb-option [value]="lang">{{ lang }}</rlb-option>
|
|
10274
|
+
}
|
|
10275
|
+
</rlb-select>
|
|
10276
|
+
</div>
|
|
10277
|
+
}
|
|
10278
|
+
}
|
|
10279
|
+
@if (chips().length > 0) {
|
|
10280
|
+
<div class="chips-box form-control d-flex flex-wrap align-items-center gap-2">
|
|
10281
|
+
@for (lang of chips(); track lang) {
|
|
10282
|
+
<span
|
|
10283
|
+
rlb-badge
|
|
10284
|
+
pill
|
|
10285
|
+
color="secondary"
|
|
10286
|
+
class="chip d-inline-flex align-items-center gap-1 mw-100"
|
|
10287
|
+
>
|
|
10288
|
+
<span class="chip-label">{{ lang }}</span>
|
|
10289
|
+
@if (!isDisabled()) {
|
|
10290
|
+
<button
|
|
10291
|
+
type="button"
|
|
10292
|
+
class="btn-close btn-close-white btn-close-sm flex-shrink-0"
|
|
10293
|
+
(click)="remove(lang)"
|
|
10294
|
+
[attr.aria-label]="'Remove ' + lang"
|
|
10295
|
+
></button>
|
|
10296
|
+
}
|
|
10297
|
+
</span>
|
|
10298
|
+
}
|
|
10299
|
+
</div>
|
|
10300
|
+
}
|
|
10301
|
+
</div>
|
|
10302
|
+
`, host: { '[attr.id]': 'null' }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ReactiveFormsModule, SelectComponent, OptionComponent, BadgeComponent], styles: [".lang-add-select{min-width:130px}.chips-box{height:auto;max-height:7.5rem;overflow-y:auto}.chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12rem}\n"] }]
|
|
10303
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
10304
|
+
|
|
10022
10305
|
class RadioComponent extends AbstractComponent {
|
|
10023
10306
|
constructor() {
|
|
10024
10307
|
super();
|
|
@@ -10054,8 +10337,8 @@ class RadioComponent extends AbstractComponent {
|
|
|
10054
10337
|
el.nativeElement.value = data || '';
|
|
10055
10338
|
}
|
|
10056
10339
|
}
|
|
10057
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10058
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10340
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10341
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
10059
10342
|
<div class="input-group has-validation">
|
|
10060
10343
|
<ng-content select="[before]"></ng-content>
|
|
10061
10344
|
|
|
@@ -10092,7 +10375,7 @@ class RadioComponent extends AbstractComponent {
|
|
|
10092
10375
|
</div>
|
|
10093
10376
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10094
10377
|
}
|
|
10095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RadioComponent, decorators: [{
|
|
10096
10379
|
type: Component,
|
|
10097
10380
|
args: [{
|
|
10098
10381
|
selector: 'rlb-radio',
|
|
@@ -10166,8 +10449,8 @@ class RangeComponent extends AbstractComponent {
|
|
|
10166
10449
|
el.nativeElement.value = data || '';
|
|
10167
10450
|
}
|
|
10168
10451
|
}
|
|
10169
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10170
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
10452
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10453
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
10171
10454
|
<ng-content select="[before]"></ng-content>
|
|
10172
10455
|
<div class="input-group has-validation">
|
|
10173
10456
|
<input
|
|
@@ -10191,7 +10474,7 @@ class RangeComponent extends AbstractComponent {
|
|
|
10191
10474
|
<ng-content select="[after]"></ng-content>
|
|
10192
10475
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10193
10476
|
}
|
|
10194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RangeComponent, decorators: [{
|
|
10195
10478
|
type: Component,
|
|
10196
10479
|
args: [{
|
|
10197
10480
|
selector: 'rlb-range',
|
|
@@ -10231,167 +10514,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
10231
10514
|
}]
|
|
10232
10515
|
}], ctorParameters: () => [], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], el: [{ type: i0.ViewChild, args: ['field', { isSignal: true }] }] } });
|
|
10233
10516
|
|
|
10234
|
-
class SelectComponent extends AbstractComponent {
|
|
10235
|
-
constructor() {
|
|
10236
|
-
super();
|
|
10237
|
-
this.placeholder = input(undefined, { ...(ngDevMode ? { debugName: "placeholder" } : /* istanbul ignore next */ {}), alias: 'placeholder' });
|
|
10238
|
-
this.size = input(undefined, { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), alias: 'size' });
|
|
10239
|
-
this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), alias: 'disabled',
|
|
10240
|
-
transform: booleanAttribute });
|
|
10241
|
-
this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), alias: 'readonly', transform: booleanAttribute });
|
|
10242
|
-
this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {}), alias: 'multiple', transform: booleanAttribute });
|
|
10243
|
-
this.display = input(undefined, { ...(ngDevMode ? { debugName: "display" } : /* istanbul ignore next */ {}), alias: 'display', transform: numberAttribute });
|
|
10244
|
-
this.userDefinedId = input('', { ...(ngDevMode ? { debugName: "userDefinedId" } : /* istanbul ignore next */ {}), alias: 'inputId',
|
|
10245
|
-
transform: (v) => v || '' });
|
|
10246
|
-
this.enableValidation = input(false, { ...(ngDevMode ? { debugName: "enableValidation" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'enable-validation' });
|
|
10247
|
-
this.el = viewChild('select', ...(ngDevMode ? [{ debugName: "el" }] : /* istanbul ignore next */ []));
|
|
10248
|
-
this._projectedDisplayOptions = viewChild('projectedDisplayOptions', { ...(ngDevMode ? { debugName: "_projectedDisplayOptions" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
|
|
10249
|
-
this.options = contentChildren(OptionComponent, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
|
|
10250
|
-
afterNextRender(() => {
|
|
10251
|
-
// This executes exactly when the DOM is fully painted and bindings are settled
|
|
10252
|
-
this.onWrite(this.value());
|
|
10253
|
-
});
|
|
10254
|
-
effect(() => {
|
|
10255
|
-
const vcr = this._projectedDisplayOptions(); // The ViewContainerRef in the Select
|
|
10256
|
-
const options = this.options(); // The list of OptionComponents
|
|
10257
|
-
if (!vcr)
|
|
10258
|
-
return;
|
|
10259
|
-
vcr.clear();
|
|
10260
|
-
options.forEach(opt => {
|
|
10261
|
-
const view = vcr.createEmbeddedView(opt.template());
|
|
10262
|
-
view.detectChanges();
|
|
10263
|
-
});
|
|
10264
|
-
untracked(() => {
|
|
10265
|
-
this.onWrite(this.value());
|
|
10266
|
-
this.cdr.markForCheck();
|
|
10267
|
-
});
|
|
10268
|
-
});
|
|
10269
|
-
}
|
|
10270
|
-
update(ev) {
|
|
10271
|
-
if (!this.disabled()) {
|
|
10272
|
-
const t = ev;
|
|
10273
|
-
if (this.multiple()) {
|
|
10274
|
-
const selected = Array.from(t.selectedOptions)
|
|
10275
|
-
.filter(o => o.selected)
|
|
10276
|
-
.map(o => o.value);
|
|
10277
|
-
this.setValue(selected);
|
|
10278
|
-
}
|
|
10279
|
-
else {
|
|
10280
|
-
this.setValue(t?.value);
|
|
10281
|
-
}
|
|
10282
|
-
}
|
|
10283
|
-
}
|
|
10284
|
-
onWrite(data) {
|
|
10285
|
-
const el = this.el?.();
|
|
10286
|
-
if (el && el.nativeElement) {
|
|
10287
|
-
if (data === undefined || data === null)
|
|
10288
|
-
return;
|
|
10289
|
-
const normalizedData = Array.isArray(data) ? data : [data];
|
|
10290
|
-
if (this.multiple()) {
|
|
10291
|
-
const opt = Array.from(el.nativeElement.options);
|
|
10292
|
-
opt.forEach(o => {
|
|
10293
|
-
o.selected = normalizedData.includes(o.value);
|
|
10294
|
-
});
|
|
10295
|
-
}
|
|
10296
|
-
else {
|
|
10297
|
-
const singleData = normalizedData.length > 0 ? normalizedData[0] : undefined;
|
|
10298
|
-
if (singleData === undefined)
|
|
10299
|
-
return;
|
|
10300
|
-
const opt = Array.from(el.nativeElement.options);
|
|
10301
|
-
const val = opt.find(o => o.value == singleData);
|
|
10302
|
-
if (val)
|
|
10303
|
-
val.selected = true;
|
|
10304
|
-
}
|
|
10305
|
-
}
|
|
10306
|
-
}
|
|
10307
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10308
|
-
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: `
|
|
10309
|
-
<ng-content select="[before]"></ng-content>
|
|
10310
|
-
<div class="input-group has-validation">
|
|
10311
|
-
<select
|
|
10312
|
-
#select
|
|
10313
|
-
class="form-select d-inline-block"
|
|
10314
|
-
[id]="id()"
|
|
10315
|
-
[attr.disabled]="disabled() ? true : undefined"
|
|
10316
|
-
[attr.readonly]="readonly() ? true : undefined"
|
|
10317
|
-
[attr.multiple]="multiple() ? true : undefined"
|
|
10318
|
-
[class.form-select-lg]="size() === 'large'"
|
|
10319
|
-
[class.form-select-sm]="size() === 'small'"
|
|
10320
|
-
[attr.placeholder]="placeholder()"
|
|
10321
|
-
[attr.size]="display()"
|
|
10322
|
-
(blur)="touch()"
|
|
10323
|
-
[class.is-invalid]="control?.touched && control?.invalid && enableValidation()"
|
|
10324
|
-
[class.is-valid]="control?.touched && control?.valid && enableValidation()"
|
|
10325
|
-
(change)="update($event.target)"
|
|
10326
|
-
>
|
|
10327
|
-
@if (placeholder()) {
|
|
10328
|
-
<option
|
|
10329
|
-
selected
|
|
10330
|
-
disabled
|
|
10331
|
-
>
|
|
10332
|
-
{{ placeholder() }}
|
|
10333
|
-
</option>
|
|
10334
|
-
}
|
|
10335
|
-
<ng-container #projectedDisplayOptions></ng-container>
|
|
10336
|
-
</select>
|
|
10337
|
-
@if (errors() && showError()) {
|
|
10338
|
-
<rlb-input-validation [errors]="errors()" />
|
|
10339
|
-
}
|
|
10340
|
-
</div>
|
|
10341
|
-
<ng-content select="[after]"></ng-content>
|
|
10342
|
-
`, 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 }); }
|
|
10343
|
-
}
|
|
10344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SelectComponent, decorators: [{
|
|
10345
|
-
type: Component,
|
|
10346
|
-
args: [{
|
|
10347
|
-
selector: 'rlb-select',
|
|
10348
|
-
template: `
|
|
10349
|
-
<ng-content select="[before]"></ng-content>
|
|
10350
|
-
<div class="input-group has-validation">
|
|
10351
|
-
<select
|
|
10352
|
-
#select
|
|
10353
|
-
class="form-select d-inline-block"
|
|
10354
|
-
[id]="id()"
|
|
10355
|
-
[attr.disabled]="disabled() ? true : undefined"
|
|
10356
|
-
[attr.readonly]="readonly() ? true : undefined"
|
|
10357
|
-
[attr.multiple]="multiple() ? true : undefined"
|
|
10358
|
-
[class.form-select-lg]="size() === 'large'"
|
|
10359
|
-
[class.form-select-sm]="size() === 'small'"
|
|
10360
|
-
[attr.placeholder]="placeholder()"
|
|
10361
|
-
[attr.size]="display()"
|
|
10362
|
-
(blur)="touch()"
|
|
10363
|
-
[class.is-invalid]="control?.touched && control?.invalid && enableValidation()"
|
|
10364
|
-
[class.is-valid]="control?.touched && control?.valid && enableValidation()"
|
|
10365
|
-
(change)="update($event.target)"
|
|
10366
|
-
>
|
|
10367
|
-
@if (placeholder()) {
|
|
10368
|
-
<option
|
|
10369
|
-
selected
|
|
10370
|
-
disabled
|
|
10371
|
-
>
|
|
10372
|
-
{{ placeholder() }}
|
|
10373
|
-
</option>
|
|
10374
|
-
}
|
|
10375
|
-
<ng-container #projectedDisplayOptions></ng-container>
|
|
10376
|
-
</select>
|
|
10377
|
-
@if (errors() && showError()) {
|
|
10378
|
-
<rlb-input-validation [errors]="errors()" />
|
|
10379
|
-
}
|
|
10380
|
-
</div>
|
|
10381
|
-
<ng-content select="[after]"></ng-content>
|
|
10382
|
-
`,
|
|
10383
|
-
host: { '[attr.id]': 'null' },
|
|
10384
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
10385
|
-
imports: [
|
|
10386
|
-
FormsModule,
|
|
10387
|
-
InputValidationComponent,
|
|
10388
|
-
DataTableActionComponent,
|
|
10389
|
-
],
|
|
10390
|
-
}]
|
|
10391
|
-
}], ctorParameters: () => [], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], userDefinedId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], enableValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "enable-validation", required: false }] }], el: [{ type: i0.ViewChild, args: ['select', { isSignal: true }] }], _projectedDisplayOptions: [{ type: i0.ViewChild, args: ['projectedDisplayOptions', { ...{
|
|
10392
|
-
read: ViewContainerRef,
|
|
10393
|
-
}, isSignal: true }] }], options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => OptionComponent), { isSignal: true }] }] } });
|
|
10394
|
-
|
|
10395
10517
|
class SwitchComponent extends AbstractComponent {
|
|
10396
10518
|
constructor() {
|
|
10397
10519
|
super();
|
|
@@ -10430,8 +10552,8 @@ class SwitchComponent extends AbstractComponent {
|
|
|
10430
10552
|
}
|
|
10431
10553
|
}
|
|
10432
10554
|
}
|
|
10433
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10434
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10556
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
10435
10557
|
<div class="d-flex align-items-center gap-2">
|
|
10436
10558
|
@if (errors() && showError() && (control?.touched || control?.dirty)) {
|
|
10437
10559
|
<div class="invalid-feedback d-block">
|
|
@@ -10458,7 +10580,7 @@ class SwitchComponent extends AbstractComponent {
|
|
|
10458
10580
|
</div>
|
|
10459
10581
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10460
10582
|
}
|
|
10461
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SwitchComponent, decorators: [{
|
|
10462
10584
|
type: Component,
|
|
10463
10585
|
args: [{
|
|
10464
10586
|
selector: 'rlb-switch',
|
|
@@ -10522,8 +10644,8 @@ class TextAreaComponent extends AbstractComponent {
|
|
|
10522
10644
|
el.nativeElement.value = data || '';
|
|
10523
10645
|
}
|
|
10524
10646
|
}
|
|
10525
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10647
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TextAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10648
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
10527
10649
|
<ng-content select="[before]"></ng-content>
|
|
10528
10650
|
<div class="input-group has-validation">
|
|
10529
10651
|
<textarea
|
|
@@ -10548,7 +10670,7 @@ class TextAreaComponent extends AbstractComponent {
|
|
|
10548
10670
|
<ng-content select="[after]"></ng-content>
|
|
10549
10671
|
`, 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 }); }
|
|
10550
10672
|
}
|
|
10551
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10673
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TextAreaComponent, decorators: [{
|
|
10552
10674
|
type: Component,
|
|
10553
10675
|
args: [{
|
|
10554
10676
|
selector: 'rlb-textarea',
|
|
@@ -10600,6 +10722,7 @@ const INPUTS = [
|
|
|
10600
10722
|
OptionComponent,
|
|
10601
10723
|
FileComponent,
|
|
10602
10724
|
InputGroupComponent,
|
|
10725
|
+
LanguageChipsComponent,
|
|
10603
10726
|
HelpText,
|
|
10604
10727
|
DndDirective,
|
|
10605
10728
|
FileDndComponent,
|
|
@@ -10670,8 +10793,8 @@ class RlbFabInputComponent {
|
|
|
10670
10793
|
}
|
|
10671
10794
|
}, 10);
|
|
10672
10795
|
}
|
|
10673
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10674
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
10796
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbFabInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10797
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
10675
10798
|
<div
|
|
10676
10799
|
class="rlb-fab-input-wrapper"
|
|
10677
10800
|
(focusout)="onFocusOut($event)"
|
|
@@ -10695,7 +10818,7 @@ class RlbFabInputComponent {
|
|
|
10695
10818
|
</div>
|
|
10696
10819
|
`, 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 }); }
|
|
10697
10820
|
}
|
|
10698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10821
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbFabInputComponent, decorators: [{
|
|
10699
10822
|
type: Component,
|
|
10700
10823
|
args: [{ selector: 'rlb-fab-input', template: `
|
|
10701
10824
|
<div
|
|
@@ -10815,8 +10938,8 @@ class DataTableActionsComponent {
|
|
|
10815
10938
|
return false;
|
|
10816
10939
|
return !actions.some(o => !o.disabled());
|
|
10817
10940
|
}
|
|
10818
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10819
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
10941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10942
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
10820
10943
|
<ng-template #template>
|
|
10821
10944
|
<div class="dropdown">
|
|
10822
10945
|
<button
|
|
@@ -10839,7 +10962,7 @@ class DataTableActionsComponent {
|
|
|
10839
10962
|
</ng-template>
|
|
10840
10963
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10841
10964
|
}
|
|
10842
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
10965
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableActionsComponent, decorators: [{
|
|
10843
10966
|
type: Component,
|
|
10844
10967
|
args: [{
|
|
10845
10968
|
selector: 'rlb-dt-actions',
|
|
@@ -10877,8 +11000,8 @@ class DataTableCellComponent {
|
|
|
10877
11000
|
this.cssStyle = input(undefined, { ...(ngDevMode ? { debugName: "cssStyle" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
10878
11001
|
this.template = viewChild.required('template');
|
|
10879
11002
|
}
|
|
10880
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10881
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
11003
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11004
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
10882
11005
|
<ng-template #template>
|
|
10883
11006
|
<td
|
|
10884
11007
|
[colSpan]="colSpan()"
|
|
@@ -10890,7 +11013,7 @@ class DataTableCellComponent {
|
|
|
10890
11013
|
</ng-template>
|
|
10891
11014
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10892
11015
|
}
|
|
10893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11016
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableCellComponent, decorators: [{
|
|
10894
11017
|
type: Component,
|
|
10895
11018
|
args: [{
|
|
10896
11019
|
selector: 'rlb-dt-cell',
|
|
@@ -10922,8 +11045,8 @@ class DataTableHeaderComponent {
|
|
|
10922
11045
|
this.cssStyle = input(undefined, { ...(ngDevMode ? { debugName: "cssStyle" } : /* istanbul ignore next */ {}), alias: 'style' });
|
|
10923
11046
|
this.template = viewChild.required('template');
|
|
10924
11047
|
}
|
|
10925
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10926
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
11048
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11049
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
10927
11050
|
<ng-template #template>
|
|
10928
11051
|
<th
|
|
10929
11052
|
[class]="cssClass()"
|
|
@@ -10934,7 +11057,7 @@ class DataTableHeaderComponent {
|
|
|
10934
11057
|
</ng-template>
|
|
10935
11058
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10936
11059
|
}
|
|
10937
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableHeaderComponent, decorators: [{
|
|
10938
11061
|
type: Component,
|
|
10939
11062
|
args: [{
|
|
10940
11063
|
selector: 'rlb-dt-header',
|
|
@@ -10962,8 +11085,8 @@ class DataTableRowComponent {
|
|
|
10962
11085
|
this.cells = contentChildren(DataTableCellComponent, ...(ngDevMode ? [{ debugName: "cells" }] : /* istanbul ignore next */ []));
|
|
10963
11086
|
this.hasActions = computed(() => this.actionsBlock().length > 0, ...(ngDevMode ? [{ debugName: "hasActions" }] : /* istanbul ignore next */ []));
|
|
10964
11087
|
}
|
|
10965
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
10966
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11088
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11089
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
10967
11090
|
<ng-template #template>
|
|
10968
11091
|
<tr
|
|
10969
11092
|
[class]="cssClass()"
|
|
@@ -10987,7 +11110,7 @@ class DataTableRowComponent {
|
|
|
10987
11110
|
</ng-template>
|
|
10988
11111
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10989
11112
|
}
|
|
10990
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableRowComponent, decorators: [{
|
|
10991
11114
|
type: Component,
|
|
10992
11115
|
args: [{
|
|
10993
11116
|
selector: 'rlb-dt-row',
|
|
@@ -11026,14 +11149,14 @@ class DataTableNoItemsComponent {
|
|
|
11026
11149
|
constructor() {
|
|
11027
11150
|
this.template = viewChild.required('template');
|
|
11028
11151
|
}
|
|
11029
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11030
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
11152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableNoItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11153
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: DataTableNoItemsComponent, isStandalone: true, selector: "rlb-dt-noitems", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
11031
11154
|
<ng-template #template>
|
|
11032
11155
|
<ng-content></ng-content>
|
|
11033
11156
|
</ng-template>
|
|
11034
11157
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11035
11158
|
}
|
|
11036
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableNoItemsComponent, decorators: [{
|
|
11037
11160
|
type: Component,
|
|
11038
11161
|
args: [{
|
|
11039
11162
|
selector: 'rlb-dt-noitems',
|
|
@@ -11053,14 +11176,14 @@ class DataTableLoadingComponent {
|
|
|
11053
11176
|
constructor() {
|
|
11054
11177
|
this.template = viewChild.required('template');
|
|
11055
11178
|
}
|
|
11056
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11057
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
11179
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11180
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", type: DataTableLoadingComponent, isStandalone: true, selector: "rlb-dt-loading", viewQueries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
11058
11181
|
<ng-template #template>
|
|
11059
11182
|
<ng-content></ng-content>
|
|
11060
11183
|
</ng-template>
|
|
11061
11184
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11062
11185
|
}
|
|
11063
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableLoadingComponent, decorators: [{
|
|
11064
11187
|
type: Component,
|
|
11065
11188
|
args: [{
|
|
11066
11189
|
selector: 'rlb-dt-loading',
|
|
@@ -11249,10 +11372,10 @@ class DataTableComponent {
|
|
|
11249
11372
|
size: this.pageSize() ? parseInt(this.pageSize()) : 20,
|
|
11250
11373
|
});
|
|
11251
11374
|
}
|
|
11252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11253
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11376
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 }); }
|
|
11254
11377
|
}
|
|
11255
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DataTableComponent, decorators: [{
|
|
11256
11379
|
type: Component,
|
|
11257
11380
|
args: [{ selector: 'rlb-dt-table', host: {
|
|
11258
11381
|
// This automatically adds the 'dt-card-style' class to the <rlb-dt-table>
|
|
@@ -11334,10 +11457,10 @@ class FormFieldsComponent {
|
|
|
11334
11457
|
submitForm() {
|
|
11335
11458
|
this.form()?.onSubmit({});
|
|
11336
11459
|
}
|
|
11337
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11338
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11461
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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 }); }
|
|
11339
11462
|
}
|
|
11340
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormFieldsComponent, decorators: [{
|
|
11341
11464
|
type: Component,
|
|
11342
11465
|
args: [{ selector: 'rlb-form-fields', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
11343
11466
|
NgTemplateOutlet,
|
|
@@ -11365,8 +11488,8 @@ class GenericComponent {
|
|
|
11365
11488
|
const COMPONENT_BUILDER = [ComponentHostDirective];
|
|
11366
11489
|
|
|
11367
11490
|
class RlbBootstrapModule {
|
|
11368
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11369
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
11491
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbBootstrapModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11492
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: RlbBootstrapModule, imports: [CommonModule,
|
|
11370
11493
|
FormsModule,
|
|
11371
11494
|
ReactiveFormsModule,
|
|
11372
11495
|
TranslateModule,
|
|
@@ -11375,14 +11498,14 @@ class RlbBootstrapModule {
|
|
|
11375
11498
|
CdkDropListGroup,
|
|
11376
11499
|
CdkDropList,
|
|
11377
11500
|
CdkDragPlaceholder,
|
|
11378
|
-
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] }); }
|
|
11379
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
11501
|
+
CdkDragPreview, DataTableActionComponent, DataTableActionsComponent, DataTableCellComponent, DataTableHeaderComponent, DataTableRowComponent, DataTableComponent, DataTableLoadingComponent, DataTableNoItemsComponent, AutocompleteComponent, CheckboxComponent, InputComponent, SwitchComponent, TextAreaComponent, ColorComponent, DatalistComponent, RangeComponent, SelectComponent, RadioComponent, OptionComponent, FileComponent, InputGroupComponent, LanguageChipsComponent, 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, LanguageChipsComponent, 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] }); }
|
|
11502
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbBootstrapModule, imports: [CommonModule,
|
|
11380
11503
|
FormsModule,
|
|
11381
11504
|
ReactiveFormsModule,
|
|
11382
11505
|
TranslateModule,
|
|
11383
|
-
RouterModule, DataTableComponent, SelectComponent, OptionComponent, NavbarFormComponent, FormFieldsComponent] }); }
|
|
11506
|
+
RouterModule, DataTableComponent, SelectComponent, OptionComponent, LanguageChipsComponent, NavbarFormComponent, FormFieldsComponent] }); }
|
|
11384
11507
|
}
|
|
11385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11508
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RlbBootstrapModule, decorators: [{
|
|
11386
11509
|
type: NgModule,
|
|
11387
11510
|
args: [{
|
|
11388
11511
|
imports: [
|
|
@@ -11425,8 +11548,8 @@ class SearchModalComponent {
|
|
|
11425
11548
|
}
|
|
11426
11549
|
onEnter() { }
|
|
11427
11550
|
ngOnInit() { }
|
|
11428
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11429
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.
|
|
11551
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11552
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.17", 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: `
|
|
11430
11553
|
<div class="modal-header">
|
|
11431
11554
|
<h5 class="modal-title">{{ data().title }}</h5>
|
|
11432
11555
|
<button
|
|
@@ -11458,7 +11581,7 @@ class SearchModalComponent {
|
|
|
11458
11581
|
</div>
|
|
11459
11582
|
`, 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 }); }
|
|
11460
11583
|
}
|
|
11461
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11584
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SearchModalComponent, decorators: [{
|
|
11462
11585
|
type: Component,
|
|
11463
11586
|
args: [{
|
|
11464
11587
|
imports: [RlbBootstrapModule, FormsModule],
|
|
@@ -11516,8 +11639,8 @@ class CommonModalComponent {
|
|
|
11516
11639
|
}
|
|
11517
11640
|
onEnter() { }
|
|
11518
11641
|
ngOnInit() { }
|
|
11519
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11520
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11642
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CommonModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11643
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
11521
11644
|
<div [class]="'modal-header' + headerColor()">
|
|
11522
11645
|
<h5 class="modal-title">{{ data().title }}</h5>
|
|
11523
11646
|
<button
|
|
@@ -11558,7 +11681,7 @@ class CommonModalComponent {
|
|
|
11558
11681
|
</div>
|
|
11559
11682
|
`, 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 }); }
|
|
11560
11683
|
}
|
|
11561
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CommonModalComponent, decorators: [{
|
|
11562
11685
|
type: Component,
|
|
11563
11686
|
args: [{
|
|
11564
11687
|
imports: [RlbBootstrapModule, FormsModule],
|
|
@@ -11677,8 +11800,8 @@ class EventCreateEditComponent {
|
|
|
11677
11800
|
this.destroy$.next();
|
|
11678
11801
|
this.destroy$.complete();
|
|
11679
11802
|
}
|
|
11680
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11681
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11803
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EventCreateEditComponent, deps: [{ token: i1.FormBuilder }, { token: UniqueIdService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11804
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
11682
11805
|
<div [formGroup]="form">
|
|
11683
11806
|
<div [class]="'modal-header' + headerColor()">
|
|
11684
11807
|
<h5 class="modal-title">
|
|
@@ -11758,7 +11881,7 @@ class EventCreateEditComponent {
|
|
|
11758
11881
|
</div>
|
|
11759
11882
|
`, 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 }); }
|
|
11760
11883
|
}
|
|
11761
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
11884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EventCreateEditComponent, decorators: [{
|
|
11762
11885
|
type: Component,
|
|
11763
11886
|
args: [{
|
|
11764
11887
|
imports: [RlbBootstrapModule, ReactiveFormsModule],
|
|
@@ -11865,8 +11988,8 @@ class CalendarOverflowEventsContainerComponent {
|
|
|
11865
11988
|
return this.data()?.type ? ` bg-${this.data().type}` : '';
|
|
11866
11989
|
}, ...(ngDevMode ? [{ debugName: "headerColor" }] : /* istanbul ignore next */ []));
|
|
11867
11990
|
}
|
|
11868
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11869
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
11991
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarOverflowEventsContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11992
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", 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: `
|
|
11870
11993
|
<div [class]="'modal-header' + headerColor()">
|
|
11871
11994
|
<h5 class="modal-title">{{ data().title }}</h5>
|
|
11872
11995
|
<button
|
|
@@ -11914,7 +12037,7 @@ class CalendarOverflowEventsContainerComponent {
|
|
|
11914
12037
|
</div>
|
|
11915
12038
|
`, 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 }); }
|
|
11916
12039
|
}
|
|
11917
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
12040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarOverflowEventsContainerComponent, decorators: [{
|
|
11918
12041
|
type: Component,
|
|
11919
12042
|
args: [{
|
|
11920
12043
|
template: `
|
|
@@ -11979,8 +12102,8 @@ class CalendarToastComponent {
|
|
|
11979
12102
|
constructor() {
|
|
11980
12103
|
this.valid = signal(true, ...(ngDevMode ? [{ debugName: "valid" }] : /* istanbul ignore next */ []));
|
|
11981
12104
|
}
|
|
11982
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
11983
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
12105
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12106
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: CalendarToastComponent, isStandalone: true, selector: "ng-component", hostDirectives: [{ directive: ToastDirective, inputs: ["id", "id", "data-instance", "data-instance", "data-options", "data-options"] }], ngImport: i0, template: `
|
|
11984
12107
|
<div class="toast-header">
|
|
11985
12108
|
<strong class="me-auto">{{ data().title }}</strong>
|
|
11986
12109
|
@if (data().subtitle) {
|
|
@@ -11996,7 +12119,7 @@ class CalendarToastComponent {
|
|
|
11996
12119
|
<div class="toast-body">{{ data().content }}</div>
|
|
11997
12120
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: RlbBootstrapModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11998
12121
|
}
|
|
11999
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
12122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarToastComponent, decorators: [{
|
|
12000
12123
|
type: Component,
|
|
12001
12124
|
args: [{
|
|
12002
12125
|
template: `
|
|
@@ -12057,5 +12180,5 @@ function provideRlbBootstrap() {
|
|
|
12057
12180
|
* Generated bundle index. Do not edit.
|
|
12058
12181
|
*/
|
|
12059
12182
|
|
|
12060
|
-
export { AbstractAutocompleteComponent, AbstractComponent, AccordionBodyComponent, AccordionComponent, AccordionHeaderComponent, AccordionItemComponent, AlertComponent, AutocompleteComponent, AutocompleteCountryComponent, AutocompleteCountryDialCodeComponent, AutocompleteTimezonesComponent, AvatarComponent, BadgeComponent, BadgeDirective, BreadcrumbComponent, ButtonCloseComponent, ButtonComponent, ButtonGroupComponent, ButtonToolbarComponent, CALENDAR_COMPONENTS, COMPONENTS, CalendarComponent, CalendarDayGridComponent, CalendarEventComponent, CalendarGrid, CalendarHeaderComponent, CalendarMonthGridComponent, CalendarOverflowEventsContainerComponent, CalendarToastComponent, CalendarWeekGridComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderComponent, CardImageComponent, CardLinkComponent, CardSubtitleComponent, CardTextComponent, CardTitleComponent, CarouselCaptionComponent, CarouselComponent, CarouselSlideComponent, ChatContainerComponent, ChatItemComponent, CheckboxComponent, CollapseComponent, ColorComponent, CommonModalComponent, DataTableActionComponent, DataTableActionsComponent, DataTableCellComponent, DataTableComponent, DataTableHeaderComponent, DataTableLoadingComponent, DataTableNoItemsComponent, DataTableRowComponent, DatalistComponent, DateTzPipe, DayOfWeekPipe, DndDirective, DropdownComponent, DropdownContainerComponent, DropdownDirective, DropdownMenuItemComponent, EventCreateEditComponent, FileComponent, FileDndComponent, FormFieldsComponent, HelpText, INPUTS, InputComponent, InputGroupComponent, InputValidationComponent, ListComponent, ListItemComponent, ListItemImageComponent, MODALS, ModalContainerComponent, ModalDirective, ModalRegistryOptions, ModalService, MonthFormatterPipe, NavComponent, NavItemComponent, NavbarBrandDirective, NavbarComponent, NavbarCustomItemsDirective, NavbarDropdownItemComponent, NavbarFormComponent, NavbarItemComponent, NavbarItemsComponent, NavbarSeparatorComponent, NavbarTextComponent, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasTitleComponent, OptionComponent, PIPES, PaginationComponent, PaginationItemComponent, PlaceholderDirective, PopoverDirective, ProgressComponent, RLB_TRANSLATION_SERVICE, RadioComponent, RangeComponent, RlbBootstrapModule, RlbFabComponent, RlbFabInputComponent, RlbPlaceholderComponent, RlbPlaceholderLineComponent, RlbPlaceholderTextComponent, ScrollspyDirective, SearchModalComponent, SelectComponent, SidebarComponent, SidebarItemComponent, SpinnerComponent, SwitchComponent, TABLE, TOASTS, TabComponent, TabContentComponent, TabPaneComponent, TabsComponent, TextAreaComponent, ToastContainerComponent, ToastDirective, ToastRegistryOptions, ToastService, ToggleDirective, TooltipDirective, UniqueIdService, createArrayProxy, provideRlbBootstrap, requiredAutocompleteValue };
|
|
12183
|
+
export { AbstractAutocompleteComponent, AbstractComponent, AccordionBodyComponent, AccordionComponent, AccordionHeaderComponent, AccordionItemComponent, AlertComponent, AutocompleteComponent, AutocompleteCountryComponent, AutocompleteCountryDialCodeComponent, AutocompleteTimezonesComponent, AvatarComponent, BadgeComponent, BadgeDirective, BreadcrumbComponent, ButtonCloseComponent, ButtonComponent, ButtonGroupComponent, ButtonToolbarComponent, CALENDAR_COMPONENTS, COMPONENTS, CalendarComponent, CalendarDayGridComponent, CalendarEventComponent, CalendarGrid, CalendarHeaderComponent, CalendarMonthGridComponent, CalendarOverflowEventsContainerComponent, CalendarToastComponent, CalendarWeekGridComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardGroupComponent, CardHeaderComponent, CardImageComponent, CardLinkComponent, CardSubtitleComponent, CardTextComponent, CardTitleComponent, CarouselCaptionComponent, CarouselComponent, CarouselSlideComponent, ChatContainerComponent, ChatItemComponent, CheckboxComponent, CollapseComponent, ColorComponent, CommonModalComponent, DataTableActionComponent, DataTableActionsComponent, DataTableCellComponent, DataTableComponent, DataTableHeaderComponent, DataTableLoadingComponent, DataTableNoItemsComponent, DataTableRowComponent, DatalistComponent, DateTzPipe, DayOfWeekPipe, DndDirective, DropdownComponent, DropdownContainerComponent, DropdownDirective, DropdownMenuItemComponent, EventCreateEditComponent, FileComponent, FileDndComponent, FormFieldsComponent, HelpText, INPUTS, InputComponent, InputGroupComponent, InputValidationComponent, LanguageChipsComponent, ListComponent, ListItemComponent, ListItemImageComponent, MODALS, ModalContainerComponent, ModalDirective, ModalRegistryOptions, ModalService, MonthFormatterPipe, NavComponent, NavItemComponent, NavbarBrandDirective, NavbarComponent, NavbarCustomItemsDirective, NavbarDropdownItemComponent, NavbarFormComponent, NavbarItemComponent, NavbarItemsComponent, NavbarSeparatorComponent, NavbarTextComponent, OffcanvasBodyComponent, OffcanvasComponent, OffcanvasHeaderComponent, OffcanvasTitleComponent, OptionComponent, PIPES, PaginationComponent, PaginationItemComponent, PlaceholderDirective, PopoverDirective, ProgressComponent, RLB_TRANSLATION_SERVICE, RadioComponent, RangeComponent, RlbBootstrapModule, RlbFabComponent, RlbFabInputComponent, RlbPlaceholderComponent, RlbPlaceholderLineComponent, RlbPlaceholderTextComponent, ScrollspyDirective, SearchModalComponent, SelectComponent, SidebarComponent, SidebarItemComponent, SpinnerComponent, SwitchComponent, TABLE, TOASTS, TabComponent, TabContentComponent, TabPaneComponent, TabsComponent, TextAreaComponent, ToastContainerComponent, ToastDirective, ToastRegistryOptions, ToastService, ToggleDirective, TooltipDirective, UniqueIdService, createArrayProxy, provideRlbBootstrap, requiredAutocompleteValue };
|
|
12061
12184
|
//# sourceMappingURL=open-rlb-ng-bootstrap.mjs.map
|