@yuuvis/client-components 3.0.1 → 3.2.0
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.
- package/charts/README.md +64 -0
- package/fesm2022/yuuvis-client-components-autocomplete.mjs +7 -7
- package/fesm2022/yuuvis-client-components-autocomplete.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-charts.mjs +206 -0
- package/fesm2022/yuuvis-client-components-charts.mjs.map +1 -0
- package/fesm2022/yuuvis-client-components-common.mjs +154 -145
- package/fesm2022/yuuvis-client-components-common.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-datepicker.mjs +13 -13
- package/fesm2022/yuuvis-client-components-datepicker.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-list.mjs +21 -21
- package/fesm2022/yuuvis-client-components-list.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-master-details.mjs +7 -7
- package/fesm2022/yuuvis-client-components-master-details.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-overflow-hidden.mjs +7 -7
- package/fesm2022/yuuvis-client-components-overflow-hidden.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-overflow-menu.mjs +7 -7
- package/fesm2022/yuuvis-client-components-overflow-menu.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-popout.mjs +10 -10
- package/fesm2022/yuuvis-client-components-popout.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-split-view.mjs +13 -13
- package/fesm2022/yuuvis-client-components-split-view.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components-table-grid.mjs +108 -0
- package/fesm2022/yuuvis-client-components-table-grid.mjs.map +1 -0
- package/fesm2022/yuuvis-client-components-widget-grid.mjs +28 -28
- package/fesm2022/yuuvis-client-components-widget-grid.mjs.map +1 -1
- package/fesm2022/yuuvis-client-components.mjs +3 -3
- package/fesm2022/yuuvis-client-components.mjs.map +1 -1
- package/package.json +20 -2
- package/table-grid/README.md +90 -0
- package/types/yuuvis-client-components-charts.d.ts +47 -0
- package/types/yuuvis-client-components-common.d.ts +6 -6
- package/types/yuuvis-client-components-list.d.ts +8 -8
- package/types/yuuvis-client-components-table-grid.d.ts +60 -0
|
@@ -7,13 +7,12 @@ import { TranslatePipe, AppCacheService, RetentionService, LocaleDatePipe } from
|
|
|
7
7
|
import { YmtButtonDirective, YmtIconButtonDirective } from '@yuuvis/material';
|
|
8
8
|
import * as i1$1 from '@angular/material/icon';
|
|
9
9
|
import { MatIconModule } from '@angular/material/icon';
|
|
10
|
-
import { TranslatePipe as TranslatePipe$1, TranslateService } from '@ngx-translate/core';
|
|
10
|
+
import { TranslatePipe as TranslatePipe$1, TranslateService, _ } from '@ngx-translate/core';
|
|
11
11
|
import { MatProgressSpinner } from '@angular/material/progress-spinner';
|
|
12
12
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
13
13
|
import { Subject, fromEvent, merge, timer, of, forkJoin, map as map$1 } from 'rxjs';
|
|
14
14
|
import { debounceTime, tap, filter, switchMap, map, takeUntil } from 'rxjs/operators';
|
|
15
15
|
import { NG_VALUE_ACCESSOR, NgControl, FormControlDirective, FormControlName, NgModel } from '@angular/forms';
|
|
16
|
-
import { marker } from '@colsen1991/ngx-translate-extract-marker';
|
|
17
16
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
18
17
|
|
|
19
18
|
class DialogComponent {
|
|
@@ -22,8 +21,8 @@ class DialogComponent {
|
|
|
22
21
|
* @deprecated use headertitle instead
|
|
23
22
|
*/
|
|
24
23
|
headertitel = input(null, ...(ngDevMode ? [{ debugName: "headertitel" }] : /* istanbul ignore next */ []));
|
|
25
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
26
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
24
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: DialogComponent, isStandalone: true, selector: "yuv-dialog", inputs: { headertitle: { classPropertyName: "headertitle", publicName: "headertitle", isSignal: true, isRequired: false, transformFunction: null }, headertitel: { classPropertyName: "headertitel", publicName: "headertitel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
27
26
|
@let title = headertitle() ?? headertitel();
|
|
28
27
|
@if (title) {
|
|
29
28
|
<h2 mat-dialog-title>{{ title }}</h2>
|
|
@@ -37,7 +36,7 @@ class DialogComponent {
|
|
|
37
36
|
</mat-dialog-actions>
|
|
38
37
|
`, isInline: true, styles: [":host{--_dialog-area-background: var(--dialog-area-background, light-dark(var(--ymt-surface), var(--ymt-surface-container-low)));--_dialog-area-divider-color: var(--dialog-area-divider-color, var(--ymt-outline-variant));height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:\"header\" \"content\" \"footer\"}:host h2{grid-area:header;background-color:var(--_dialog-area-background);border-block-end:1px solid var(--_dialog-area-divider-color)}:host .footer{background-color:var(--_dialog-area-background);border-block-start:1px solid var(--_dialog-area-divider-color);gap:calc(var(--ymt-font-body) / 2)}:host.not-separated{background-color:var(--ymt-surface-app)}:host.not-separated h2,:host.not-separated .footer{background-color:transparent;border:0}.mat-mdc-dialog-container{height:100%}mat-dialog-content:empty{display:contents}mat-dialog-content main{display:var(--ymt-dialog-content-display);grid-area:content;overflow:hidden}mat-dialog-actions{grid-area:footer}mat-dialog-actions:empty{display:contents}\n"], dependencies: [{ kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
39
38
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DialogComponent, decorators: [{
|
|
41
40
|
type: Component,
|
|
42
41
|
args: [{ selector: 'yuv-dialog', imports: [MatDialogActions, MatDialogTitle, MatDialogContent], template: `
|
|
43
42
|
@let title = headertitle() ?? headertitel();
|
|
@@ -70,10 +69,10 @@ class ConfirmComponent {
|
|
|
70
69
|
return 'primary';
|
|
71
70
|
}
|
|
72
71
|
}, ...(ngDevMode ? [{ debugName: "buttonType" }] : /* istanbul ignore next */ []));
|
|
73
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
74
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
72
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
73
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ConfirmComponent, isStandalone: true, selector: "yuv-confirm", ngImport: i0, template: "<yuv-dialog [headertitle]=\"dialogData.title || ''\">\n <main>{{ dialogData.message }}</main>\n <footer>\n @if (!dialogData.hideCancelButton) {\n <button ymtButton=\"secondary\" mat-dialog-close type=\"button\">\n {{ dialogData.cancelLabel || ('yuv.confirm.cancel' | translate) }}\n </button>\n }\n <button [ymtButton]=\"buttonType()\" type=\"button\" [mat-dialog-close]=\"true\">\n {{ dialogData.confirmLabel || ('yuv.confirm.confirm' | translate) }}\n </button>\n </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{padding:var(--ymt-spacing-m)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: DialogComponent, selector: "yuv-dialog", inputs: ["headertitle", "headertitel"] }, { kind: "directive", type: YmtButtonDirective, selector: "button[ymtButton], a[ymtButton]", inputs: ["ymtButton", "disabled", "aria-disabled", "disableRipple", "disabledInteractive", "button-size"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
75
74
|
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
75
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ConfirmComponent, decorators: [{
|
|
77
76
|
type: Component,
|
|
78
77
|
args: [{ selector: 'yuv-confirm', imports: [MatButtonModule, TranslatePipe, MatDialogModule, DialogComponent, YmtButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<yuv-dialog [headertitle]=\"dialogData.title || ''\">\n <main>{{ dialogData.message }}</main>\n <footer>\n @if (!dialogData.hideCancelButton) {\n <button ymtButton=\"secondary\" mat-dialog-close type=\"button\">\n {{ dialogData.cancelLabel || ('yuv.confirm.cancel' | translate) }}\n </button>\n }\n <button [ymtButton]=\"buttonType()\" type=\"button\" [mat-dialog-close]=\"true\">\n {{ dialogData.confirmLabel || ('yuv.confirm.confirm' | translate) }}\n </button>\n </footer>\n</yuv-dialog>\n", styles: [":host{display:contents}:host main{padding:var(--ymt-spacing-m)}\n"] }]
|
|
79
78
|
}] });
|
|
@@ -126,10 +125,10 @@ class ScrollButtonsComponent {
|
|
|
126
125
|
this.showLeftButton.set(element.scrollLeft > threshold);
|
|
127
126
|
this.showRightButton.set(element.scrollLeft + element.clientWidth < element.scrollWidth - threshold);
|
|
128
127
|
}
|
|
129
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
130
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
128
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ScrollButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
129
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: ScrollButtonsComponent, isStandalone: true, selector: "yuv-scroll-buttons", inputs: { scrollAmount: { classPropertyName: "scrollAmount", publicName: "scrollAmount", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (showLeftButton()) {\n <button\n class=\"scroll-btn scroll-btn--left\"\n (click)=\"scrollLeft()\"\n [attr.aria-label]=\"'yuv.object-form-element.scroll.button.left' | translate\"\n >\n <mat-icon>chevron_left</mat-icon>\n </button>\n}\n<div class=\"scroll-content\" #scrollContainer (scroll)=\"onScroll()\">\n <ng-content />\n</div>\n@if (showRightButton()) {\n <button\n class=\"scroll-btn scroll-btn--right\"\n (click)=\"scrollRight()\"\n [attr.aria-label]=\"'yuv.object-form-element.scroll.button.right' | translate\"\n >\n <mat-icon>chevron_right</mat-icon>\n </button>\n}\n", styles: [":host{display:flex;align-items:center;flex:1;min-width:0}.scroll-content{flex:1;overflow-x:auto;scrollbar-width:none;min-width:0}.scroll-content ::ng-deep mat-chip-grid .mdc-evolution-chip-set__chips{flex-wrap:nowrap}.scroll-content ::ng-deep mat-chip-grid mat-chip-row{flex-shrink:0;max-width:none}.scroll-content ::ng-deep mat-chip-grid mat-chip-row .mdc-evolution-chip__cell--primary{max-width:none}.scroll-content ::ng-deep mat-chip-grid mat-chip-row .mdc-evolution-chip__text-label,.scroll-content ::ng-deep mat-chip-grid mat-chip-row .mat-mdc-chip-action-label{white-space:nowrap}.scroll-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:var(--ymv-text-color-subtle);width:var(--ymv-sizing-m);height:var(--ymv-sizing-m);background-color:var(--ymv-surface-hover)}.scroll-btn:hover,.scroll-btn:focus-visible{color:var(--ymv-text-color)}.scroll-btn:focus-visible{outline:2px solid var(--ymv-primary-color);outline-offset:-2px}.scroll-btn mat-icon{font-size:20px;width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe$1, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
131
130
|
}
|
|
132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ScrollButtonsComponent, decorators: [{
|
|
133
132
|
type: Component,
|
|
134
133
|
args: [{ selector: 'yuv-scroll-buttons', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, TranslatePipe$1], template: "@if (showLeftButton()) {\n <button\n class=\"scroll-btn scroll-btn--left\"\n (click)=\"scrollLeft()\"\n [attr.aria-label]=\"'yuv.object-form-element.scroll.button.left' | translate\"\n >\n <mat-icon>chevron_left</mat-icon>\n </button>\n}\n<div class=\"scroll-content\" #scrollContainer (scroll)=\"onScroll()\">\n <ng-content />\n</div>\n@if (showRightButton()) {\n <button\n class=\"scroll-btn scroll-btn--right\"\n (click)=\"scrollRight()\"\n [attr.aria-label]=\"'yuv.object-form-element.scroll.button.right' | translate\"\n >\n <mat-icon>chevron_right</mat-icon>\n </button>\n}\n", styles: [":host{display:flex;align-items:center;flex:1;min-width:0}.scroll-content{flex:1;overflow-x:auto;scrollbar-width:none;min-width:0}.scroll-content ::ng-deep mat-chip-grid .mdc-evolution-chip-set__chips{flex-wrap:nowrap}.scroll-content ::ng-deep mat-chip-grid mat-chip-row{flex-shrink:0;max-width:none}.scroll-content ::ng-deep mat-chip-grid mat-chip-row .mdc-evolution-chip__cell--primary{max-width:none}.scroll-content ::ng-deep mat-chip-grid mat-chip-row .mdc-evolution-chip__text-label,.scroll-content ::ng-deep mat-chip-grid mat-chip-row .mat-mdc-chip-action-label{white-space:nowrap}.scroll-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:var(--ymv-text-color-subtle);width:var(--ymv-sizing-m);height:var(--ymv-sizing-m);background-color:var(--ymv-surface-hover)}.scroll-btn:hover,.scroll-btn:focus-visible{color:var(--ymv-text-color)}.scroll-btn:focus-visible{outline:2px solid var(--ymv-primary-color);outline-offset:-2px}.scroll-btn mat-icon{font-size:20px;width:20px;height:20px}\n"] }]
|
|
135
134
|
}], ctorParameters: () => [], propDecorators: { scrollContainer: [{ type: i0.ViewChild, args: ['scrollContainer', { isSignal: true }] }], scrollAmount: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollAmount", required: false }] }] } });
|
|
@@ -158,10 +157,10 @@ class AutofocusChildDirective {
|
|
|
158
157
|
focusEl.focus();
|
|
159
158
|
});
|
|
160
159
|
}
|
|
161
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
162
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
160
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutofocusChildDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
161
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: AutofocusChildDirective, isStandalone: true, selector: "[yuvAutofocusChild]", inputs: { yuvAutofocusChild: "yuvAutofocusChild" }, ngImport: i0 });
|
|
163
162
|
}
|
|
164
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutofocusChildDirective, decorators: [{
|
|
165
164
|
type: Directive,
|
|
166
165
|
args: [{
|
|
167
166
|
selector: '[yuvAutofocusChild]',
|
|
@@ -192,10 +191,10 @@ class AutofocusDelayedDirective {
|
|
|
192
191
|
this.#elRef.nativeElement.focus();
|
|
193
192
|
}, this.#delay());
|
|
194
193
|
}
|
|
195
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
196
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
194
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutofocusDelayedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
195
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: AutofocusDelayedDirective, isStandalone: true, selector: "[yuvAutofocusDelayed]", inputs: { yuvAutofocusDelayed: { classPropertyName: "yuvAutofocusDelayed", publicName: "yuvAutofocusDelayed", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
197
196
|
}
|
|
198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AutofocusDelayedDirective, decorators: [{
|
|
199
198
|
type: Directive,
|
|
200
199
|
args: [{
|
|
201
200
|
selector: '[yuvAutofocusDelayed]',
|
|
@@ -207,10 +206,10 @@ class BusyOverlayComponent {
|
|
|
207
206
|
config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
|
|
208
207
|
error = input(undefined, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
|
|
209
208
|
errorDismiss = output();
|
|
210
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
211
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
209
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BusyOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
210
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: BusyOverlayComponent, isStandalone: true, selector: "yuv-busy-overlay", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { errorDismiss: "errorDismiss" }, host: { properties: { "class.error": "!!error()", "class.blured": "!!config()?.blur", "style.--backdrop-background": "config()?.backdropColor || \"var(--ymt-surface-app)\"" } }, ngImport: i0, template: "<div class=\"backdrop\"></div>\n\n@let e = error();\n@if (e) {\n <div class=\"error\">\n <button ymtIconButton icon-button-size=\"small\" (click)=\"errorDismiss.emit()\">\n <mat-icon>close</mat-icon>\n </button>\n <p>{{ e }}</p>\n </div>\n} @else {\n <mat-progress-spinner class=\"ymt-progress-spinner--giant\" [mode]=\"'indeterminate'\"></mat-progress-spinner>\n}\n", styles: [":host{position:absolute;transition:opacity .2s;inset:0;display:grid;place-items:center;z-index:5}:host.blured{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host{--mat-progress-spinner-active-indicator-color: currentColor}:host .error,:host mat-progress-spinner{opacity:0;animation:fadeIn .2s ease-in forwards;animation-delay:.2s}:host .error{display:flex;flex-direction:column;background-color:var(--ymt-danger-container);color:var(--ymt-on-danger-container);border:var(--ymt-danger);padding:var(--ymt-spacing-xs);border-radius:var(--ymt-corner-xs);max-width:60ch;margin:var(--ymt-spacing-m);overflow-y:auto;align-items:end}:host .error p{margin:var(--ymt-spacing-m)}:host .backdrop{position:absolute;inset:0;background-color:rgb(from var(--backdrop-background) r g b/.5);animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: YmtIconButtonDirective, selector: "button[ymtIconButton],button[ymt-icon-button],a[ymtIconButton],a[ymt-icon-button]", inputs: ["disabled", "disableRipple", "aria-disabled", "disabledInteractive", "icon-button-size"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
212
211
|
}
|
|
213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BusyOverlayComponent, decorators: [{
|
|
214
213
|
type: Component,
|
|
215
214
|
args: [{ selector: 'yuv-busy-overlay', imports: [YmtIconButtonDirective, MatIconModule, MatProgressSpinner], host: {
|
|
216
215
|
'[class.error]': '!!error()',
|
|
@@ -359,10 +358,10 @@ class BusyOverlayDirective {
|
|
|
359
358
|
ngOnDestroy() {
|
|
360
359
|
this.#detachOverlay();
|
|
361
360
|
}
|
|
362
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
363
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
361
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BusyOverlayDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
362
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: BusyOverlayDirective, isStandalone: true, selector: "[yuvBusyOverlay]", inputs: { yuvBusyOverlay: { classPropertyName: "yuvBusyOverlay", publicName: "yuvBusyOverlay", isSignal: true, isRequired: false, transformFunction: null }, yuvBusyOverlayConfig: { classPropertyName: "yuvBusyOverlayConfig", publicName: "yuvBusyOverlayConfig", isSignal: true, isRequired: false, transformFunction: null }, yuvBusyError: { classPropertyName: "yuvBusyError", publicName: "yuvBusyError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { yuvBusyErrorDismiss: "yuvBusyErrorDismiss" }, host: { properties: { "attr.aria-busy": "yuvBusyOverlay() ? \"true\" : \"false\"", "style.position": "stylePosition()" } }, ngImport: i0 });
|
|
364
363
|
}
|
|
365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: BusyOverlayDirective, decorators: [{
|
|
366
365
|
type: Directive,
|
|
367
366
|
args: [{
|
|
368
367
|
selector: '[yuvBusyOverlay]',
|
|
@@ -400,10 +399,10 @@ class ClickDoubleDirective {
|
|
|
400
399
|
event.stopPropagation();
|
|
401
400
|
this.clicksSubject.next(event);
|
|
402
401
|
}
|
|
403
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
404
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
402
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ClickDoubleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
403
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: ClickDoubleDirective, isStandalone: true, selector: "[click.single],[click.double]", inputs: { debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { doubleClick: "click.double", singleClick: "click.single" }, host: { listeners: { "click": "clickEvent($event)", "dblclick": "doubleClickEvent($event)" } }, ngImport: i0 });
|
|
405
404
|
}
|
|
406
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
405
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ClickDoubleDirective, decorators: [{
|
|
407
406
|
type: Directive,
|
|
408
407
|
args: [{
|
|
409
408
|
selector: '[click.single],[click.double]',
|
|
@@ -458,10 +457,10 @@ class ContainerSizeDirective {
|
|
|
458
457
|
ngOnDestroy() {
|
|
459
458
|
this._resizeObserver.unobserve(this.elRef.nativeElement);
|
|
460
459
|
}
|
|
461
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
462
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
460
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ContainerSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
461
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: ContainerSizeDirective, isStandalone: true, selector: "[yuvContainerSize]", outputs: { containerHeight: "containerHeight", containerWidth: "containerWidth" }, ngImport: i0 });
|
|
463
462
|
}
|
|
464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ContainerSizeDirective, decorators: [{
|
|
465
464
|
type: Directive,
|
|
466
465
|
args: [{
|
|
467
466
|
selector: '[yuvContainerSize]',
|
|
@@ -539,16 +538,28 @@ class DragScrollDirective {
|
|
|
539
538
|
}));
|
|
540
539
|
dragMove$.subscribe();
|
|
541
540
|
}
|
|
542
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
543
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
541
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DragScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
542
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: DragScrollDirective, isStandalone: true, selector: "[yuvDragScroll]", ngImport: i0 });
|
|
544
543
|
}
|
|
545
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DragScrollDirective, decorators: [{
|
|
546
545
|
type: Directive,
|
|
547
546
|
args: [{
|
|
548
547
|
selector: '[yuvDragScroll]'
|
|
549
548
|
}]
|
|
550
549
|
}] });
|
|
551
550
|
|
|
551
|
+
class DragSelectItemDirective {
|
|
552
|
+
#elRef = inject(ElementRef);
|
|
553
|
+
el = this.#elRef.nativeElement;
|
|
554
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DragSelectItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
555
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: DragSelectItemDirective, isStandalone: true, selector: "[yuvDragSelectItem]", ngImport: i0 });
|
|
556
|
+
}
|
|
557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DragSelectItemDirective, decorators: [{
|
|
558
|
+
type: Directive,
|
|
559
|
+
args: [{
|
|
560
|
+
selector: '[yuvDragSelectItem]'
|
|
561
|
+
}]
|
|
562
|
+
}] });
|
|
552
563
|
class DragSelectDirective {
|
|
553
564
|
#selector;
|
|
554
565
|
#selectStartX = 0;
|
|
@@ -621,10 +632,10 @@ class DragSelectDirective {
|
|
|
621
632
|
#checkRectIntersection = (r1, r2) => {
|
|
622
633
|
return !(r1.x + r1.width < r2.x || r2.x + r2.width < r1.x || r1.y + r1.height < r2.y || r2.y + r2.height < r1.y);
|
|
623
634
|
};
|
|
624
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
625
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.
|
|
635
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DragSelectDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
636
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.12", type: DragSelectDirective, isStandalone: true, selector: "[yuvDragSelect]", inputs: { yuvDragSelect: { classPropertyName: "yuvDragSelect", publicName: "yuvDragSelect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragSelectChange: "dragSelectChange", dragSelect: "dragSelect" }, host: { listeners: { "pointerdown": "onPointerDown($event)" } }, queries: [{ propertyName: "items", predicate: DragSelectItemDirective, isSignal: true }], ngImport: i0 });
|
|
626
637
|
}
|
|
627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
638
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DragSelectDirective, decorators: [{
|
|
628
639
|
type: Directive,
|
|
629
640
|
args: [{
|
|
630
641
|
selector: '[yuvDragSelect]',
|
|
@@ -633,29 +644,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
633
644
|
}
|
|
634
645
|
}]
|
|
635
646
|
}], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => DragSelectItemDirective), { isSignal: true }] }], yuvDragSelect: [{ type: i0.Input, args: [{ isSignal: true, alias: "yuvDragSelect", required: false }] }], dragSelectChange: [{ type: i0.Output, args: ["dragSelectChange"] }], dragSelect: [{ type: i0.Output, args: ["dragSelect"] }] } });
|
|
636
|
-
class DragSelectItemDirective {
|
|
637
|
-
#elRef = inject(ElementRef);
|
|
638
|
-
el = this.#elRef.nativeElement;
|
|
639
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DragSelectItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
640
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: DragSelectItemDirective, isStandalone: true, selector: "[yuvDragSelectItem]", ngImport: i0 });
|
|
641
|
-
}
|
|
642
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DragSelectItemDirective, decorators: [{
|
|
643
|
-
type: Directive,
|
|
644
|
-
args: [{
|
|
645
|
-
selector: '[yuvDragSelectItem]',
|
|
646
|
-
standalone: true
|
|
647
|
-
}]
|
|
648
|
-
}] });
|
|
649
647
|
|
|
650
648
|
class FileDropService {
|
|
651
649
|
activeDropZone = signal(null, ...(ngDevMode ? [{ debugName: "activeDropZone" }] : /* istanbul ignore next */ []));
|
|
652
650
|
fileOver(id, active) {
|
|
653
651
|
this.activeDropZone.set(active ? id : null);
|
|
654
652
|
}
|
|
655
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
656
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
653
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FileDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
654
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FileDropService, providedIn: 'root' });
|
|
657
655
|
}
|
|
658
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
656
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FileDropService, decorators: [{
|
|
659
657
|
type: Injectable,
|
|
660
658
|
args: [{
|
|
661
659
|
providedIn: 'root'
|
|
@@ -782,10 +780,10 @@ class FileDropZoneDirective {
|
|
|
782
780
|
}
|
|
783
781
|
return coverElement;
|
|
784
782
|
}
|
|
785
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
786
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
783
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FileDropZoneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
784
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: FileDropZoneDirective, isStandalone: true, selector: "[yuvFileDropZone]", inputs: { yuvFileDropZone: { classPropertyName: "yuvFileDropZone", publicName: "yuvFileDropZone", isSignal: true, isRequired: false, transformFunction: null }, fileDropDisabled: { classPropertyName: "fileDropDisabled", publicName: "fileDropDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileDrop: "fileDrop", fileDropOver: "fileDropOver" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "body:dragover": "onBodyDragOver($event)", "body:drop": "onBodyDrop($event)" } }, ngImport: i0 });
|
|
787
785
|
}
|
|
788
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
786
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FileDropZoneDirective, decorators: [{
|
|
789
787
|
type: Directive,
|
|
790
788
|
args: [{
|
|
791
789
|
selector: '[yuvFileDropZone]',
|
|
@@ -855,10 +853,10 @@ class FocusWithinDirective {
|
|
|
855
853
|
return false;
|
|
856
854
|
}
|
|
857
855
|
}
|
|
858
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
859
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
856
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FocusWithinDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
857
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: FocusWithinDirective, isStandalone: true, selector: "[yuvFocusWithin]", outputs: { yuvFocusWithin: "yuvFocusWithin", yuvFocusWithinBlur: "yuvFocusWithinBlur" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut($event)" }, properties: { "class.focusWithin": "hasFocusWithin" } }, ngImport: i0 });
|
|
860
858
|
}
|
|
861
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FocusWithinDirective, decorators: [{
|
|
862
860
|
type: Directive,
|
|
863
861
|
args: [{
|
|
864
862
|
selector: '[yuvFocusWithin]',
|
|
@@ -893,10 +891,10 @@ class LightDismissDirective {
|
|
|
893
891
|
}
|
|
894
892
|
}
|
|
895
893
|
yuvLightDismiss = output();
|
|
896
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
897
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
894
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LightDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
895
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: LightDismissDirective, isStandalone: true, selector: "[yuvLightDismiss]", outputs: { yuvLightDismiss: "yuvLightDismiss" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:mousedown": "onMousedown($event)" } }, ngImport: i0 });
|
|
898
896
|
}
|
|
899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
897
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LightDismissDirective, decorators: [{
|
|
900
898
|
type: Directive,
|
|
901
899
|
args: [{
|
|
902
900
|
selector: '[yuvLightDismiss]',
|
|
@@ -927,10 +925,10 @@ class LongPressDirective {
|
|
|
927
925
|
.pipe(takeUntilDestroyed(), switchMap((state) => (state ? timer(this.threshold, 100) : of(null))), filter((value) => !!value))
|
|
928
926
|
.subscribe(() => this.longpress.emit());
|
|
929
927
|
}
|
|
930
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
931
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
928
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LongPressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
929
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: LongPressDirective, isStandalone: true, selector: "[yuvLongPress]", inputs: { yuvLongPress: { classPropertyName: "yuvLongPress", publicName: "yuvLongPress", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { longpress: "longpress" }, ngImport: i0 });
|
|
932
930
|
}
|
|
933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
931
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LongPressDirective, decorators: [{
|
|
934
932
|
type: Directive,
|
|
935
933
|
args: [{
|
|
936
934
|
selector: '[yuvLongPress]',
|
|
@@ -945,8 +943,8 @@ class NoopValueAccessorDirective {
|
|
|
945
943
|
writeValue(obj) { }
|
|
946
944
|
registerOnChange(fn) { }
|
|
947
945
|
registerOnTouched(fn) { }
|
|
948
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
949
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.
|
|
946
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NoopValueAccessorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
947
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.12", type: NoopValueAccessorDirective, isStandalone: true, providers: [
|
|
950
948
|
{
|
|
951
949
|
provide: NG_VALUE_ACCESSOR,
|
|
952
950
|
multi: true,
|
|
@@ -954,7 +952,7 @@ class NoopValueAccessorDirective {
|
|
|
954
952
|
}
|
|
955
953
|
], ngImport: i0 });
|
|
956
954
|
}
|
|
957
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: NoopValueAccessorDirective, decorators: [{
|
|
958
956
|
type: Directive,
|
|
959
957
|
args: [{
|
|
960
958
|
standalone: true,
|
|
@@ -1074,7 +1072,10 @@ class ScrollButtonsDirective {
|
|
|
1074
1072
|
color: 'var(--ymt-text-color-subtle)',
|
|
1075
1073
|
width: 'var(--ymt-sizing-m)',
|
|
1076
1074
|
height: 'var(--ymt-sizing-m)',
|
|
1077
|
-
backgroundColor: 'var(--ymt-surface-hover)'
|
|
1075
|
+
backgroundColor: 'var(--ymt-surface-hover)',
|
|
1076
|
+
// Stay clickable even when wrapped in a disabled <mat-form-field>,
|
|
1077
|
+
// which sets pointer-events: none on its interior.
|
|
1078
|
+
'pointer-events': 'auto'
|
|
1078
1079
|
});
|
|
1079
1080
|
const iconEl = this.#renderer.createElement('span');
|
|
1080
1081
|
iconEl.classList.add('material-symbols-sharp');
|
|
@@ -1148,10 +1149,10 @@ class ScrollButtonsDirective {
|
|
|
1148
1149
|
this.#renderer.setStyle(element, prop, value);
|
|
1149
1150
|
});
|
|
1150
1151
|
}
|
|
1151
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1152
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.
|
|
1152
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ScrollButtonsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1153
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.12", type: ScrollButtonsDirective, isStandalone: true, selector: "[yuvScrollButtons]", inputs: { yuvScrollButtonsAmount: { classPropertyName: "yuvScrollButtonsAmount", publicName: "yuvScrollButtonsAmount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
|
|
1153
1154
|
}
|
|
1154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1155
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ScrollButtonsDirective, decorators: [{
|
|
1155
1156
|
type: Directive,
|
|
1156
1157
|
args: [{
|
|
1157
1158
|
selector: '[yuvScrollButtons]'
|
|
@@ -1175,8 +1176,8 @@ const directives = [
|
|
|
1175
1176
|
];
|
|
1176
1177
|
const components = [ConfirmComponent, ScrollButtonsComponent];
|
|
1177
1178
|
class YuvCommonModule {
|
|
1178
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1179
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.
|
|
1179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1180
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.12", ngImport: i0, type: YuvCommonModule, imports: [BusyOverlayDirective,
|
|
1180
1181
|
FocusWithinDirective,
|
|
1181
1182
|
FileDropZoneDirective,
|
|
1182
1183
|
ClickDoubleDirective,
|
|
@@ -1201,9 +1202,9 @@ class YuvCommonModule {
|
|
|
1201
1202
|
AutofocusChildDirective,
|
|
1202
1203
|
AutofocusDelayedDirective,
|
|
1203
1204
|
ScrollButtonsDirective, ConfirmComponent, ScrollButtonsComponent] });
|
|
1204
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.
|
|
1205
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvCommonModule, imports: [components] });
|
|
1205
1206
|
}
|
|
1206
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: YuvCommonModule, decorators: [{
|
|
1207
1208
|
type: NgModule,
|
|
1208
1209
|
args: [{
|
|
1209
1210
|
imports: [...directives, ...components],
|
|
@@ -1292,10 +1293,10 @@ class LayoutSettingsService {
|
|
|
1292
1293
|
body.style.colorScheme = mode === 'dark' || mode === 'light' ? mode : 'inherit';
|
|
1293
1294
|
this.themeMode.set(mode || 'system');
|
|
1294
1295
|
}
|
|
1295
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1296
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1296
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LayoutSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1297
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LayoutSettingsService, providedIn: 'root' });
|
|
1297
1298
|
}
|
|
1298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: LayoutSettingsService, decorators: [{
|
|
1299
1300
|
type: Injectable,
|
|
1300
1301
|
args: [{
|
|
1301
1302
|
providedIn: 'root'
|
|
@@ -1358,10 +1359,10 @@ class FormTranslateService {
|
|
|
1358
1359
|
return this.translate.instant(error, params);
|
|
1359
1360
|
}
|
|
1360
1361
|
}
|
|
1361
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1362
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1362
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FormTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1363
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FormTranslateService, providedIn: 'root' });
|
|
1363
1364
|
}
|
|
1364
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: FormTranslateService, decorators: [{
|
|
1365
1366
|
type: Injectable,
|
|
1366
1367
|
args: [{
|
|
1367
1368
|
providedIn: 'root'
|
|
@@ -1440,6 +1441,53 @@ class ThemeService {
|
|
|
1440
1441
|
constructor() {
|
|
1441
1442
|
this.#initializeModes();
|
|
1442
1443
|
}
|
|
1444
|
+
setMode(mode) {
|
|
1445
|
+
this.#saveSettings(this.#MODE_STORAGE_KEY, { mode });
|
|
1446
|
+
}
|
|
1447
|
+
setCustomTheme(key) {
|
|
1448
|
+
// Reset contrast to system on custom theme change
|
|
1449
|
+
const previousTheme = this.customTheme();
|
|
1450
|
+
const body = this.#document.getElementsByTagName('body')[0];
|
|
1451
|
+
if (previousTheme?.key)
|
|
1452
|
+
this.#renderer.removeClass(body, previousTheme.key);
|
|
1453
|
+
const selectedTheme = this.customThemes().find((theme) => theme.key === key);
|
|
1454
|
+
if (selectedTheme) {
|
|
1455
|
+
this.customTheme.set(selectedTheme);
|
|
1456
|
+
this.#currentTheme.set(selectedTheme.key);
|
|
1457
|
+
if (selectedTheme.key)
|
|
1458
|
+
this.#renderer.addClass(body, selectedTheme.key);
|
|
1459
|
+
// Check if custom theme has light or dark mode
|
|
1460
|
+
if ((selectedTheme.hasDarkTheme && selectedTheme.hasLightTheme) ||
|
|
1461
|
+
(!selectedTheme.hasDarkTheme && !selectedTheme.hasLightTheme)) {
|
|
1462
|
+
// If both, do nothing further with this (enable group)
|
|
1463
|
+
this.#disableMode.set(false);
|
|
1464
|
+
}
|
|
1465
|
+
else {
|
|
1466
|
+
// Else disable mode button group and set the corresponding mode active
|
|
1467
|
+
if (selectedTheme.hasDarkTheme) {
|
|
1468
|
+
this.#mode.set('dark');
|
|
1469
|
+
}
|
|
1470
|
+
else if (selectedTheme.hasLightTheme) {
|
|
1471
|
+
this.#mode.set('light');
|
|
1472
|
+
}
|
|
1473
|
+
this.#disableMode.set(true);
|
|
1474
|
+
}
|
|
1475
|
+
this.#saveSettings(this.#CUSTOM_THEME_STORAGE_KEY, { customTheme: key });
|
|
1476
|
+
}
|
|
1477
|
+
else {
|
|
1478
|
+
if (key === DEFAULT_THEME_KEY) {
|
|
1479
|
+
this.#disableMode.set(false);
|
|
1480
|
+
this.#renderer.removeClass(body, HIGH_CONTRAST_THEME_KEY);
|
|
1481
|
+
this.#deleteSettings(this.#CUSTOM_THEME_STORAGE_KEY);
|
|
1482
|
+
this.customTheme.set(DEFAULT_THEME);
|
|
1483
|
+
this.#currentTheme.set(DEFAULT_THEME_KEY);
|
|
1484
|
+
}
|
|
1485
|
+
// Default theme or no theme found
|
|
1486
|
+
}
|
|
1487
|
+
}
|
|
1488
|
+
toggleTheme(theme) {
|
|
1489
|
+
this.#mode.set(theme);
|
|
1490
|
+
}
|
|
1443
1491
|
#saveSettings(key, settings) {
|
|
1444
1492
|
if (typeof settings === 'object') {
|
|
1445
1493
|
this.#storage.setItem(key, JSON.stringify(settings)).subscribe();
|
|
@@ -1454,16 +1502,21 @@ class ThemeService {
|
|
|
1454
1502
|
}
|
|
1455
1503
|
#checkPrefersContrast() {
|
|
1456
1504
|
const prefersHighContrast = window.matchMedia('(prefers-contrast: more)').matches;
|
|
1505
|
+
return prefersHighContrast;
|
|
1457
1506
|
}
|
|
1458
1507
|
#initializeModes() {
|
|
1459
1508
|
// Theme initialization
|
|
1460
|
-
forkJoin([
|
|
1509
|
+
forkJoin([
|
|
1510
|
+
this.#storage.getItem(this.#MODE_STORAGE_KEY),
|
|
1511
|
+
this.#storage.getItem(this.#CUSTOM_THEME_STORAGE_KEY)
|
|
1512
|
+
])
|
|
1461
1513
|
.pipe(map$1(([savedTheme, savedCustomTheme]) => {
|
|
1462
1514
|
if (savedTheme) {
|
|
1463
1515
|
try {
|
|
1464
1516
|
this.#mode.set(JSON.parse(savedTheme).mode);
|
|
1465
1517
|
}
|
|
1466
1518
|
catch (error) {
|
|
1519
|
+
console.error('Error parsing saved theme mode from storage:', error);
|
|
1467
1520
|
this.#mode.set(this.#mode());
|
|
1468
1521
|
}
|
|
1469
1522
|
}
|
|
@@ -1480,70 +1533,26 @@ class ThemeService {
|
|
|
1480
1533
|
this.setCustomTheme(customThemeKey);
|
|
1481
1534
|
}
|
|
1482
1535
|
catch (error) {
|
|
1483
|
-
|
|
1536
|
+
console.error('Error parsing saved custom theme from storage:', error);
|
|
1484
1537
|
}
|
|
1485
1538
|
}
|
|
1486
1539
|
}))
|
|
1487
1540
|
.subscribe();
|
|
1488
1541
|
}
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
}
|
|
1492
|
-
setCustomTheme(key) {
|
|
1493
|
-
// Reset contrast to system on custom theme change
|
|
1494
|
-
const previousTheme = this.customTheme();
|
|
1495
|
-
const body = this.#document.getElementsByTagName('body')[0];
|
|
1496
|
-
previousTheme && previousTheme.key && this.#renderer.removeClass(body, previousTheme.key);
|
|
1497
|
-
const selectedTheme = this.customThemes().find((theme) => theme.key === key);
|
|
1498
|
-
if (selectedTheme) {
|
|
1499
|
-
this.customTheme.set(selectedTheme);
|
|
1500
|
-
this.#currentTheme.set(selectedTheme.key);
|
|
1501
|
-
selectedTheme.key && this.#renderer.addClass(body, selectedTheme.key);
|
|
1502
|
-
// Check if custom theme has light or dark mode
|
|
1503
|
-
if ((selectedTheme.hasDarkTheme && selectedTheme.hasLightTheme) || (!selectedTheme.hasDarkTheme && !selectedTheme.hasLightTheme)) {
|
|
1504
|
-
// If both, do nothing further with this (enable group)
|
|
1505
|
-
this.#disableMode.set(false);
|
|
1506
|
-
}
|
|
1507
|
-
else {
|
|
1508
|
-
// Else disable mode button group and set the corresponding mode active
|
|
1509
|
-
if (selectedTheme.hasDarkTheme) {
|
|
1510
|
-
this.#mode.set('dark');
|
|
1511
|
-
}
|
|
1512
|
-
else if (selectedTheme.hasLightTheme) {
|
|
1513
|
-
this.#mode.set('light');
|
|
1514
|
-
}
|
|
1515
|
-
this.#disableMode.set(true);
|
|
1516
|
-
}
|
|
1517
|
-
this.#saveSettings(this.#CUSTOM_THEME_STORAGE_KEY, { customTheme: key });
|
|
1518
|
-
}
|
|
1519
|
-
else {
|
|
1520
|
-
if (key === DEFAULT_THEME_KEY) {
|
|
1521
|
-
this.#disableMode.set(false);
|
|
1522
|
-
this.#renderer.removeClass(body, HIGH_CONTRAST_THEME_KEY);
|
|
1523
|
-
this.#deleteSettings(this.#CUSTOM_THEME_STORAGE_KEY);
|
|
1524
|
-
this.customTheme.set(DEFAULT_THEME);
|
|
1525
|
-
this.#currentTheme.set(DEFAULT_THEME_KEY);
|
|
1526
|
-
}
|
|
1527
|
-
// Default theme or no theme found
|
|
1528
|
-
}
|
|
1529
|
-
}
|
|
1530
|
-
toggleTheme(theme) {
|
|
1531
|
-
this.#mode.set(theme);
|
|
1532
|
-
}
|
|
1533
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1534
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ThemeService, providedIn: 'root' });
|
|
1542
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1543
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ThemeService, providedIn: 'root' });
|
|
1535
1544
|
}
|
|
1536
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1545
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ThemeService, decorators: [{
|
|
1537
1546
|
type: Injectable,
|
|
1538
1547
|
args: [{
|
|
1539
1548
|
providedIn: 'root'
|
|
1540
1549
|
}]
|
|
1541
1550
|
}], ctorParameters: () => [] });
|
|
1542
1551
|
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1552
|
+
_('yuv.theme.default.label');
|
|
1553
|
+
_('yuv.theme.default.description');
|
|
1554
|
+
_('yuv.theme.highContrast.label');
|
|
1555
|
+
_('yuv.theme.highContrast.description');
|
|
1547
1556
|
|
|
1548
1557
|
// eslint-disable-next-line @angular-eslint/component-class-suffix
|
|
1549
1558
|
class AbstractMatFormField {
|
|
@@ -1648,10 +1657,10 @@ class AbstractMatFormField {
|
|
|
1648
1657
|
onNgOnDestroy() {
|
|
1649
1658
|
this.stateChanges.complete();
|
|
1650
1659
|
}
|
|
1651
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1652
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1660
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AbstractMatFormField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1661
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: AbstractMatFormField, isStandalone: true, selector: "ng-component", inputs: { placeholder: "placeholder", required: "required", disabled: "disabled" }, host: { listeners: { "focusin": "onFocusIn()", "focusout": "onFocusout()" } }, ngImport: i0, template: '', isInline: true });
|
|
1653
1662
|
}
|
|
1654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: AbstractMatFormField, decorators: [{
|
|
1655
1664
|
type: Component,
|
|
1656
1665
|
args: [{
|
|
1657
1666
|
template: '',
|
|
@@ -1683,10 +1692,10 @@ class RetentionBadgeComponent {
|
|
|
1683
1692
|
retentionData = computed(() => {
|
|
1684
1693
|
return this.#retention.getRetentionState(this.dmsObject());
|
|
1685
1694
|
}, ...(ngDevMode ? [{ debugName: "retentionData" }] : /* istanbul ignore next */ []));
|
|
1686
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1687
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.
|
|
1695
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RetentionBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1696
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: RetentionBadgeComponent, isStandalone: true, selector: "yuv-retention-badge", inputs: { dmsObject: { classPropertyName: "dmsObject", publicName: "dmsObject", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@let rd = retentionData();\n@if (rd.underRetention) {\n <div class=\"badge\">\n <span class=\"badge__icon\">\n <mat-icon class=\"ymt-icon--size-s\">lock_clock</mat-icon>\n </span>\n <span class=\"badge__label\">\n <span class=\"badge__label-truncated\">\n {{\n 'yuv.retention-badge.retain'\n | translate\n : {\n from: rd.start | localeDate: 'shortDate',\n until: rd.end | localeDate: 'shortDate'\n }\n }}\n </span>\n </span>\n </div>\n}\n", styles: [":host{display:contents}:host .badge{font:var(--ymt-font-body-subtle);color:var(--badge-retention-color, var(--ymt-on-surface));display:inline-flex;overflow:hidden;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s) var(--ymt-spacing-2xs) var(--ymt-spacing-xs);background-color:var(--badge-retention-background, var(--ymt-primary-container));border-radius:var(--ymt-corner-full);gap:var(--ymt-spacing-s)}:host .badge__icon{flex-shrink:0;color:var(--badge-retention-icon-color, var(--ymt-on-primary-container));display:flex;align-items:center;justify-content:center}:host .badge__label{color:var(--badge-retention-color, var(--ymt-on-surface));align-self:stretch;display:flex;align-items:center;justify-content:center;border-top-right-radius:var(--ymt-corner-full);border-bottom-right-radius:var(--ymt-corner-full);overflow:hidden}:host .badge__label-truncated{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: LocaleDatePipe, name: "localeDate" }] });
|
|
1688
1697
|
}
|
|
1689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: RetentionBadgeComponent, decorators: [{
|
|
1690
1699
|
type: Component,
|
|
1691
1700
|
args: [{ selector: 'yuv-retention-badge', standalone: true, imports: [TranslatePipe, LocaleDatePipe, MatIconModule], template: "@let rd = retentionData();\n@if (rd.underRetention) {\n <div class=\"badge\">\n <span class=\"badge__icon\">\n <mat-icon class=\"ymt-icon--size-s\">lock_clock</mat-icon>\n </span>\n <span class=\"badge__label\">\n <span class=\"badge__label-truncated\">\n {{\n 'yuv.retention-badge.retain'\n | translate\n : {\n from: rd.start | localeDate: 'shortDate',\n until: rd.end | localeDate: 'shortDate'\n }\n }}\n </span>\n </span>\n </div>\n}\n", styles: [":host{display:contents}:host .badge{font:var(--ymt-font-body-subtle);color:var(--badge-retention-color, var(--ymt-on-surface));display:inline-flex;overflow:hidden;padding:var(--ymt-spacing-2xs) var(--ymt-spacing-s) var(--ymt-spacing-2xs) var(--ymt-spacing-xs);background-color:var(--badge-retention-background, var(--ymt-primary-container));border-radius:var(--ymt-corner-full);gap:var(--ymt-spacing-s)}:host .badge__icon{flex-shrink:0;color:var(--badge-retention-icon-color, var(--ymt-on-primary-container));display:flex;align-items:center;justify-content:center}:host .badge__label{color:var(--badge-retention-color, var(--ymt-on-surface));align-self:stretch;display:flex;align-items:center;justify-content:center;border-top-right-radius:var(--ymt-corner-full);border-bottom-right-radius:var(--ymt-corner-full);overflow:hidden}:host .badge__label-truncated{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
|
|
1692
1701
|
}], propDecorators: { dmsObject: [{ type: i0.Input, args: [{ isSignal: true, alias: "dmsObject", required: true }] }] } });
|
|
@@ -1699,10 +1708,10 @@ class ConfirmService {
|
|
|
1699
1708
|
.afterClosed()
|
|
1700
1709
|
.pipe(map((result) => !!result));
|
|
1701
1710
|
}
|
|
1702
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1703
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.
|
|
1711
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ConfirmService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1712
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ConfirmService, providedIn: 'root' });
|
|
1704
1713
|
}
|
|
1705
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1714
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: ConfirmService, decorators: [{
|
|
1706
1715
|
type: Injectable,
|
|
1707
1716
|
args: [{
|
|
1708
1717
|
providedIn: 'root'
|
|
@@ -1710,10 +1719,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
|
|
|
1710
1719
|
}] });
|
|
1711
1720
|
|
|
1712
1721
|
class HaloFocusComponent {
|
|
1713
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.
|
|
1714
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.
|
|
1722
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: HaloFocusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1723
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: HaloFocusComponent, isStandalone: true, selector: "yuv-halo-focus", ngImport: i0, template: "<p>halo-focus works!</p>\n", styles: [""] });
|
|
1715
1724
|
}
|
|
1716
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.
|
|
1725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: HaloFocusComponent, decorators: [{
|
|
1717
1726
|
type: Component,
|
|
1718
1727
|
args: [{ selector: 'yuv-halo-focus', imports: [], template: "<p>halo-focus works!</p>\n" }]
|
|
1719
1728
|
}] });
|