@onemrvapublic/design-system 20.7.0-develop.19 → 20.7.0-develop.20
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/fesm2022/onemrvapublic-design-system-mat-notification.mjs +2 -2
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +20 -18
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs.map +1 -1
- package/mat-notification/src/onemrva-mat-notification.component.scss +3 -0
- package/mat-tooltip/index.d.ts +3 -2
- package/mat-tooltip/src/onemrva-mat-tooltip.component.scss +2 -2
- package/package.json +21 -21
|
@@ -63,11 +63,11 @@ class OnemrvaMatNotificationComponent {
|
|
|
63
63
|
this.notificationClose.emit();
|
|
64
64
|
}
|
|
65
65
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: OnemrvaMatNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n <div class=\"onemrva-mat-notification-content show-icon\">\n @if (message !== '') {\n {{ message | translate }}\n }\n <ng-content></ng-content>\n @if (closable || isSmall) {\n <mat-icon\n class=\"close-notification float-right clickable mr\"\n (click)=\"closeNotification()\"\n >\n close\n </mat-icon>\n }\n </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: OnemrvaMatNotificationComponent, isStandalone: true, selector: "onemrva-mat-notification", inputs: { message: "message", closable: "closable", id: "id", dataCy: "dataCy" }, outputs: { notificationClose: "notificationClose" }, host: { properties: { "class.collapse-notification": "this._closed", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "attr.aria-live": "this.ariaLive", "attr.role": "this.role" } }, ngImport: i0, template: "<div class=\"onemrva-mat-notification container\">\n <div class=\"onemrva-mat-notification-content show-icon\">\n @if (message !== '') {\n {{ message | translate }}\n }\n <ng-content></ng-content>\n @if (closable || isSmall) {\n <mat-icon\n class=\"close-notification float-right clickable mr\"\n (click)=\"closeNotification()\"\n >\n close\n </mat-icon>\n }\n </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}:host.collapse-notification{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
67
67
|
}
|
|
68
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: OnemrvaMatNotificationComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
|
-
args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [CommonModule, TranslateModule, MatIconModule], template: "<div class=\"onemrva-mat-notification container\">\n <div class=\"onemrva-mat-notification-content show-icon\">\n @if (message !== '') {\n {{ message | translate }}\n }\n <ng-content></ng-content>\n @if (closable || isSmall) {\n <mat-icon\n class=\"close-notification float-right clickable mr\"\n (click)=\"closeNotification()\"\n >\n close\n </mat-icon>\n }\n </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}\n"] }]
|
|
70
|
+
args: [{ selector: 'onemrva-mat-notification', standalone: true, imports: [CommonModule, TranslateModule, MatIconModule], template: "<div class=\"onemrva-mat-notification container\">\n <div class=\"onemrva-mat-notification-content show-icon\">\n @if (message !== '') {\n {{ message | translate }}\n }\n <ng-content></ng-content>\n @if (closable || isSmall) {\n <mat-icon\n class=\"close-notification float-right clickable mr\"\n (click)=\"closeNotification()\"\n >\n close\n </mat-icon>\n }\n </div>\n</div>\n", styles: [":host{position:fixed;top:var(--layout-header-height, 0);left:0;right:0;transition:max-height .4s ease-out;max-height:100vh;overflow:hidden;z-index:401;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-notification{position:relative}:host .onemrva-mat-notification .onemrva-mat-notification-content{font:var(--mat-sys-body-medium);padding:var(--double-spacer) var(--spacer) var(--double-spacer) var(--spacer)}:host .onemrva-mat-notification .onemrva-mat-notification-content:before{margin-right:var(--double-spacer);margin-top:var(--quarter-spacer)}:host.collapse-notification{display:none}\n"] }]
|
|
71
71
|
}], ctorParameters: () => [], propDecorators: { message: [{
|
|
72
72
|
type: Input
|
|
73
73
|
}], closable: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-notification.mjs","sources":["../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.ts","../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.html","../../../../projects/onemrva/design-system/mat-notification/onemrvapublic-design-system-mat-notification.ts"],"sourcesContent":["import {\n BreakpointObserver,\n Breakpoints,\n BreakpointState,\n} from '@angular/cdk/layout';\nimport { CommonModule } from '@angular/common';\nimport {\n Component,\n EventEmitter,\n HostBinding,\n inject,\n Input,\n OnDestroy,\n Output,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n selector: 'onemrva-mat-notification',\n templateUrl: 'onemrva-mat-notification.component.html',\n styleUrl: 'onemrva-mat-notification.component.scss',\n standalone: true,\n imports: [CommonModule, TranslateModule, MatIconModule],\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n @Input() message = '';\n @Input() closable = true;\n\n _isOpen = true;\n\n @Output()\n notificationClose = new EventEmitter<void>();\n\n /** @hidden @internal */\n @HostBinding('class.collapse-notification')\n public get _closed(): boolean {\n return !this._isOpen;\n }\n\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-notification`;\n\n @HostBinding('attr.data-cy')\n @Input()\n dataCy = 'onemrva-mat-notification';\n\n /**\n * Returns the `aria-label` attribute of the component.\n *\n * @example\n * ```typescript\n * let ariaLabel = this.avatar.ariaLabel;\n * ```\n *\n */\n @HostBinding('attr.aria-live')\n public ariaLive = 'assertive';\n\n /**\n * Returns the `role` attribute of the component.\n *\n * @example\n * ```typescript\n * let avatarRole = this.avatar.role;\n * ```\n */\n @HostBinding('attr.role')\n public role = 'alert';\n\n private destroyNotifier$ = new Subject<void>();\n isSmall = false;\n public breakpointObserver = inject(BreakpointObserver);\n\n constructor() {\n this.breakpointObserver\n .observe([Breakpoints.XSmall, Breakpoints.Small])\n .pipe(takeUntil(this.destroyNotifier$))\n .subscribe((state: BreakpointState) => {\n if (state.matches) {\n this.isSmall = true;\n } else {\n this.isSmall = false;\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroyNotifier$.next();\n this.destroyNotifier$.complete();\n }\n\n closeNotification() {\n this._isOpen = false;\n this.notificationClose.emit();\n }\n}\n","<div class=\"onemrva-mat-notification container\">\n <div class=\"onemrva-mat-notification-content show-icon\">\n @if (message !== '') {\n {{ message | translate }}\n }\n <ng-content></ng-content>\n @if (closable || isSmall) {\n <mat-icon\n class=\"close-notification float-right clickable mr\"\n (click)=\"closeNotification()\"\n >\n close\n </mat-icon>\n }\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MA0Ba,+BAA+B,CAAA;;AAU1C,IAAA,IACW,OAAO,GAAA;AAChB,QAAA,OAAO,CAAC,IAAI,CAAC,OAAO;IACtB;AAqCA,IAAA,WAAA,GAAA;QAjDS,IAAA,CAAA,OAAO,GAAG,EAAE;QACZ,IAAA,CAAA,QAAQ,GAAG,IAAI;QAExB,IAAA,CAAA,OAAO,GAAG,IAAI;AAGd,QAAA,IAAA,CAAA,iBAAiB,GAAG,IAAI,YAAY,EAAQ;QAUrC,IAAA,CAAA,EAAE,GAAG,0BAA0B;QAItC,IAAA,CAAA,MAAM,GAAG,0BAA0B;AAEnC;;;;;;;;AAQG;QAEI,IAAA,CAAA,QAAQ,GAAG,WAAW;AAE7B;;;;;;;AAOG;QAEI,IAAA,CAAA,IAAI,GAAG,OAAO;AAEb,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,OAAO,EAAQ;QAC9C,IAAA,CAAA,OAAO,GAAG,KAAK;AACR,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAGpD,QAAA,IAAI,CAAC;aACF,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC;AAC/C,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC;AACrC,aAAA,SAAS,CAAC,CAAC,KAAsB,KAAI;AACpC,YAAA,IAAI,KAAK,CAAC,OAAO,EAAE;AACjB,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI;YACrB;iBAAO;AACL,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK;YACtB;AACF,QAAA,CAAC,CAAC;IACN;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE;AAC5B,QAAA,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE;IAClC;IAEA,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE;IAC/B;8GAvEW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,sZC1B5C,qbAgBA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-notification.mjs","sources":["../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.ts","../../../../projects/onemrva/design-system/mat-notification/src/onemrva-mat-notification.component.html","../../../../projects/onemrva/design-system/mat-notification/onemrvapublic-design-system-mat-notification.ts"],"sourcesContent":["import {\n BreakpointObserver,\n Breakpoints,\n BreakpointState,\n} from '@angular/cdk/layout';\nimport { CommonModule } from '@angular/common';\nimport {\n Component,\n EventEmitter,\n HostBinding,\n inject,\n Input,\n OnDestroy,\n Output,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { Subject, takeUntil } from 'rxjs';\n\n@Component({\n selector: 'onemrva-mat-notification',\n templateUrl: 'onemrva-mat-notification.component.html',\n styleUrl: 'onemrva-mat-notification.component.scss',\n standalone: true,\n imports: [CommonModule, TranslateModule, MatIconModule],\n})\nexport class OnemrvaMatNotificationComponent implements OnDestroy {\n @Input() message = '';\n @Input() closable = true;\n\n _isOpen = true;\n\n @Output()\n notificationClose = new EventEmitter<void>();\n\n /** @hidden @internal */\n @HostBinding('class.collapse-notification')\n public get _closed(): boolean {\n return !this._isOpen;\n }\n\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-notification`;\n\n @HostBinding('attr.data-cy')\n @Input()\n dataCy = 'onemrva-mat-notification';\n\n /**\n * Returns the `aria-label` attribute of the component.\n *\n * @example\n * ```typescript\n * let ariaLabel = this.avatar.ariaLabel;\n * ```\n *\n */\n @HostBinding('attr.aria-live')\n public ariaLive = 'assertive';\n\n /**\n * Returns the `role` attribute of the component.\n *\n * @example\n * ```typescript\n * let avatarRole = this.avatar.role;\n * ```\n */\n @HostBinding('attr.role')\n public role = 'alert';\n\n private destroyNotifier$ = new Subject<void>();\n isSmall = false;\n public breakpointObserver = inject(BreakpointObserver);\n\n constructor() {\n this.breakpointObserver\n .observe([Breakpoints.XSmall, Breakpoints.Small])\n .pipe(takeUntil(this.destroyNotifier$))\n .subscribe((state: BreakpointState) => {\n if (state.matches) {\n this.isSmall = true;\n } else {\n this.isSmall = false;\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroyNotifier$.next();\n this.destroyNotifier$.complete();\n }\n\n closeNotification() {\n this._isOpen = false;\n this.notificationClose.emit();\n }\n}\n","<div class=\"onemrva-mat-notification container\">\n <div class=\"onemrva-mat-notification-content show-icon\">\n @if (message !== '') {\n {{ message | translate }}\n }\n <ng-content></ng-content>\n @if (closable || isSmall) {\n <mat-icon\n class=\"close-notification float-right clickable mr\"\n (click)=\"closeNotification()\"\n >\n close\n </mat-icon>\n }\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Input, Component, inject, ElementRef, HostListener, Directive, NgModule } from '@angular/core';
|
|
2
|
+
import { Input, Component, inject, ElementRef, input, effect, HostListener, Directive, NgModule } from '@angular/core';
|
|
3
3
|
import { NgTemplateOutlet } from '@angular/common';
|
|
4
4
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
5
5
|
import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
|
|
@@ -16,7 +16,7 @@ class OnemrvaMatTooltipComponent {
|
|
|
16
16
|
</ng-container>
|
|
17
17
|
</div>
|
|
18
18
|
</div>
|
|
19
|
-
`, isInline: true, styles: [".tooltip-container{font-family:var(--text-font);background
|
|
19
|
+
`, isInline: true, styles: [".tooltip-container{font-family:var(--text-font);background:var(--mat-sys-background);font-size:12px;color:var(--mat-sys-on-background);box-shadow:0 2px 6px #00000052;border-radius:4px;padding:var(--spacer);font-weight:400;font-style:normal;line-height:18px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
20
20
|
}
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: OnemrvaMatTooltipComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
@@ -30,7 +30,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
30
30
|
</ng-container>
|
|
31
31
|
</div>
|
|
32
32
|
</div>
|
|
33
|
-
`, standalone: true, imports: [NgTemplateOutlet], styles: [".tooltip-container{font-family:var(--text-font);background
|
|
33
|
+
`, standalone: true, imports: [NgTemplateOutlet], styles: [".tooltip-container{font-family:var(--text-font);background:var(--mat-sys-background);font-size:12px;color:var(--mat-sys-on-background);box-shadow:0 2px 6px #00000052;border-radius:4px;padding:var(--spacer);font-weight:400;font-style:normal;line-height:18px}\n"] }]
|
|
34
34
|
}], propDecorators: { text: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], contentTemplate: [{
|
|
@@ -38,25 +38,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
38
38
|
}] } });
|
|
39
39
|
|
|
40
40
|
class OnemrvaMatTooltipDirective {
|
|
41
|
+
ngOnInit() {
|
|
42
|
+
if (!this.showToolTip) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
41
46
|
constructor() {
|
|
42
47
|
this._overlay = inject(Overlay);
|
|
43
48
|
this._overlayPositionBuilder = inject(OverlayPositionBuilder);
|
|
44
49
|
this._elementRef = inject(ElementRef);
|
|
45
50
|
this.showToolTip = true;
|
|
46
|
-
|
|
51
|
+
//@Input() position: TooltipPosition = 'after';
|
|
52
|
+
this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
|
|
47
53
|
this.positionOffset = 5;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
.flexibleConnectedTo(this._elementRef)
|
|
55
|
-
.withPositions(this.defineStrategy());
|
|
56
|
-
this._overlayRef = this._overlay.create({ positionStrategy });
|
|
54
|
+
effect(() => {
|
|
55
|
+
const positionStrategy = this._overlayPositionBuilder
|
|
56
|
+
.flexibleConnectedTo(this._elementRef)
|
|
57
|
+
.withPositions(this.defineStrategy());
|
|
58
|
+
this._overlayRef = this._overlay.create({ positionStrategy });
|
|
59
|
+
});
|
|
57
60
|
}
|
|
58
61
|
defineStrategy() {
|
|
59
|
-
|
|
62
|
+
console.log(this.position());
|
|
63
|
+
switch (this.position()) {
|
|
60
64
|
case 'above':
|
|
61
65
|
return [
|
|
62
66
|
{
|
|
@@ -118,7 +122,7 @@ class OnemrvaMatTooltipDirective {
|
|
|
118
122
|
}
|
|
119
123
|
}
|
|
120
124
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: OnemrvaMatTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
121
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
125
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.4", type: OnemrvaMatTooltipDirective, isStandalone: true, selector: "[OnemrvaMatTooltip]", inputs: { showToolTip: { classPropertyName: "showToolTip", publicName: "showToolTip", isSignal: false, isRequired: false, transformFunction: null }, customToolTip: { classPropertyName: "customToolTip", publicName: "customToolTip", isSignal: false, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, positionOffset: { classPropertyName: "positionOffset", publicName: "positionOffset", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 }); }
|
|
122
126
|
}
|
|
123
127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: OnemrvaMatTooltipDirective, decorators: [{
|
|
124
128
|
type: Directive,
|
|
@@ -126,14 +130,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImpor
|
|
|
126
130
|
selector: '[OnemrvaMatTooltip]',
|
|
127
131
|
standalone: true,
|
|
128
132
|
}]
|
|
129
|
-
}], propDecorators: { showToolTip: [{
|
|
133
|
+
}], ctorParameters: () => [], propDecorators: { showToolTip: [{
|
|
130
134
|
type: Input
|
|
131
135
|
}], customToolTip: [{
|
|
132
136
|
type: Input
|
|
133
137
|
}], contentTemplate: [{
|
|
134
138
|
type: Input
|
|
135
|
-
}], position: [{
|
|
136
|
-
type: Input
|
|
137
139
|
}], positionOffset: [{
|
|
138
140
|
type: Input
|
|
139
141
|
}], show: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-tooltip.mjs","sources":["../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.directive.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.module.ts","../../../../projects/onemrva/design-system/mat-tooltip/onemrvapublic-design-system-mat-tooltip.ts"],"sourcesContent":["import { Component, Input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-tooltip',\n styleUrls: ['./onemrva-mat-tooltip.component.scss'],\n template: `\n <div>\n <div class=\"tooltip-container\">\n <ng-template #simpleText>\n {{ text }}\n </ng-template>\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\n </ng-container>\n </div>\n </div>\n `,\n standalone: true,\n imports: [NgTemplateOutlet],\n})\nexport class OnemrvaMatTooltipComponent {\n @Input() text!: string;\n @Input() contentTemplate!: TemplateRef<any>;\n}\n","import {\n ComponentRef,\n Directive,\n ElementRef,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n TemplateRef,\n inject,\n} from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n ConnectedPosition,\n Overlay,\n OverlayPositionBuilder,\n OverlayRef,\n} from '@angular/cdk/overlay';\nimport { TooltipPosition } from '@angular/material/tooltip';\n\n@Directive({\n selector: '[OnemrvaMatTooltip]',\n standalone: true,\n})\nexport class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {\n private _overlay = inject(Overlay);\n private _overlayPositionBuilder = inject(OverlayPositionBuilder);\n private _elementRef = inject(ElementRef);\n\n @Input() showToolTip = true;\n\n @Input() customToolTip!: string;\n\n @Input() contentTemplate!: TemplateRef<any>;\n\n
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-tooltip.mjs","sources":["../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.directive.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.module.ts","../../../../projects/onemrva/design-system/mat-tooltip/onemrvapublic-design-system-mat-tooltip.ts"],"sourcesContent":["import { Component, Input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-tooltip',\n styleUrls: ['./onemrva-mat-tooltip.component.scss'],\n template: `\n <div>\n <div class=\"tooltip-container\">\n <ng-template #simpleText>\n {{ text }}\n </ng-template>\n <ng-container *ngTemplateOutlet=\"contentTemplate || simpleText\">\n </ng-container>\n </div>\n </div>\n `,\n standalone: true,\n imports: [NgTemplateOutlet],\n})\nexport class OnemrvaMatTooltipComponent {\n @Input() text!: string;\n @Input() contentTemplate!: TemplateRef<any>;\n}\n","import {\n ComponentRef,\n Directive,\n ElementRef,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n TemplateRef,\n inject,\n input,\n effect,\n} from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n ConnectedPosition,\n Overlay,\n OverlayPositionBuilder,\n OverlayRef,\n} from '@angular/cdk/overlay';\nimport { TooltipPosition } from '@angular/material/tooltip';\n\n@Directive({\n selector: '[OnemrvaMatTooltip]',\n standalone: true,\n})\nexport class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {\n private _overlay = inject(Overlay);\n private _overlayPositionBuilder = inject(OverlayPositionBuilder);\n private _elementRef = inject(ElementRef);\n\n @Input() showToolTip = true;\n\n @Input() customToolTip!: string;\n\n @Input() contentTemplate!: TemplateRef<any>;\n\n //@Input() position: TooltipPosition = 'after';\n position = input<TooltipPosition>();\n @Input() positionOffset = 5;\n\n private _overlayRef!: OverlayRef;\n\n ngOnInit() {\n if (!this.showToolTip) {\n return;\n }\n }\n\n constructor() {\n effect(() => {\n const positionStrategy = this._overlayPositionBuilder\n .flexibleConnectedTo(this._elementRef)\n .withPositions(this.defineStrategy());\n this._overlayRef = this._overlay.create({ positionStrategy });\n });\n }\n\n defineStrategy(): ConnectedPosition[] {\n console.log(this.position());\n switch (this.position()) {\n case 'above':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'bottom',\n },\n ];\n\n case 'below':\n return [\n {\n originX: 'start',\n originY: 'bottom',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'after':\n case 'right':\n return [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'before':\n case 'left':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'end',\n overlayY: 'top',\n },\n ];\n default:\n return [];\n }\n }\n\n @HostListener('mouseenter')\n show() {\n if (this._overlayRef && !this._overlayRef.hasAttached()) {\n const tooltipRef: ComponentRef<OnemrvaMatTooltipComponent> =\n this._overlayRef.attach(\n new ComponentPortal(OnemrvaMatTooltipComponent),\n );\n tooltipRef.instance.text = this.customToolTip;\n tooltipRef.instance.contentTemplate = this.contentTemplate;\n }\n }\n\n @HostListener('mouseleave')\n hide() {\n this.closeToolTip();\n }\n\n ngOnDestroy() {\n this.closeToolTip();\n }\n\n private closeToolTip() {\n if (this._overlayRef) {\n this._overlayRef.detach();\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { OnemrvaMatTooltipDirective } from './onemrva-mat-tooltip.directive';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n})\nexport class OnemrvaMatTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAoBa,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAd3B;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAES,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAEf,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAjBtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,QAAA,EAErB;;;;;;;;;;AAUT,EAAA,CAAA,EAAA,UAAA,EACW,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,MAAA,EAAA,CAAA,qQAAA,CAAA,EAAA;8BAGlB,IAAI,EAAA,CAAA;sBAAZ;gBACQ,eAAe,EAAA,CAAA;sBAAvB;;;MCKU,0BAA0B,CAAA;IAiBrC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB;QACF;IACF;AAEA,IAAA,WAAA,GAAA;AAtBQ,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAC1B,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACxD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;QAE/B,IAAA,CAAA,WAAW,GAAG,IAAI;;QAO3B,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAmB;QAC1B,IAAA,CAAA,cAAc,GAAG,CAAC;QAWzB,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC3B,iBAAA,mBAAmB,CAAC,IAAI,CAAC,WAAW;AACpC,iBAAA,aAAa,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;AACvC,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;AAC/D,QAAA,CAAC,CAAC;IACJ;IAEA,cAAc,GAAA;QACZ,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC5B,QAAA,QAAQ,IAAI,CAAC,QAAQ,EAAE;AACrB,YAAA,KAAK,OAAO;gBACV,OAAO;AACL,oBAAA;AACE,wBAAA,OAAO,EAAE,OAAO;AAChB,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;iBACF;AAEH,YAAA,KAAK,OAAO;gBACV,OAAO;AACL,oBAAA;AACE,wBAAA,OAAO,EAAE,OAAO;AAChB,wBAAA,OAAO,EAAE,QAAQ;AACjB,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;iBACF;AAEH,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,OAAO;gBACV,OAAO;AACL,oBAAA;AACE,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,OAAO;AACjB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;iBACF;AAEH,YAAA,KAAK,QAAQ;AACb,YAAA,KAAK,MAAM;gBACT,OAAO;AACL,oBAAA;AACE,wBAAA,OAAO,EAAE,OAAO;AAChB,wBAAA,OAAO,EAAE,KAAK;AACd,wBAAA,QAAQ,EAAE,KAAK;AACf,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA;iBACF;AACH,YAAA;AACE,gBAAA,OAAO,EAAE;;IAEf;IAGA,IAAI,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,EAAE;AACvD,YAAA,MAAM,UAAU,GACd,IAAI,CAAC,WAAW,CAAC,MAAM,CACrB,IAAI,eAAe,CAAC,0BAA0B,CAAC,CAChD;YACH,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa;YAC7C,UAAU,CAAC,QAAQ,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe;QAC5D;IACF;IAGA,IAAI,GAAA;QACF,IAAI,CAAC,YAAY,EAAE;IACrB;IAEA,WAAW,GAAA;QACT,IAAI,CAAC,YAAY,EAAE;IACrB;IAEQ,YAAY,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;QAC3B;IACF;8GA1GW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;wDAMU,WAAW,EAAA,CAAA;sBAAnB;gBAEQ,aAAa,EAAA,CAAA;sBAArB;gBAEQ,eAAe,EAAA,CAAA;sBAAvB;gBAIQ,cAAc,EAAA,CAAA;sBAAtB;gBAqED,IAAI,EAAA,CAAA;sBADH,YAAY;uBAAC,YAAY;gBAa1B,IAAI,EAAA,CAAA;sBADH,YAAY;uBAAC,YAAY;;;MC/Gf,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAHxB,0BAA0B,EAAE,0BAA0B,CAAA,EAAA,OAAA,EAAA,CACtD,0BAA0B,EAAE,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAErD,uBAAuB,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;AACjE,oBAAA,OAAO,EAAE,CAAC,0BAA0B,EAAE,0BAA0B,CAAC;AAClE,iBAAA;;;ACRD;;AAEG;;;;"}
|
package/mat-tooltip/index.d.ts
CHANGED
|
@@ -10,17 +10,18 @@ declare class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {
|
|
|
10
10
|
showToolTip: boolean;
|
|
11
11
|
customToolTip: string;
|
|
12
12
|
contentTemplate: TemplateRef<any>;
|
|
13
|
-
position: TooltipPosition
|
|
13
|
+
position: i0.InputSignal<TooltipPosition | undefined>;
|
|
14
14
|
positionOffset: number;
|
|
15
15
|
private _overlayRef;
|
|
16
16
|
ngOnInit(): void;
|
|
17
|
+
constructor();
|
|
17
18
|
defineStrategy(): ConnectedPosition[];
|
|
18
19
|
show(): void;
|
|
19
20
|
hide(): void;
|
|
20
21
|
ngOnDestroy(): void;
|
|
21
22
|
private closeToolTip;
|
|
22
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatTooltipDirective, never>;
|
|
23
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<OnemrvaMatTooltipDirective, "[OnemrvaMatTooltip]", never, { "showToolTip": { "alias": "showToolTip"; "required": false; }; "customToolTip": { "alias": "customToolTip"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "positionOffset": { "alias": "positionOffset"; "required": false; }; }, {}, never, never, true, never>;
|
|
24
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<OnemrvaMatTooltipDirective, "[OnemrvaMatTooltip]", never, { "showToolTip": { "alias": "showToolTip"; "required": false; }; "customToolTip": { "alias": "customToolTip"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "positionOffset": { "alias": "positionOffset"; "required": false; }; }, {}, never, never, true, never>;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
declare class OnemrvaMatTooltipComponent {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.tooltip-container {
|
|
2
2
|
font-family: var(--text-font);
|
|
3
|
-
background:
|
|
3
|
+
background: var(--mat-sys-background);
|
|
4
4
|
font-size: 12px;
|
|
5
|
-
color:
|
|
5
|
+
color: var(--mat-sys-on-background);
|
|
6
6
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.32);
|
|
7
7
|
border-radius: 4px;
|
|
8
8
|
padding: var(--spacer);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onemrvapublic/design-system",
|
|
3
|
-
"version": "20.7.0-develop.
|
|
3
|
+
"version": "20.7.0-develop.20",
|
|
4
4
|
"description": "Design System Onem/Rva without theme included",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -50,26 +50,26 @@
|
|
|
50
50
|
"types": "./layout/index.d.ts",
|
|
51
51
|
"default": "./fesm2022/onemrvapublic-design-system-layout.mjs"
|
|
52
52
|
},
|
|
53
|
-
"./mat-avatar": {
|
|
54
|
-
"types": "./mat-avatar/index.d.ts",
|
|
55
|
-
"default": "./fesm2022/onemrvapublic-design-system-mat-avatar.mjs"
|
|
56
|
-
},
|
|
57
53
|
"./mat-address": {
|
|
58
54
|
"types": "./mat-address/index.d.ts",
|
|
59
55
|
"default": "./fesm2022/onemrvapublic-design-system-mat-address.mjs"
|
|
60
56
|
},
|
|
57
|
+
"./mat-avatar": {
|
|
58
|
+
"types": "./mat-avatar/index.d.ts",
|
|
59
|
+
"default": "./fesm2022/onemrvapublic-design-system-mat-avatar.mjs"
|
|
60
|
+
},
|
|
61
61
|
"./mat-breadcrumb": {
|
|
62
62
|
"types": "./mat-breadcrumb/index.d.ts",
|
|
63
63
|
"default": "./fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs"
|
|
64
64
|
},
|
|
65
|
-
"./mat-choice-chip": {
|
|
66
|
-
"types": "./mat-choice-chip/index.d.ts",
|
|
67
|
-
"default": "./fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs"
|
|
68
|
-
},
|
|
69
65
|
"./mat-carousel": {
|
|
70
66
|
"types": "./mat-carousel/index.d.ts",
|
|
71
67
|
"default": "./fesm2022/onemrvapublic-design-system-mat-carousel.mjs"
|
|
72
68
|
},
|
|
69
|
+
"./mat-choice-chip": {
|
|
70
|
+
"types": "./mat-choice-chip/index.d.ts",
|
|
71
|
+
"default": "./fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs"
|
|
72
|
+
},
|
|
73
73
|
"./mat-copy-to-clipboard": {
|
|
74
74
|
"types": "./mat-copy-to-clipboard/index.d.ts",
|
|
75
75
|
"default": "./fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs"
|
|
@@ -78,18 +78,22 @@
|
|
|
78
78
|
"types": "./mat-country-item/index.d.ts",
|
|
79
79
|
"default": "./fesm2022/onemrvapublic-design-system-mat-country-item.mjs"
|
|
80
80
|
},
|
|
81
|
+
"./mat-datepicker-header": {
|
|
82
|
+
"types": "./mat-datepicker-header/index.d.ts",
|
|
83
|
+
"default": "./fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs"
|
|
84
|
+
},
|
|
81
85
|
"./mat-empty-row": {
|
|
82
86
|
"types": "./mat-empty-row/index.d.ts",
|
|
83
87
|
"default": "./fesm2022/onemrvapublic-design-system-mat-empty-row.mjs"
|
|
84
88
|
},
|
|
89
|
+
"./mat-input-address": {
|
|
90
|
+
"types": "./mat-input-address/index.d.ts",
|
|
91
|
+
"default": "./fesm2022/onemrvapublic-design-system-mat-input-address.mjs"
|
|
92
|
+
},
|
|
85
93
|
"./mat-file-upload": {
|
|
86
94
|
"types": "./mat-file-upload/index.d.ts",
|
|
87
95
|
"default": "./fesm2022/onemrvapublic-design-system-mat-file-upload.mjs"
|
|
88
96
|
},
|
|
89
|
-
"./mat-datepicker-header": {
|
|
90
|
-
"types": "./mat-datepicker-header/index.d.ts",
|
|
91
|
-
"default": "./fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs"
|
|
92
|
-
},
|
|
93
97
|
"./mat-input-birthplace": {
|
|
94
98
|
"types": "./mat-input-birthplace/index.d.ts",
|
|
95
99
|
"default": "./fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs"
|
|
@@ -186,10 +190,6 @@
|
|
|
186
190
|
"types": "./mat-toast/index.d.ts",
|
|
187
191
|
"default": "./fesm2022/onemrvapublic-design-system-mat-toast.mjs"
|
|
188
192
|
},
|
|
189
|
-
"./mat-input-address": {
|
|
190
|
-
"types": "./mat-input-address/index.d.ts",
|
|
191
|
-
"default": "./fesm2022/onemrvapublic-design-system-mat-input-address.mjs"
|
|
192
|
-
},
|
|
193
193
|
"./mat-tooltip": {
|
|
194
194
|
"types": "./mat-tooltip/index.d.ts",
|
|
195
195
|
"default": "./fesm2022/onemrvapublic-design-system-mat-tooltip.mjs"
|
|
@@ -198,13 +198,13 @@
|
|
|
198
198
|
"types": "./page-error/index.d.ts",
|
|
199
199
|
"default": "./fesm2022/onemrvapublic-design-system-page-error.mjs"
|
|
200
200
|
},
|
|
201
|
-
"./shared": {
|
|
202
|
-
"types": "./shared/index.d.ts",
|
|
203
|
-
"default": "./fesm2022/onemrvapublic-design-system-shared.mjs"
|
|
204
|
-
},
|
|
205
201
|
"./page-not-found": {
|
|
206
202
|
"types": "./page-not-found/index.d.ts",
|
|
207
203
|
"default": "./fesm2022/onemrvapublic-design-system-page-not-found.mjs"
|
|
204
|
+
},
|
|
205
|
+
"./shared": {
|
|
206
|
+
"types": "./shared/index.d.ts",
|
|
207
|
+
"default": "./fesm2022/onemrvapublic-design-system-shared.mjs"
|
|
208
208
|
}
|
|
209
209
|
},
|
|
210
210
|
"module": "fesm2022/onemrvapublic-design-system.mjs",
|