@onemrvapublic/design-system 22.3.0-develop.3 → 22.3.0-develop.4
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/README.md +4 -3
- package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-layout.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +28 -11
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
- package/package.json +1 -1
- package/types/onemrvapublic-design-system-mat-sticker.d.ts +3 -1
- package/types/onemrvapublic-design-system.d.ts +1 -1
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { input, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
3
|
+
import * as i3 from '@angular/material/icon';
|
|
4
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
+
import * as i1 from '@angular/material/tooltip';
|
|
6
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
7
|
+
import * as i2 from '@onemrvapublic/design-system/mat-tooltip';
|
|
8
|
+
import { OnemrvaMatTooltipModule } from '@onemrvapublic/design-system/mat-tooltip';
|
|
6
9
|
|
|
7
10
|
/**
|
|
8
11
|
* Inline badge or tag for displaying status labels.
|
|
@@ -18,12 +21,20 @@ class OnemrvaMatStickerComponent {
|
|
|
18
21
|
...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
|
|
19
22
|
this.htmlTooltip = input(/* @ts-ignore */
|
|
20
23
|
...(ngDevMode ? [undefined, { debugName: "htmlTooltip" }] : /* istanbul ignore next */ []));
|
|
24
|
+
this.position = input('below', /* @ts-ignore */
|
|
25
|
+
...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
21
26
|
}
|
|
22
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, htmlTooltip: { classPropertyName: "htmlTooltip", publicName: "htmlTooltip", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
24
|
-
<
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, htmlTooltip: { classPropertyName: "htmlTooltip", publicName: "htmlTooltip", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
29
|
+
<ng-content />
|
|
25
30
|
@if (tooltip()) {
|
|
26
|
-
<mat-icon
|
|
31
|
+
<mat-icon
|
|
32
|
+
class="ml-s"
|
|
33
|
+
OnemrvaMatTooltip
|
|
34
|
+
[matTooltip]="tooltip()"
|
|
35
|
+
[position]="position()"
|
|
36
|
+
aria-label="tooltip()"
|
|
37
|
+
>
|
|
27
38
|
info
|
|
28
39
|
</mat-icon>
|
|
29
40
|
} @else if (htmlTooltip()) {
|
|
@@ -37,14 +48,20 @@ class OnemrvaMatStickerComponent {
|
|
|
37
48
|
info
|
|
38
49
|
</mat-icon>
|
|
39
50
|
}
|
|
40
|
-
`, isInline: true, styles: [":host{--sticker-border-width: 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;line-height:1.2rem;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--half-border-radius);padding:0 var(--spacer);font:var(--mat-sys-label-medium);border:1px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-primary{color:#fff;background:var(--mat-sys-primary)}:host.mat-accent{--mat-sys-primary: light-dark(#625d9c, #c6c0ff);--mat-sys-on-primary: light-dark(#ffffff, #180e54);background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-color:var(--mat-sys-primary)}:host.mat-success{color:#00522f;background:#ebfff4}:host.mat-error{color:#b3291a;background:#ffebe6}:host.mat-info{color:#301ed3;background:#e0e0fc}:host.mat-warn{color:#bf4e03;background:#fff4eb}:host.mat-neutral{color:#514f52;background:#d8d1dc}\n"], dependencies: [{ kind: "
|
|
51
|
+
`, isInline: true, styles: [":host{--sticker-border-width: 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;line-height:1.2rem;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--half-border-radius);padding:0 var(--spacer);font:var(--mat-sys-label-medium);border:1px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-primary{color:#fff;background:var(--mat-sys-primary)}:host.mat-accent{--mat-sys-primary: light-dark(#625d9c, #c6c0ff);--mat-sys-on-primary: light-dark(#ffffff, #180e54);background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-color:var(--mat-sys-primary)}:host.mat-success{color:#00522f;background:#ebfff4}:host.mat-error{color:#b3291a;background:#ffebe6}:host.mat-info{color:#301ed3;background:#e0e0fc}:host.mat-warn{color:#bf4e03;background:#fff4eb}:host.mat-neutral{color:#514f52;background:#d8d1dc}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: OnemrvaMatTooltipModule }, { kind: "directive", type: i2.OnemrvaMatTooltipDirective, selector: "[OnemrvaMatTooltip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "position", "positionOffset"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
41
52
|
}
|
|
42
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
|
|
43
54
|
type: Component,
|
|
44
55
|
args: [{ selector: 'onemrva-mat-sticker', template: `
|
|
45
|
-
<
|
|
56
|
+
<ng-content />
|
|
46
57
|
@if (tooltip()) {
|
|
47
|
-
<mat-icon
|
|
58
|
+
<mat-icon
|
|
59
|
+
class="ml-s"
|
|
60
|
+
OnemrvaMatTooltip
|
|
61
|
+
[matTooltip]="tooltip()"
|
|
62
|
+
[position]="position()"
|
|
63
|
+
aria-label="tooltip()"
|
|
64
|
+
>
|
|
48
65
|
info
|
|
49
66
|
</mat-icon>
|
|
50
67
|
} @else if (htmlTooltip()) {
|
|
@@ -58,8 +75,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
|
|
|
58
75
|
info
|
|
59
76
|
</mat-icon>
|
|
60
77
|
}
|
|
61
|
-
`, imports: [
|
|
62
|
-
}], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], htmlTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlTooltip", required: false }] }] } });
|
|
78
|
+
`, imports: [MatTooltipModule, OnemrvaMatTooltipModule, MatIconModule], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{--sticker-border-width: 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;line-height:1.2rem;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--half-border-radius);padding:0 var(--spacer);font:var(--mat-sys-label-medium);border:1px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-primary{color:#fff;background:var(--mat-sys-primary)}:host.mat-accent{--mat-sys-primary: light-dark(#625d9c, #c6c0ff);--mat-sys-on-primary: light-dark(#ffffff, #180e54);background:var(--mat-sys-primary);color:var(--mat-sys-on-primary);border-color:var(--mat-sys-primary)}:host.mat-success{color:#00522f;background:#ebfff4}:host.mat-error{color:#b3291a;background:#ffebe6}:host.mat-info{color:#301ed3;background:#e0e0fc}:host.mat-warn{color:#bf4e03;background:#fff4eb}:host.mat-neutral{color:#514f52;background:#d8d1dc}\n"] }]
|
|
79
|
+
}], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], htmlTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlTooltip", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
|
|
63
80
|
|
|
64
81
|
class OnemrvaMatStickerModule {
|
|
65
82
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import {\n Component,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport {
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import {\n Component,\n input,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule, TooltipPosition } from '@angular/material/tooltip';\nimport { OnemrvaMatTooltipModule } from '@onemrvapublic/design-system/mat-tooltip';\n\n/**\n * Inline badge or tag for displaying status labels.\n *\n * This component exposes no configurable inputs or outputs.\n *\n * @MatKeywords sticker, badge, label, tag, status\n * @MatGroup Data\n */\n@Component({\n selector: 'onemrva-mat-sticker',\n template: `\n <ng-content />\n @if (tooltip()) {\n <mat-icon\n class=\"ml-s\"\n OnemrvaMatTooltip\n [matTooltip]=\"tooltip()\"\n [position]=\"position()\"\n aria-label=\"tooltip()\"\n >\n info\n </mat-icon>\n } @else if (htmlTooltip()) {\n <mat-icon\n class=\"ml-s\"\n OnemrvaMatTooltip\n [contentTemplate]=\"htmlTooltip()\"\n [attr.data-cy]=\"'data-cy-tooltip-trigger'\"\n [attr.data-cy-tooltipcontent]=\"'data-cy-tooltip-content'\"\n >\n info\n </mat-icon>\n }\n `,\n styleUrl: 'onemrva-mat-sticker.component.scss',\n imports: [MatTooltipModule, OnemrvaMatTooltipModule, MatIconModule],\n standalone: true,\n encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {\n tooltip = input('');\n htmlTooltip = input<TemplateRef<any>>();\n position = input<TooltipPosition>('below');\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStickerComponent } from './onemrva-mat-sticker.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatStickerComponent],\n exports: [OnemrvaMatStickerComponent],\n})\nexport class OnemrvaMatStickerModule {}\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-sticker.component';\nexport * from './src/onemrva-mat-sticker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -2062,7 +2062,7 @@ function onemrvaDateLuxonYearMonthProvider() {
|
|
|
2062
2062
|
}
|
|
2063
2063
|
|
|
2064
2064
|
// Auto-generated — do not edit
|
|
2065
|
-
const VERSION = '22.3.0-develop.
|
|
2065
|
+
const VERSION = '22.3.0-develop.4';
|
|
2066
2066
|
|
|
2067
2067
|
function onemrvaThemeProvider() {
|
|
2068
2068
|
return makeEnvironmentProviders([
|