@ship-ui/core 0.15.9 → 0.15.12
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.
|
@@ -17,12 +17,12 @@ class ShipIconComponent {
|
|
|
17
17
|
this.#renderer.addClass(this.#selfRef.nativeElement, potentialType);
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipIconComponent, isStandalone: true, selector: "sh-icon", ngImport: i0, template: `
|
|
22
22
|
<ng-content />
|
|
23
23
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipIconComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: 'sh-icon',
|
|
@@ -82,8 +82,8 @@ class ShipAlertComponent {
|
|
|
82
82
|
this.alertService()?.removeAlert(this.id());
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
86
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
85
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipAlertComponent, isStandalone: true, selector: "sh-alert", inputs: { alertService: { classPropertyName: "alertService", publicName: "alertService", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "activeClass()" } }, ngImport: i0, template: `
|
|
87
87
|
<div class="alert">
|
|
88
88
|
<div #ref class="icon" [style.display]="!ref.children.length ? 'none' : 'block'">
|
|
89
89
|
<ng-content select="[icon]" />
|
|
@@ -124,7 +124,7 @@ class ShipAlertComponent {
|
|
|
124
124
|
</div>
|
|
125
125
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
126
126
|
}
|
|
127
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertComponent, decorators: [{
|
|
128
128
|
type: Component,
|
|
129
129
|
args: [{
|
|
130
130
|
selector: 'sh-alert',
|
|
@@ -231,10 +231,10 @@ class ShipAlertContainerComponent {
|
|
|
231
231
|
transitionDelay(i, allOpen = false) {
|
|
232
232
|
return allOpen ? this.alertHistory().length - 1 * 40 + 'ms' : (this.numberOfOpenAlerts() - i) * 40 + 'ms';
|
|
233
233
|
}
|
|
234
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
235
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
234
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
235
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipAlertContainerComponent, isStandalone: true, selector: "ship-alert-container", inputs: { inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, alertService: { classPropertyName: "alertService", publicName: "alertService", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, viewQueries: [{ propertyName: "alerts", first: true, predicate: ["alerts"], descendants: true, isSignal: true }, { propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"scroller\" #scroller>\n <div class=\"container\">\n @for (alert of alertHistory(); track $index) {\n <sh-alert\n #alerts\n [class]=\"alert.type\"\n [id]=\"alert.id\"\n [alertService]=\"alertService()\"\n [style.transition-delay]=\"transitionDelay($index, true)\"\n [class.animate-in]=\"alert.animateIn\"\n [class.animate-out]=\"alert.animateOut\"\n [class.is-hidden]=\"alertHistoryIsHidden() && !alert.isOpen\">\n <div title>{{ alert.title }}</div>\n\n @if (alert.content) {\n <div content>\n {{ alert.content }}\n </div>\n }\n </sh-alert>\n }\n </div>\n</div>\n<div\n class=\"tray\"\n [class.tray-is-hidden]=\"!alertHistoryIsHidden()\"\n (mouseover)=\"this.onMouseOver()\"\n (mouseout)=\"this.onMouseOut()\">\n <sh-icon class=\"small\">info</sh-icon>\n</div>\n", dependencies: [{ kind: "component", type: ShipAlertComponent, selector: "sh-alert", inputs: ["alertService", "id"] }, { kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
236
236
|
}
|
|
237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertContainerComponent, decorators: [{
|
|
238
238
|
type: Component,
|
|
239
239
|
args: [{ selector: 'ship-alert-container', imports: [ShipAlertComponent, ShipIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"scroller\" #scroller>\n <div class=\"container\">\n @for (alert of alertHistory(); track $index) {\n <sh-alert\n #alerts\n [class]=\"alert.type\"\n [id]=\"alert.id\"\n [alertService]=\"alertService()\"\n [style.transition-delay]=\"transitionDelay($index, true)\"\n [class.animate-in]=\"alert.animateIn\"\n [class.animate-out]=\"alert.animateOut\"\n [class.is-hidden]=\"alertHistoryIsHidden() && !alert.isOpen\">\n <div title>{{ alert.title }}</div>\n\n @if (alert.content) {\n <div content>\n {{ alert.content }}\n </div>\n }\n </sh-alert>\n }\n </div>\n</div>\n<div\n class=\"tray\"\n [class.tray-is-hidden]=\"!alertHistoryIsHidden()\"\n (mouseover)=\"this.onMouseOver()\"\n (mouseout)=\"this.onMouseOut()\">\n <sh-icon class=\"small\">info</sh-icon>\n</div>\n" }]
|
|
240
240
|
}], propDecorators: { onMouseOver: [{
|
|
@@ -246,11 +246,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
246
246
|
}] } });
|
|
247
247
|
|
|
248
248
|
class ShipAlertModule {
|
|
249
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
250
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
251
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
249
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
250
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertModule, imports: [ShipAlertComponent, ShipAlertContainerComponent], exports: [ShipAlertComponent, ShipAlertContainerComponent] }); }
|
|
251
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertModule }); }
|
|
252
252
|
}
|
|
253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertModule, decorators: [{
|
|
254
254
|
type: NgModule,
|
|
255
255
|
args: [{
|
|
256
256
|
imports: [ShipAlertComponent, ShipAlertContainerComponent],
|
|
@@ -333,10 +333,10 @@ class ShipAlertService {
|
|
|
333
333
|
setHidden(isHidden) {
|
|
334
334
|
this.alertHistoryIsHidden.set(isHidden);
|
|
335
335
|
}
|
|
336
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
337
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
336
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
337
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertService, providedIn: 'root' }); }
|
|
338
338
|
}
|
|
339
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipAlertService, decorators: [{
|
|
340
340
|
type: Injectable,
|
|
341
341
|
args: [{
|
|
342
342
|
providedIn: 'root',
|
|
@@ -405,8 +405,8 @@ class ShipDialogComponent {
|
|
|
405
405
|
ngOnDestroy() {
|
|
406
406
|
this.abortController?.abort();
|
|
407
407
|
}
|
|
408
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
409
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
408
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
409
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipDialogComponent, isStandalone: true, selector: "sh-dialog", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closed: "closed" }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
410
410
|
@let options = this.defaultOptionMerge();
|
|
411
411
|
|
|
412
412
|
@if (isOpen()) {
|
|
@@ -429,7 +429,7 @@ class ShipDialogComponent {
|
|
|
429
429
|
}
|
|
430
430
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
431
431
|
}
|
|
432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDialogComponent, decorators: [{
|
|
433
433
|
type: Component,
|
|
434
434
|
args: [{
|
|
435
435
|
selector: 'sh-dialog',
|
|
@@ -549,10 +549,10 @@ class ShipDialogService {
|
|
|
549
549
|
ngOnDestroy() {
|
|
550
550
|
this.#cleanupRefs();
|
|
551
551
|
}
|
|
552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
553
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
552
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
553
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDialogService, providedIn: 'root' }); }
|
|
554
554
|
}
|
|
555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDialogService, decorators: [{
|
|
556
556
|
type: Injectable,
|
|
557
557
|
args: [{
|
|
558
558
|
providedIn: 'root',
|
|
@@ -560,12 +560,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
560
560
|
}] });
|
|
561
561
|
|
|
562
562
|
class ShipButtonGroupComponent {
|
|
563
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
564
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
563
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
564
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipButtonGroupComponent, isStandalone: true, selector: "sh-button-group", ngImport: i0, template: `
|
|
565
565
|
<ng-content />
|
|
566
566
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
567
567
|
}
|
|
568
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipButtonGroupComponent, decorators: [{
|
|
569
569
|
type: Component,
|
|
570
570
|
args: [{
|
|
571
571
|
selector: 'sh-button-group',
|
|
@@ -578,10 +578,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
578
578
|
}] });
|
|
579
579
|
|
|
580
580
|
class ShipButtonComponent {
|
|
581
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
582
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
581
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
582
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipButtonComponent, isStandalone: true, selector: "[shButton]", host: { classAttribute: "sh-sheet-h" }, ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
583
583
|
}
|
|
584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
584
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipButtonComponent, decorators: [{
|
|
585
585
|
type: Component,
|
|
586
586
|
args: [{
|
|
587
587
|
selector: '[shButton]',
|
|
@@ -600,12 +600,12 @@ class ShipCardComponent {
|
|
|
600
600
|
this.class = signal(this.#shConfig?.cardType ?? 'default', ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
601
601
|
}
|
|
602
602
|
#shConfig;
|
|
603
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
604
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
603
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
604
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipCardComponent, isStandalone: true, selector: "sh-card", host: { properties: { "class": "class()" } }, ngImport: i0, template: `
|
|
605
605
|
<ng-content />
|
|
606
606
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
607
607
|
}
|
|
608
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
608
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipCardComponent, decorators: [{
|
|
609
609
|
type: Component,
|
|
610
610
|
args: [{
|
|
611
611
|
selector: 'sh-card',
|
|
@@ -624,8 +624,8 @@ class ShipCheckboxComponent {
|
|
|
624
624
|
constructor() {
|
|
625
625
|
this.currentClassList = classMutationSignal();
|
|
626
626
|
}
|
|
627
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
628
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
627
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
628
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipCheckboxComponent, isStandalone: true, selector: "sh-checkbox", ngImport: i0, template: `
|
|
629
629
|
<div class="box sh-sheet" [class]="currentClassList()">
|
|
630
630
|
<sh-icon class="inherit default-indicator">check-bold</sh-icon>
|
|
631
631
|
<sh-icon class="inherit indeterminate-indicator">minus-bold</sh-icon>
|
|
@@ -634,7 +634,7 @@ class ShipCheckboxComponent {
|
|
|
634
634
|
<ng-content />
|
|
635
635
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
636
636
|
}
|
|
637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
637
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipCheckboxComponent, decorators: [{
|
|
638
638
|
type: Component,
|
|
639
639
|
args: [{
|
|
640
640
|
selector: 'sh-checkbox',
|
|
@@ -652,10 +652,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
652
652
|
}] });
|
|
653
653
|
|
|
654
654
|
class ShipChipComponent {
|
|
655
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
656
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
655
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
656
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipChipComponent, isStandalone: true, selector: "sh-chip", host: { classAttribute: "sh-sheet" }, ngImport: i0, template: '<div><ng-content /></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
657
657
|
}
|
|
658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipChipComponent, decorators: [{
|
|
659
659
|
type: Component,
|
|
660
660
|
args: [{
|
|
661
661
|
selector: 'sh-chip',
|
|
@@ -982,8 +982,8 @@ class ShipColorPickerComponent {
|
|
|
982
982
|
}
|
|
983
983
|
return `hsl(${Math.floor(h * 360)}, ${Math.round(s * 100)}%, ${Math.round(l * 100)}%)`;
|
|
984
984
|
}
|
|
985
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
986
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.
|
|
985
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
986
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: ShipColorPickerComponent, isStandalone: true, selector: "sh-color-picker", inputs: { showDarkColors: { classPropertyName: "showDarkColors", publicName: "showDarkColors", isSignal: true, isRequired: false, transformFunction: null }, renderingType: { classPropertyName: "renderingType", publicName: "renderingType", isSignal: true, isRequired: false, transformFunction: null }, gridSize: { classPropertyName: "gridSize", publicName: "gridSize", isSignal: true, isRequired: false, transformFunction: null }, hue: { classPropertyName: "hue", publicName: "hue", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, selectedColor: { classPropertyName: "selectedColor", publicName: "selectedColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedColor: "selectedColorChange", currentColor: "currentColor" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "renderingType()", "class.vertical": "(renderingType() === \"hue\" || renderingType() === \"saturation\") && direction() === \"vertical\"" } }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["colorCanvas"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
987
987
|
<canvas #colorCanvas></canvas>
|
|
988
988
|
<div
|
|
989
989
|
class="marker"
|
|
@@ -992,7 +992,7 @@ class ShipColorPickerComponent {
|
|
|
992
992
|
[style.background]="selectedColorRgb()"></div>
|
|
993
993
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
994
994
|
}
|
|
995
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
995
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipColorPickerComponent, decorators: [{
|
|
996
996
|
type: Component,
|
|
997
997
|
args: [{
|
|
998
998
|
selector: 'sh-color-picker',
|
|
@@ -1132,8 +1132,8 @@ class ShipPopoverComponent {
|
|
|
1132
1132
|
this.menuStyle.set(style);
|
|
1133
1133
|
}
|
|
1134
1134
|
}
|
|
1135
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1136
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.
|
|
1135
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1136
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: ShipPopoverComponent, isStandalone: true, selector: "sh-popover", inputs: { asMultiLayer: { classPropertyName: "asMultiLayer", publicName: "asMultiLayer", isSignal: true, isRequired: false, transformFunction: null }, disableOpenByClick: { classPropertyName: "disableOpenByClick", publicName: "disableOpenByClick", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closed: "closed" }, host: { properties: { "class.multi-layer": "asMultiLayer()" } }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true, isSignal: true }, { propertyName: "popoverRef", first: true, predicate: ["popoverRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
1137
1137
|
<div class="trigger" #triggerRef (click)="toggleIsOpen($event)">
|
|
1138
1138
|
<div class="trigger-wrapper">
|
|
1139
1139
|
<ng-content select="[trigger]" />
|
|
@@ -1149,7 +1149,7 @@ class ShipPopoverComponent {
|
|
|
1149
1149
|
</div>
|
|
1150
1150
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1151
1151
|
}
|
|
1152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipPopoverComponent, decorators: [{
|
|
1153
1153
|
type: Component,
|
|
1154
1154
|
args: [{
|
|
1155
1155
|
selector: 'sh-popover',
|
|
@@ -1219,8 +1219,8 @@ class ShipFormFieldPopoverComponent {
|
|
|
1219
1219
|
}
|
|
1220
1220
|
}
|
|
1221
1221
|
}
|
|
1222
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1223
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFormFieldPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: ShipFormFieldPopoverComponent, isStandalone: true, selector: "sh-form-field-popover", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closed: "closed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `
|
|
1224
1224
|
<ng-content select="label"></ng-content>
|
|
1225
1225
|
|
|
1226
1226
|
<div class="input-wrap">
|
|
@@ -1262,7 +1262,7 @@ class ShipFormFieldPopoverComponent {
|
|
|
1262
1262
|
</div>
|
|
1263
1263
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipPopoverComponent, selector: "sh-popover", inputs: ["asMultiLayer", "disableOpenByClick", "isOpen", "options"], outputs: ["isOpenChange", "closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1264
1264
|
}
|
|
1265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFormFieldPopoverComponent, decorators: [{
|
|
1266
1266
|
type: Component,
|
|
1267
1267
|
args: [{
|
|
1268
1268
|
selector: 'sh-form-field-popover',
|
|
@@ -1563,8 +1563,8 @@ class ShipDatepickerComponent {
|
|
|
1563
1563
|
const timeDiffMillis = offsetMinutes * 60 * 1000;
|
|
1564
1564
|
return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()) + timeDiffMillis);
|
|
1565
1565
|
}
|
|
1566
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1567
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
1566
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1567
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipDatepickerComponent, isStandalone: true, selector: "sh-datepicker", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: false, transformFunction: null }, asRange: { classPropertyName: "asRange", publicName: "asRange", isSignal: true, isRequired: false, transformFunction: null }, monthsToShow: { classPropertyName: "monthsToShow", publicName: "monthsToShow", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, startOfWeek: { classPropertyName: "startOfWeek", publicName: "startOfWeek", isSignal: true, isRequired: false, transformFunction: null }, weekdayLabels: { classPropertyName: "weekdayLabels", publicName: "weekdayLabels", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange", endDate: "endDateChange" }, host: { properties: { "class.as-range": "asRange()", "class": "\"columns-\" + monthsToShow()", "class.disabled": "disabled()" } }, viewQueries: [{ propertyName: "daysRef", first: true, predicate: ["daysRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
1568
1568
|
<header>
|
|
1569
1569
|
<button (click)="previousMonth()"><sh-icon>caret-left</sh-icon></button>
|
|
1570
1570
|
<div class="title">
|
|
@@ -1608,7 +1608,7 @@ class ShipDatepickerComponent {
|
|
|
1608
1608
|
</section>
|
|
1609
1609
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1610
1610
|
}
|
|
1611
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1611
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDatepickerComponent, decorators: [{
|
|
1612
1612
|
type: Component,
|
|
1613
1613
|
args: [{
|
|
1614
1614
|
selector: 'sh-datepicker',
|
|
@@ -1756,8 +1756,8 @@ class ShipDatepickerInputComponent {
|
|
|
1756
1756
|
const timeDiffMillis = offsetMinutes * 60 * 1000;
|
|
1757
1757
|
return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()) + timeDiffMillis);
|
|
1758
1758
|
}
|
|
1759
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1760
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
1759
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDatepickerInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1760
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipDatepickerInputComponent, isStandalone: true, selector: "sh-datepicker-input", inputs: { masking: { classPropertyName: "masking", publicName: "masking", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", isOpen: "isOpenChange" }, providers: [DatePipe], queries: [{ propertyName: "ngModels", first: true, predicate: NgModel, descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
1761
1761
|
<sh-form-field-popover (click)="open($event)" (closed)="close()" [(isOpen)]="isOpen">
|
|
1762
1762
|
<ng-content select="label" ngProjectAs="label" />
|
|
1763
1763
|
|
|
@@ -1787,7 +1787,7 @@ class ShipDatepickerInputComponent {
|
|
|
1787
1787
|
<ng-template #defaultIndicator></ng-template>
|
|
1788
1788
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipDatepickerComponent, selector: "sh-datepicker", inputs: ["date", "endDate", "asRange", "monthsToShow", "disabled", "startOfWeek", "weekdayLabels"], outputs: ["dateChange", "endDateChange"] }, { kind: "component", type: ShipFormFieldPopoverComponent, selector: "sh-form-field-popover", inputs: ["isOpen"], outputs: ["isOpenChange", "closed"] }, { kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1789
1789
|
}
|
|
1790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDatepickerInputComponent, decorators: [{
|
|
1791
1791
|
type: Component,
|
|
1792
1792
|
args: [{
|
|
1793
1793
|
selector: 'sh-datepicker-input',
|
|
@@ -1929,8 +1929,8 @@ class ShipDaterangeInputComponent {
|
|
|
1929
1929
|
end: this.endDate(),
|
|
1930
1930
|
});
|
|
1931
1931
|
}
|
|
1932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1933
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
1932
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDaterangeInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1933
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipDaterangeInputComponent, isStandalone: true, selector: "sh-daterange-input", inputs: { monthsToShow: { classPropertyName: "monthsToShow", publicName: "monthsToShow", isSignal: true, isRequired: false, transformFunction: null }, masking: { classPropertyName: "masking", publicName: "masking", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", isOpen: "isOpenChange" }, providers: [DatePipe], queries: [{ propertyName: "startDateInputs", predicate: ["startDate"], isSignal: true }, { propertyName: "endDateInputs", predicate: ["endDate"], isSignal: true }], ngImport: i0, template: `
|
|
1934
1934
|
<sh-form-field-popover
|
|
1935
1935
|
[class]="'columns-' + monthsToShow()"
|
|
1936
1936
|
(click)="open($event)"
|
|
@@ -1969,7 +1969,7 @@ class ShipDaterangeInputComponent {
|
|
|
1969
1969
|
</sh-form-field-popover>
|
|
1970
1970
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipDatepickerComponent, selector: "sh-datepicker", inputs: ["date", "endDate", "asRange", "monthsToShow", "disabled", "startOfWeek", "weekdayLabels"], outputs: ["dateChange", "endDateChange"] }, { kind: "component", type: ShipFormFieldPopoverComponent, selector: "sh-form-field-popover", inputs: ["isOpen"], outputs: ["isOpenChange", "closed"] }, { kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1971
1971
|
}
|
|
1972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1972
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDaterangeInputComponent, decorators: [{
|
|
1973
1973
|
type: Component,
|
|
1974
1974
|
args: [{
|
|
1975
1975
|
selector: 'sh-daterange-input',
|
|
@@ -2018,12 +2018,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
2018
2018
|
}], ctorParameters: () => [] });
|
|
2019
2019
|
|
|
2020
2020
|
class ShipDividerComponent {
|
|
2021
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2022
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
2021
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2022
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipDividerComponent, isStandalone: true, selector: "sh-divider", ngImport: i0, template: `
|
|
2023
2023
|
<ng-content />
|
|
2024
2024
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2025
2025
|
}
|
|
2026
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipDividerComponent, decorators: [{
|
|
2027
2027
|
type: Component,
|
|
2028
2028
|
args: [{
|
|
2029
2029
|
selector: 'sh-divider',
|
|
@@ -2036,8 +2036,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
2036
2036
|
}] });
|
|
2037
2037
|
|
|
2038
2038
|
class ShipEventCardComponent {
|
|
2039
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2040
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
2039
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipEventCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2040
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipEventCardComponent, isStandalone: true, selector: "sh-event-card", host: { classAttribute: "sh-sheet" }, ngImport: i0, template: `
|
|
2041
2041
|
<div class="content">
|
|
2042
2042
|
<ng-content />
|
|
2043
2043
|
</div>
|
|
@@ -2048,7 +2048,7 @@ class ShipEventCardComponent {
|
|
|
2048
2048
|
</div>
|
|
2049
2049
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2050
2050
|
}
|
|
2051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipEventCardComponent, decorators: [{
|
|
2052
2052
|
type: Component,
|
|
2053
2053
|
args: [{
|
|
2054
2054
|
selector: 'sh-event-card',
|
|
@@ -2104,8 +2104,8 @@ class ShipFormFieldComponent {
|
|
|
2104
2104
|
}
|
|
2105
2105
|
});
|
|
2106
2106
|
}
|
|
2107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2108
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
2107
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2108
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipFormFieldComponent, isStandalone: true, selector: "sh-form-field", host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `
|
|
2109
2109
|
<ng-content select="label"></ng-content>
|
|
2110
2110
|
|
|
2111
2111
|
<div class="input-wrap">
|
|
@@ -2136,7 +2136,7 @@ class ShipFormFieldComponent {
|
|
|
2136
2136
|
</div>
|
|
2137
2137
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2138
2138
|
}
|
|
2139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFormFieldComponent, decorators: [{
|
|
2140
2140
|
type: Component,
|
|
2141
2141
|
args: [{
|
|
2142
2142
|
selector: 'sh-form-field',
|
|
@@ -2227,8 +2227,8 @@ class ShipFileUploadComponent {
|
|
|
2227
2227
|
this.files.set(newFiles);
|
|
2228
2228
|
}
|
|
2229
2229
|
}
|
|
2230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2231
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
2230
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2231
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipFileUploadComponent, isStandalone: true, selector: "sh-file-upload", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, overlayText: { classPropertyName: "overlayText", publicName: "overlayText", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { placeholder: "placeholderChange", files: "filesChange" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2232
2232
|
<sh-form-field [class]="fileUploadClasses()">
|
|
2233
2233
|
<ng-content select="label" ngProjectAs="label"></ng-content>
|
|
2234
2234
|
|
|
@@ -2248,7 +2248,7 @@ class ShipFileUploadComponent {
|
|
|
2248
2248
|
</sh-form-field>
|
|
2249
2249
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipFormFieldComponent, selector: "sh-form-field" }, { kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2250
2250
|
}
|
|
2251
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFileUploadComponent, decorators: [{
|
|
2252
2252
|
type: Component,
|
|
2253
2253
|
args: [{
|
|
2254
2254
|
selector: 'sh-file-upload',
|
|
@@ -2277,12 +2277,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
2277
2277
|
}] });
|
|
2278
2278
|
|
|
2279
2279
|
class ShipListComponent {
|
|
2280
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2281
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
2280
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2281
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipListComponent, isStandalone: true, selector: "sh-list", ngImport: i0, template: `
|
|
2282
2282
|
<ng-content />
|
|
2283
2283
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2284
2284
|
}
|
|
2285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2285
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipListComponent, decorators: [{
|
|
2286
2286
|
type: Component,
|
|
2287
2287
|
args: [{
|
|
2288
2288
|
selector: 'sh-list',
|
|
@@ -2708,8 +2708,8 @@ class ShipMenuComponent {
|
|
|
2708
2708
|
this.abortController = null;
|
|
2709
2709
|
}
|
|
2710
2710
|
}
|
|
2711
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2712
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
2711
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2712
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipMenuComponent, isStandalone: true, selector: "sh-menu", inputs: { asMultiLayer: { classPropertyName: "asMultiLayer", publicName: "asMultiLayer", isSignal: true, isRequired: false, transformFunction: null }, openIndicator: { classPropertyName: "openIndicator", publicName: "openIndicator", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, customOptionElementSelectors: { classPropertyName: "customOptionElementSelectors", publicName: "customOptionElementSelectors", isSignal: true, isRequired: false, transformFunction: null }, keepClickedOptionActive: { classPropertyName: "keepClickedOptionActive", publicName: "keepClickedOptionActive", isSignal: true, isRequired: false, transformFunction: null }, closeOnClick: { classPropertyName: "closeOnClick", publicName: "closeOnClick", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closed: "closed" }, host: { properties: { "class.disabled": "disabled()", "class.has-search": "searchable()", "class.multi-layer": "asMultiLayer()" } }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "optionsRef", first: true, predicate: ["optionsRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
2713
2713
|
<sh-popover
|
|
2714
2714
|
#formFieldWrapper
|
|
2715
2715
|
[(isOpen)]="isOpen"
|
|
@@ -2744,7 +2744,7 @@ class ShipMenuComponent {
|
|
|
2744
2744
|
</sh-popover>
|
|
2745
2745
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipPopoverComponent, selector: "sh-popover", inputs: ["asMultiLayer", "disableOpenByClick", "isOpen", "options"], outputs: ["isOpenChange", "closed"] }, { kind: "component", type: ShipFormFieldComponent, selector: "sh-form-field" }, { kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2746
2746
|
}
|
|
2747
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2747
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipMenuComponent, decorators: [{
|
|
2748
2748
|
type: Component,
|
|
2749
2749
|
args: [{
|
|
2750
2750
|
selector: 'sh-menu',
|
|
@@ -2796,12 +2796,12 @@ class ShipProgressBarComponent {
|
|
|
2796
2796
|
constructor() {
|
|
2797
2797
|
this.value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
|
|
2798
2798
|
}
|
|
2799
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2800
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
2799
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2800
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: ShipProgressBarComponent, isStandalone: true, selector: "sh-progress-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
2801
2801
|
<div class="progress-bar" [style.width.%]="value()"></div>
|
|
2802
2802
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2803
2803
|
}
|
|
2804
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipProgressBarComponent, decorators: [{
|
|
2805
2805
|
type: Component,
|
|
2806
2806
|
args: [{
|
|
2807
2807
|
selector: 'sh-progress-bar',
|
|
@@ -2817,14 +2817,14 @@ class ShipRadioComponent {
|
|
|
2817
2817
|
constructor() {
|
|
2818
2818
|
this.currentClassList = classMutationSignal();
|
|
2819
2819
|
}
|
|
2820
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2821
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
2820
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2821
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipRadioComponent, isStandalone: true, selector: "sh-radio", ngImport: i0, template: `
|
|
2822
2822
|
<div class="radio sh-sheet" [class]="currentClassList()"></div>
|
|
2823
2823
|
|
|
2824
2824
|
<ng-content />
|
|
2825
2825
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2826
2826
|
}
|
|
2827
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2827
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipRadioComponent, decorators: [{
|
|
2828
2828
|
type: Component,
|
|
2829
2829
|
args: [{
|
|
2830
2830
|
selector: 'sh-radio',
|
|
@@ -3019,8 +3019,8 @@ class ShipRangeSliderComponent {
|
|
|
3019
3019
|
this.#inputElement.oninput = null;
|
|
3020
3020
|
}
|
|
3021
3021
|
}
|
|
3022
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
3023
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
3022
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipRangeSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3023
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: ShipRangeSliderComponent, isStandalone: true, selector: "sh-range-slider", inputs: { unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class.has-input": "this.hasInputElement" } }, ngImport: i0, template: `
|
|
3024
3024
|
<div class="label">
|
|
3025
3025
|
<ng-content select="label"></ng-content>
|
|
3026
3026
|
</div>
|
|
@@ -3046,7 +3046,7 @@ class ShipRangeSliderComponent {
|
|
|
3046
3046
|
</div>
|
|
3047
3047
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3048
3048
|
}
|
|
3049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
3049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipRangeSliderComponent, decorators: [{
|
|
3050
3050
|
type: Component,
|
|
3051
3051
|
args: [{
|
|
3052
3052
|
selector: 'sh-range-slider',
|
|
@@ -3084,10 +3084,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
3084
3084
|
}] } });
|
|
3085
3085
|
|
|
3086
3086
|
class ShipSpinnerComponent {
|
|
3087
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
3088
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
3087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3088
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipSpinnerComponent, isStandalone: true, selector: "sh-spinner", ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3089
3089
|
}
|
|
3090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
3090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSpinnerComponent, decorators: [{
|
|
3091
3091
|
type: Component,
|
|
3092
3092
|
args: [{
|
|
3093
3093
|
selector: 'sh-spinner',
|
|
@@ -3660,8 +3660,8 @@ class ShipSelectComponent {
|
|
|
3660
3660
|
this.#inputObserver.disconnect();
|
|
3661
3661
|
}
|
|
3662
3662
|
}
|
|
3663
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
3664
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
3663
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3664
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipSelectComponent, isStandalone: true, selector: "sh-select", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, asFreeText: { classPropertyName: "asFreeText", publicName: "asFreeText", isSignal: true, isRequired: false, transformFunction: null }, optionTitle: { classPropertyName: "optionTitle", publicName: "optionTitle", isSignal: true, isRequired: false, transformFunction: null }, freeTextTitle: { classPropertyName: "freeTextTitle", publicName: "freeTextTitle", isSignal: true, isRequired: false, transformFunction: null }, freeTextPlaceholder: { classPropertyName: "freeTextPlaceholder", publicName: "freeTextPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, validateFreeText: { classPropertyName: "validateFreeText", publicName: "validateFreeText", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, lazySearch: { classPropertyName: "lazySearch", publicName: "lazySearch", isSignal: true, isRequired: false, transformFunction: null }, inlineSearch: { classPropertyName: "inlineSearch", publicName: "inlineSearch", isSignal: true, isRequired: false, transformFunction: null }, asText: { classPropertyName: "asText", publicName: "asText", isSignal: true, isRequired: false, transformFunction: null }, isClearable: { classPropertyName: "isClearable", publicName: "isClearable", isSignal: true, isRequired: false, transformFunction: null }, selectMultiple: { classPropertyName: "selectMultiple", publicName: "selectMultiple", isSignal: true, isRequired: false, transformFunction: null }, optionTemplate: { classPropertyName: "optionTemplate", publicName: "optionTemplate", isSignal: true, isRequired: false, transformFunction: null }, selectedOptionTemplate: { classPropertyName: "selectedOptionTemplate", publicName: "selectedOptionTemplate", isSignal: true, isRequired: false, transformFunction: null }, placeholderTemplate: { classPropertyName: "placeholderTemplate", publicName: "placeholderTemplate", isSignal: true, isRequired: false, transformFunction: null }, freeTextOptionTemplate: { classPropertyName: "freeTextOptionTemplate", publicName: "freeTextOptionTemplate", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selectedOptions: { classPropertyName: "selectedOptions", publicName: "selectedOptions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { readonly: "readonlyChange", disabled: "disabledChange", isOpen: "isOpenChange", isLoading: "isLoadingChange", options: "optionsChange", selectedOptions: "selectedOptionsChange", cleared: "cleared", onAddNewFreeTextOption: "onAddNewFreeTextOption" }, host: { properties: { "class.multiple": "selectMultiple()" } }, queries: [{ propertyName: "inlineTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "optionsWrapRef", first: true, predicate: ["optionsWrap"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
3665
3665
|
@let _placeholderTemplate = placeholderTemplate();
|
|
3666
3666
|
@let _optionTemplate = optionTemplate();
|
|
3667
3667
|
@let _freeTextOptionTemplate = freeTextOptionTemplate();
|
|
@@ -3816,7 +3816,7 @@ class ShipSelectComponent {
|
|
|
3816
3816
|
</sh-popover>
|
|
3817
3817
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ShipPopoverComponent, selector: "sh-popover", inputs: ["asMultiLayer", "disableOpenByClick", "isOpen", "options"], outputs: ["isOpenChange", "closed"] }, { kind: "component", type: ShipFormFieldComponent, selector: "sh-form-field" }, { kind: "component", type: ShipIconComponent, selector: "sh-icon" }, { kind: "component", type: ShipCheckboxComponent, selector: "sh-checkbox" }, { kind: "component", type: ShipSpinnerComponent, selector: "sh-spinner" }, { kind: "component", type: ShipChipComponent, selector: "sh-chip" }, { kind: "component", type: ShipDividerComponent, selector: "sh-divider" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3818
3818
|
}
|
|
3819
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
3819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSelectComponent, decorators: [{
|
|
3820
3820
|
type: Component,
|
|
3821
3821
|
args: [{
|
|
3822
3822
|
selector: 'sh-select',
|
|
@@ -4137,8 +4137,8 @@ class ShipSidenavComponent {
|
|
|
4137
4137
|
e.stopPropagation();
|
|
4138
4138
|
this.isDragging.set(false);
|
|
4139
4139
|
}
|
|
4140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4141
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipSidenavComponent, isStandalone: true, selector: "sh-sidenav", inputs: { disableDrag: { classPropertyName: "disableDrag", publicName: "disableDrag", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { properties: { "class.open": "isOpen()", "class.closed": "!isOpen()", "class.is-dragging": "isDragging()" } }, viewQueries: [{ propertyName: "dragImageElement", first: true, predicate: ["dragImageElement"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4142
4142
|
@if (isOverlay() && !disableDrag()) {
|
|
4143
4143
|
<div #dragImageElement class="drag-image"></div>
|
|
4144
4144
|
}
|
|
@@ -4175,7 +4175,7 @@ class ShipSidenavComponent {
|
|
|
4175
4175
|
</div>
|
|
4176
4176
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4177
4177
|
}
|
|
4178
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSidenavComponent, decorators: [{
|
|
4179
4179
|
type: Component,
|
|
4180
4180
|
args: [{
|
|
4181
4181
|
selector: 'sh-sidenav',
|
|
@@ -4254,10 +4254,10 @@ class GridSortableDirective {
|
|
|
4254
4254
|
}
|
|
4255
4255
|
});
|
|
4256
4256
|
}
|
|
4257
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4258
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
4257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GridSortableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4258
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: GridSortableDirective, isStandalone: true, selector: "[shGridSortable]", host: { listeners: { "dragstart": "onDragStart($event)", "dragover": "onDragOver($event)", "dragenter": "onDragEnter($event)" } }, ngImport: i0 }); }
|
|
4259
4259
|
}
|
|
4260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GridSortableDirective, decorators: [{
|
|
4261
4261
|
type: Directive,
|
|
4262
4262
|
args: [{
|
|
4263
4263
|
standalone: true,
|
|
@@ -4281,8 +4281,8 @@ class ShipSortableComponent {
|
|
|
4281
4281
|
this.placeholderRef = viewChild.required('placeholderRef');
|
|
4282
4282
|
this.items = model([], ...(ngDevMode ? [{ debugName: "items" }] : []));
|
|
4283
4283
|
}
|
|
4284
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4285
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4284
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSortableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4285
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipSortableComponent, isStandalone: true, selector: "sh-sortable", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { items: "itemsChange" }, queries: [{ propertyName: "templateOne", first: true, predicate: ["templateOne"], descendants: true, isSignal: true }, { propertyName: "templateTwo", first: true, predicate: ["templateTwo"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "placeholderRef", first: true, predicate: ["placeholderRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4286
4286
|
<div class="placeholder" #placeholderRef></div>
|
|
4287
4287
|
|
|
4288
4288
|
@for (item of items(); track $index) {
|
|
@@ -4294,7 +4294,7 @@ class ShipSortableComponent {
|
|
|
4294
4294
|
}
|
|
4295
4295
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4296
4296
|
}
|
|
4297
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSortableComponent, decorators: [{
|
|
4298
4298
|
type: Component,
|
|
4299
4299
|
args: [{
|
|
4300
4300
|
selector: 'sh-sortable',
|
|
@@ -4530,10 +4530,10 @@ class ShipSortableDirective {
|
|
|
4530
4530
|
this.#dragableObserver?.disconnect();
|
|
4531
4531
|
this.abortController?.abort();
|
|
4532
4532
|
}
|
|
4533
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4534
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
4533
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSortableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4534
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: ShipSortableDirective, isStandalone: true, selector: "[shSortable]", outputs: { afterDrop: "afterDrop" }, host: { listeners: { "dragover": "dragOver($event)", "drop": "drop()" } }, ngImport: i0 }); }
|
|
4535
4535
|
}
|
|
4536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSortableDirective, decorators: [{
|
|
4537
4537
|
type: Directive,
|
|
4538
4538
|
args: [{
|
|
4539
4539
|
selector: '[shSortable]',
|
|
@@ -4558,12 +4558,12 @@ function moveIndex(array, event) {
|
|
|
4558
4558
|
}
|
|
4559
4559
|
|
|
4560
4560
|
class ShipStepperComponent {
|
|
4561
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4562
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
4561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipStepperComponent, isStandalone: true, selector: "sh-stepper", ngImport: i0, template: `
|
|
4563
4563
|
<ng-content />
|
|
4564
4564
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4565
4565
|
}
|
|
4566
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4566
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipStepperComponent, decorators: [{
|
|
4567
4567
|
type: Component,
|
|
4568
4568
|
args: [{
|
|
4569
4569
|
selector: 'sh-stepper',
|
|
@@ -4654,10 +4654,10 @@ class ShipResizeDirective {
|
|
|
4654
4654
|
cancelAnimationFrame(this.#animationFrameRequest);
|
|
4655
4655
|
}
|
|
4656
4656
|
}
|
|
4657
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4658
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
4657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipResizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4658
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: ShipResizeDirective, isStandalone: true, selector: "[shResize]", inputs: { resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:mousemove": "onMouseMove($event)", "document:mouseup": "onMouseUp($event)", "document:click": "onClick($event)" } }, ngImport: i0 }); }
|
|
4659
4659
|
}
|
|
4660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipResizeDirective, decorators: [{
|
|
4661
4661
|
type: Directive,
|
|
4662
4662
|
args: [{
|
|
4663
4663
|
selector: '[shResize]',
|
|
@@ -4699,10 +4699,10 @@ class ShipSortDirective {
|
|
|
4699
4699
|
return;
|
|
4700
4700
|
this.#table.toggleSort(sortCol);
|
|
4701
4701
|
}
|
|
4702
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4703
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
4702
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4703
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: ShipSortDirective, isStandalone: true, selector: "[shSort]", inputs: { shSort: { classPropertyName: "shSort", publicName: "shSort", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mousedown": "toggleSort()" }, properties: { "class.sort-asc": "sortAsc()", "class.sort-desc": "sortDesc()" }, classAttribute: "sortable" }, ngImport: i0 }); }
|
|
4704
4704
|
}
|
|
4705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4705
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipSortDirective, decorators: [{
|
|
4706
4706
|
type: Directive,
|
|
4707
4707
|
args: [{
|
|
4708
4708
|
selector: '[shSort]',
|
|
@@ -4715,40 +4715,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
4715
4715
|
},
|
|
4716
4716
|
}]
|
|
4717
4717
|
}] });
|
|
4718
|
-
class ShipStickyRowsDirective {
|
|
4719
|
-
constructor() {
|
|
4720
|
-
this.#elementRef = inject(ElementRef);
|
|
4721
|
-
this.#renderer = inject(Renderer2);
|
|
4722
|
-
this.shStickyRows = input('start', ...(ngDevMode ? [{ debugName: "shStickyRows" }] : []));
|
|
4723
|
-
}
|
|
4724
|
-
#elementRef;
|
|
4725
|
-
#renderer;
|
|
4726
|
-
ngAfterContentInit() {
|
|
4727
|
-
this.#applyGridColumnStyle();
|
|
4728
|
-
}
|
|
4729
|
-
#applyGridColumnStyle() {
|
|
4730
|
-
const nativeElement = this.#elementRef.nativeElement;
|
|
4731
|
-
const rowChildren = nativeElement.querySelectorAll(':scope > tr');
|
|
4732
|
-
const rowSpanCount = rowChildren.length;
|
|
4733
|
-
console.log(rowSpanCount);
|
|
4734
|
-
if (rowSpanCount > 0) {
|
|
4735
|
-
const position = this.shStickyRows();
|
|
4736
|
-
this.#renderer.setStyle(nativeElement, 'grid-row', position === 'end' ? `-${rowSpanCount + 1} / -1` : `1 / ${rowSpanCount + 1}`);
|
|
4737
|
-
}
|
|
4738
|
-
}
|
|
4739
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipStickyRowsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4740
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.6", type: ShipStickyRowsDirective, isStandalone: true, selector: "[shStickyRows]", inputs: { shStickyRows: { classPropertyName: "shStickyRows", publicName: "shStickyRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sticky": "shStickyRows() === \"start\"", "class.sticky-end": "shStickyRows() === \"end\"" } }, ngImport: i0 }); }
|
|
4741
|
-
}
|
|
4742
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipStickyRowsDirective, decorators: [{
|
|
4743
|
-
type: Directive,
|
|
4744
|
-
args: [{
|
|
4745
|
-
selector: '[shStickyRows]',
|
|
4746
|
-
host: {
|
|
4747
|
-
'[class.sticky]': 'shStickyRows() === "start"',
|
|
4748
|
-
'[class.sticky-end]': 'shStickyRows() === "end"',
|
|
4749
|
-
},
|
|
4750
|
-
}]
|
|
4751
|
-
}] });
|
|
4752
4718
|
class ShipStickyColumnsDirective {
|
|
4753
4719
|
constructor() {
|
|
4754
4720
|
this.#elementRef = inject(ElementRef);
|
|
@@ -4769,10 +4735,10 @@ class ShipStickyColumnsDirective {
|
|
|
4769
4735
|
this.#renderer.setStyle(nativeElement, 'grid-column', position === 'end' ? `-${columnSpanCount + 1} / -1` : `1 / ${columnSpanCount + 1}`);
|
|
4770
4736
|
}
|
|
4771
4737
|
}
|
|
4772
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4773
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
4738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipStickyColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4739
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: ShipStickyColumnsDirective, isStandalone: true, selector: "[shStickyColumns]", inputs: { shStickyColumns: { classPropertyName: "shStickyColumns", publicName: "shStickyColumns", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sticky": "shStickyColumns() === \"start\"", "class.sticky-end": "shStickyColumns() === \"end\"" } }, ngImport: i0 }); }
|
|
4774
4740
|
}
|
|
4775
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipStickyColumnsDirective, decorators: [{
|
|
4776
4742
|
type: Directive,
|
|
4777
4743
|
args: [{
|
|
4778
4744
|
selector: '[shStickyColumns]',
|
|
@@ -4791,9 +4757,32 @@ class ShipTableComponent {
|
|
|
4791
4757
|
this.data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
|
|
4792
4758
|
this.dataChange = output();
|
|
4793
4759
|
this.sortByColumn = model(null, ...(ngDevMode ? [{ debugName: "sortByColumn" }] : []));
|
|
4794
|
-
|
|
4760
|
+
this.currentClass = classMutationSignal();
|
|
4761
|
+
this.thead = viewChild('thead', ...(ngDevMode ? [{ debugName: "thead" }] : []));
|
|
4795
4762
|
this.tbody = viewChild('tbody', ...(ngDevMode ? [{ debugName: "tbody" }] : []));
|
|
4796
|
-
this.columns = observeChildren(this.
|
|
4763
|
+
this.columns = observeChildren(this.thead, ['tr:first-child th']);
|
|
4764
|
+
this.stickyHeaderHeight = computed(() => {
|
|
4765
|
+
const _ = this.currentClass();
|
|
4766
|
+
const height = this.thead()?.nativeElement?.clientHeight;
|
|
4767
|
+
return height ?? 0;
|
|
4768
|
+
}, ...(ngDevMode ? [{ debugName: "stickyHeaderHeight" }] : []));
|
|
4769
|
+
this.bodyEffect = effect(() => {
|
|
4770
|
+
const body = this.tbody()?.nativeElement;
|
|
4771
|
+
const head = this.thead()?.nativeElement;
|
|
4772
|
+
if (!body || !head)
|
|
4773
|
+
return;
|
|
4774
|
+
const stickyHeaderHeight = this.stickyHeaderHeight();
|
|
4775
|
+
queueMicrotask(() => {
|
|
4776
|
+
const hasStickyRowHeaderStartElement = head.querySelectorAll('tr.sticky').length > 0;
|
|
4777
|
+
const stickyBodyRows = body.querySelectorAll('tr.sticky');
|
|
4778
|
+
const hasStickyRowStartElement = stickyBodyRows.length > 0;
|
|
4779
|
+
if (hasStickyRowStartElement && hasStickyRowHeaderStartElement) {
|
|
4780
|
+
for (let index = 0; index < stickyBodyRows.length; index++) {
|
|
4781
|
+
stickyBodyRows[index].style.top = `${stickyHeaderHeight}px`;
|
|
4782
|
+
}
|
|
4783
|
+
}
|
|
4784
|
+
});
|
|
4785
|
+
}, ...(ngDevMode ? [{ debugName: "bodyEffect" }] : []));
|
|
4797
4786
|
this.class = signal(this.#shConfig?.tableType ?? 'default', ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
4798
4787
|
this.resizing = signal(false, ...(ngDevMode ? [{ debugName: "resizing" }] : []));
|
|
4799
4788
|
this.sizeTrigger = signal(true, ...(ngDevMode ? [{ debugName: "sizeTrigger" }] : []));
|
|
@@ -4903,12 +4892,17 @@ class ShipTableComponent {
|
|
|
4903
4892
|
this.scrollYState.set(nextYState);
|
|
4904
4893
|
this.canScrollY.set(canScrollY);
|
|
4905
4894
|
}
|
|
4906
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4907
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4895
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4896
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipTableComponent, isStandalone: true, selector: "sh-table", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, sortByColumn: { classPropertyName: "sortByColumn", publicName: "sortByColumn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataChange: "dataChange", sortByColumn: "sortByColumnChange" }, host: { listeners: { "scroll": "onScroll()", "window:resize": "onResize($event)" }, properties: { "class": "class()", "style.grid-template-columns": "columnSizes()", "class.resizing": "resizing()", "class.can-scroll-x": "canScrollX()", "class.can-scroll-y": "canScrollY()", "class.scrolled-x": "scrollXState() >= 0", "class.scrolled-x-end": "scrollXState() === 1", "class.scrolled-y": "scrollYState() >= 0", "class.scrolled-y-end": "scrollYState() === 1" } }, viewQueries: [{ propertyName: "thead", first: true, predicate: ["thead"], descendants: true, isSignal: true }, { propertyName: "tbody", first: true, predicate: ["tbody"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
4908
4897
|
@if (loading()) {
|
|
4909
4898
|
<sh-progress-bar class="indeterminate primary" />
|
|
4910
4899
|
}
|
|
4911
4900
|
|
|
4901
|
+
<thead #thead>
|
|
4902
|
+
<ng-content select="th" />
|
|
4903
|
+
<ng-content select="[thead]" />
|
|
4904
|
+
</thead>
|
|
4905
|
+
|
|
4912
4906
|
<tbody #tbody>
|
|
4913
4907
|
<ng-content />
|
|
4914
4908
|
</tbody>
|
|
@@ -4920,7 +4914,7 @@ class ShipTableComponent {
|
|
|
4920
4914
|
}
|
|
4921
4915
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipProgressBarComponent, selector: "sh-progress-bar", inputs: ["value"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4922
4916
|
}
|
|
4923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTableComponent, decorators: [{
|
|
4924
4918
|
type: Component,
|
|
4925
4919
|
args: [{
|
|
4926
4920
|
selector: 'sh-table',
|
|
@@ -4930,6 +4924,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
4930
4924
|
<sh-progress-bar class="indeterminate primary" />
|
|
4931
4925
|
}
|
|
4932
4926
|
|
|
4927
|
+
<thead #thead>
|
|
4928
|
+
<ng-content select="th" />
|
|
4929
|
+
<ng-content select="[thead]" />
|
|
4930
|
+
</thead>
|
|
4931
|
+
|
|
4933
4932
|
<tbody #tbody>
|
|
4934
4933
|
<ng-content />
|
|
4935
4934
|
</tbody>
|
|
@@ -4960,12 +4959,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
4960
4959
|
}] } });
|
|
4961
4960
|
|
|
4962
4961
|
class ShipTabsComponent {
|
|
4963
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4964
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
4962
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4963
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipTabsComponent, isStandalone: true, selector: "sh-tabs", ngImport: i0, template: `
|
|
4965
4964
|
<ng-content />
|
|
4966
4965
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4967
4966
|
}
|
|
4968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4967
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTabsComponent, decorators: [{
|
|
4969
4968
|
type: Component,
|
|
4970
4969
|
args: [{
|
|
4971
4970
|
selector: 'sh-tabs',
|
|
@@ -4990,8 +4989,8 @@ class ShipToggleCardComponent {
|
|
|
4990
4989
|
toggle() {
|
|
4991
4990
|
this.isActive.set(!this.isActive());
|
|
4992
4991
|
}
|
|
4993
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4994
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4992
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipToggleCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4993
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ShipToggleCardComponent, isStandalone: true, selector: "sh-toggle-card", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, disallowToggle: { classPropertyName: "disallowToggle", publicName: "disallowToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, host: { properties: { "class.active": "isActive()" } }, ngImport: i0, template: `
|
|
4995
4994
|
<h3 (click)="disallowToggle() || toggle()">
|
|
4996
4995
|
<ng-content select="[title]">Title</ng-content>
|
|
4997
4996
|
|
|
@@ -5007,7 +5006,7 @@ class ShipToggleCardComponent {
|
|
|
5007
5006
|
</div>
|
|
5008
5007
|
`, isInline: true, dependencies: [{ kind: "component", type: ShipIconComponent, selector: "sh-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5009
5008
|
}
|
|
5010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5009
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipToggleCardComponent, decorators: [{
|
|
5011
5010
|
type: Component,
|
|
5012
5011
|
args: [{
|
|
5013
5012
|
selector: 'sh-toggle-card',
|
|
@@ -5035,8 +5034,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
5035
5034
|
}] });
|
|
5036
5035
|
|
|
5037
5036
|
class ShipToggleComponent {
|
|
5038
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5039
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
5037
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5038
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: ShipToggleComponent, isStandalone: true, selector: "sh-toggle", ngImport: i0, template: `
|
|
5040
5039
|
<div class="box">
|
|
5041
5040
|
<div class="knob"></div>
|
|
5042
5041
|
</div>
|
|
@@ -5044,7 +5043,7 @@ class ShipToggleComponent {
|
|
|
5044
5043
|
<ng-content />
|
|
5045
5044
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5046
5045
|
}
|
|
5047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5046
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipToggleComponent, decorators: [{
|
|
5048
5047
|
type: Component,
|
|
5049
5048
|
args: [{
|
|
5050
5049
|
selector: 'sh-toggle',
|
|
@@ -5174,8 +5173,8 @@ class ShipTooltipComponent {
|
|
|
5174
5173
|
});
|
|
5175
5174
|
}
|
|
5176
5175
|
}
|
|
5177
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5178
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.
|
|
5176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: ShipTooltipComponent, isStandalone: true, selector: "sh-tooltip", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, above: { classPropertyName: "above", publicName: "above", isSignal: true, isRequired: false, transformFunction: null }, right: { classPropertyName: "right", publicName: "right", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", closed: "closed" }, host: { properties: { "class.above": "_above()", "class.right": "_right()", "class.disabled": "disabled()" } }, viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true, isSignal: true }, { propertyName: "tooltipRef", first: true, predicate: ["tooltipRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5179
5178
|
<div
|
|
5180
5179
|
class="trigger"
|
|
5181
5180
|
#triggerRef
|
|
@@ -5190,7 +5189,7 @@ class ShipTooltipComponent {
|
|
|
5190
5189
|
</div>
|
|
5191
5190
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5192
5191
|
}
|
|
5193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5192
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTooltipComponent, decorators: [{
|
|
5194
5193
|
type: Component,
|
|
5195
5194
|
args: [{
|
|
5196
5195
|
selector: 'sh-tooltip',
|
|
@@ -5358,8 +5357,8 @@ class ShipVirtualScrollComponent {
|
|
|
5358
5357
|
this.#cleanupResizeObserver();
|
|
5359
5358
|
this.#cleanupHostResizeObserver();
|
|
5360
5359
|
}
|
|
5361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5362
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.
|
|
5360
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipVirtualScrollComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5361
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.0", type: ShipVirtualScrollComponent, isStandalone: true, selector: "sh-virtual-scroll", viewQueries: [{ propertyName: "viewportRef", first: true, predicate: ["viewport"], descendants: true, isSignal: true }, { propertyName: "itemElements", predicate: ["item"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
5363
5362
|
<div class="viewport" #viewport (scroll)="onScroll()">
|
|
5364
5363
|
<div class="total-height" [style.height]="totalHeight() + 'px'"></div>
|
|
5365
5364
|
<div class="items-container" [style.transform]="'translateY(' + translateY() + 'px)'">
|
|
@@ -5368,7 +5367,7 @@ class ShipVirtualScrollComponent {
|
|
|
5368
5367
|
</div>
|
|
5369
5368
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
5370
5369
|
}
|
|
5371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5370
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipVirtualScrollComponent, decorators: [{
|
|
5372
5371
|
type: Component,
|
|
5373
5372
|
args: [{
|
|
5374
5373
|
selector: 'sh-virtual-scroll',
|
|
@@ -5409,10 +5408,10 @@ class ShipFileDragDropDirective {
|
|
|
5409
5408
|
this.filesDropped.emit(files);
|
|
5410
5409
|
}
|
|
5411
5410
|
}
|
|
5412
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5413
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
5411
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFileDragDropDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5412
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: ShipFileDragDropDirective, isStandalone: true, selector: "[shDragDrop]", outputs: { filesDropped: "filesDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.filesover": "filesOver()" } }, ngImport: i0 }); }
|
|
5414
5413
|
}
|
|
5415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5414
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipFileDragDropDirective, decorators: [{
|
|
5416
5415
|
type: Directive,
|
|
5417
5416
|
args: [{
|
|
5418
5417
|
selector: '[shDragDrop]',
|
|
@@ -5436,10 +5435,10 @@ class ShipPreventWheelDirective {
|
|
|
5436
5435
|
wheel(event) {
|
|
5437
5436
|
event.preventDefault();
|
|
5438
5437
|
}
|
|
5439
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5440
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
5438
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipPreventWheelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5439
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: ShipPreventWheelDirective, isStandalone: true, selector: "[shPreventWheel]", host: { listeners: { "wheel": "wheel($event)" } }, ngImport: i0 }); }
|
|
5441
5440
|
}
|
|
5442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipPreventWheelDirective, decorators: [{
|
|
5443
5442
|
type: Directive,
|
|
5444
5443
|
args: [{
|
|
5445
5444
|
selector: '[shPreventWheel]',
|
|
@@ -5513,14 +5512,14 @@ class ShipTooltipWrapper {
|
|
|
5513
5512
|
ngOnDestroy() {
|
|
5514
5513
|
this.#positionAbort?.abort();
|
|
5515
5514
|
}
|
|
5516
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5517
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
5515
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTooltipWrapper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5516
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: ShipTooltipWrapper, isStandalone: true, selector: "ship-tooltip-wrapper", inputs: { positionAnchorName: { classPropertyName: "positionAnchorName", publicName: "positionAnchorName", isSignal: true, isRequired: true, transformFunction: null }, anchorEl: { classPropertyName: "anchorEl", publicName: "anchorEl", isSignal: true, isRequired: true, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tooltip" }, properties: { "attr.popover": "\"manual\"", "style.position-anchor": "positionAnchorName()", "class.below": "isBelow()" } }, ngImport: i0, template: `
|
|
5518
5517
|
<div class="tooltip-content">
|
|
5519
5518
|
<ng-content />
|
|
5520
5519
|
</div>
|
|
5521
5520
|
`, isInline: true }); }
|
|
5522
5521
|
}
|
|
5523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTooltipWrapper, decorators: [{
|
|
5524
5523
|
type: Component,
|
|
5525
5524
|
args: [{
|
|
5526
5525
|
selector: 'ship-tooltip-wrapper',
|
|
@@ -5631,10 +5630,10 @@ class ShipTooltipDirective {
|
|
|
5631
5630
|
this.#projectedViewRef = null;
|
|
5632
5631
|
}
|
|
5633
5632
|
}
|
|
5634
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5635
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
5633
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
5634
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.0", type: ShipTooltipDirective, isStandalone: true, selector: "[shTooltip]", inputs: { shTooltip: { classPropertyName: "shTooltip", publicName: "shTooltip", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "style.anchor-name": "anchorName", "class.active": "isOpen()" }, classAttribute: "tooltip" }, ngImport: i0 }); }
|
|
5636
5635
|
}
|
|
5637
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ShipTooltipDirective, decorators: [{
|
|
5638
5637
|
type: Directive,
|
|
5639
5638
|
args: [{
|
|
5640
5639
|
selector: '[shTooltip]',
|
|
@@ -5661,5 +5660,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
5661
5660
|
* Generated bundle index. Do not edit.
|
|
5662
5661
|
*/
|
|
5663
5662
|
|
|
5664
|
-
export { GridSortableDirective, SHIP_CONFIG, ShipAlertComponent, ShipAlertContainerComponent, ShipAlertModule, ShipAlertService, ShipButtonComponent, ShipButtonGroupComponent, ShipCardComponent, ShipCheckboxComponent, ShipChipComponent, ShipColorPickerComponent, ShipDatepickerComponent, ShipDatepickerInputComponent, ShipDaterangeInputComponent, ShipDialogComponent, ShipDialogService, ShipDividerComponent, ShipEventCardComponent, ShipFileDragDropDirective, ShipFileUploadComponent, ShipFormFieldComponent, ShipIconComponent, ShipListComponent, ShipMenuComponent, ShipPopoverComponent, ShipPreventWheelDirective, ShipProgressBarComponent, ShipRadioComponent, ShipRangeSliderComponent, ShipResizeDirective, ShipSelectComponent, ShipSidenavComponent, ShipSortDirective, ShipSortableComponent, ShipSortableDirective, ShipSpinnerComponent, ShipStepperComponent, ShipStickyColumnsDirective,
|
|
5663
|
+
export { GridSortableDirective, SHIP_CONFIG, ShipAlertComponent, ShipAlertContainerComponent, ShipAlertModule, ShipAlertService, ShipButtonComponent, ShipButtonGroupComponent, ShipCardComponent, ShipCheckboxComponent, ShipChipComponent, ShipColorPickerComponent, ShipDatepickerComponent, ShipDatepickerInputComponent, ShipDaterangeInputComponent, ShipDialogComponent, ShipDialogService, ShipDividerComponent, ShipEventCardComponent, ShipFileDragDropDirective, ShipFileUploadComponent, ShipFormFieldComponent, ShipIconComponent, ShipListComponent, ShipMenuComponent, ShipPopoverComponent, ShipPreventWheelDirective, ShipProgressBarComponent, ShipRadioComponent, ShipRangeSliderComponent, ShipResizeDirective, ShipSelectComponent, ShipSidenavComponent, ShipSortDirective, ShipSortableComponent, ShipSortableDirective, ShipSpinnerComponent, ShipStepperComponent, ShipStickyColumnsDirective, ShipTableComponent, ShipTabsComponent, ShipToggleCardComponent, ShipToggleComponent, ShipTooltipComponent, ShipTooltipDirective, ShipTooltipWrapper, ShipVirtualScrollComponent, moveIndex, watchHostClass };
|
|
5665
5664
|
//# sourceMappingURL=ship-ui-core.mjs.map
|