@onemrvapublic/design-system 22.2.1-develop.2 → 22.3.0-develop.1
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 -4
- 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 +48 -5
- 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 +4 -1
- package/types/onemrvapublic-design-system.d.ts +1 -1
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
2
|
+
import { input, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
3
|
+
import { MatIcon } from '@angular/material/icon';
|
|
4
|
+
import { MatTooltip } from '@angular/material/tooltip';
|
|
5
|
+
import { OnemrvaMatTooltipDirective } from '@onemrvapublic/design-system/mat-tooltip';
|
|
3
6
|
|
|
4
7
|
/**
|
|
5
8
|
* Inline badge or tag for displaying status labels.
|
|
@@ -10,18 +13,58 @@ import { ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
|
10
13
|
* @MatGroup Data
|
|
11
14
|
*/
|
|
12
15
|
class OnemrvaMatStickerComponent {
|
|
16
|
+
constructor() {
|
|
17
|
+
this.tooltip = input('', /* @ts-ignore */
|
|
18
|
+
...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
|
|
19
|
+
this.htmlTooltip = input(/* @ts-ignore */
|
|
20
|
+
...(ngDevMode ? [undefined, { debugName: "htmlTooltip" }] : /* istanbul ignore next */ []));
|
|
21
|
+
}
|
|
13
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
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
|
+
<span><ng-content /></span>
|
|
25
|
+
@if (tooltip()) {
|
|
26
|
+
<mat-icon class="ml-s" [matTooltip]="tooltip()" aria-label="tooltip()">
|
|
27
|
+
info
|
|
28
|
+
</mat-icon>
|
|
29
|
+
} @else if (htmlTooltip()) {
|
|
30
|
+
<mat-icon
|
|
31
|
+
class="ml-s"
|
|
32
|
+
OnemrvaMatTooltip
|
|
33
|
+
[contentTemplate]="htmlTooltip()"
|
|
34
|
+
[attr.data-cy]="'data-cy-tooltip-trigger'"
|
|
35
|
+
[attr.data-cy-tooltipcontent]="'data-cy-tooltip-content'"
|
|
36
|
+
>
|
|
37
|
+
info
|
|
38
|
+
</mat-icon>
|
|
39
|
+
}
|
|
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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: OnemrvaMatTooltipDirective, selector: "[OnemrvaMatTooltip]", inputs: ["showToolTip", "customToolTip", "contentTemplate", "position", "positionOffset"] }] }); }
|
|
15
41
|
}
|
|
16
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
|
|
17
43
|
type: Component,
|
|
18
|
-
args: [{ selector: 'onemrva-mat-sticker', template: `
|
|
19
|
-
|
|
44
|
+
args: [{ selector: 'onemrva-mat-sticker', template: `
|
|
45
|
+
<span><ng-content /></span>
|
|
46
|
+
@if (tooltip()) {
|
|
47
|
+
<mat-icon class="ml-s" [matTooltip]="tooltip()" aria-label="tooltip()">
|
|
48
|
+
info
|
|
49
|
+
</mat-icon>
|
|
50
|
+
} @else if (htmlTooltip()) {
|
|
51
|
+
<mat-icon
|
|
52
|
+
class="ml-s"
|
|
53
|
+
OnemrvaMatTooltip
|
|
54
|
+
[contentTemplate]="htmlTooltip()"
|
|
55
|
+
[attr.data-cy]="'data-cy-tooltip-trigger'"
|
|
56
|
+
[attr.data-cy-tooltipcontent]="'data-cy-tooltip-content'"
|
|
57
|
+
>
|
|
58
|
+
info
|
|
59
|
+
</mat-icon>
|
|
60
|
+
}
|
|
61
|
+
`, imports: [MatIcon, MatTooltip, OnemrvaMatTooltipDirective], 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"] }]
|
|
62
|
+
}], propDecorators: { tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], htmlTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "htmlTooltip", required: false }] }] } });
|
|
20
63
|
|
|
21
64
|
class OnemrvaMatStickerModule {
|
|
22
65
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
23
66
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
|
|
24
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule }); }
|
|
67
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent] }); }
|
|
25
68
|
}
|
|
26
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
|
|
27
70
|
type: 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 {
|
|
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 { MatIcon } from '@angular/material/icon';\nimport { MatTooltip } from '@angular/material/tooltip';\nimport { OnemrvaMatTooltipDirective } 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 <span><ng-content /></span>\n @if (tooltip()) {\n <mat-icon class=\"ml-s\" [matTooltip]=\"tooltip()\" aria-label=\"tooltip()\">\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: [MatIcon, MatTooltip, OnemrvaMatTooltipDirective],\n standalone: true,\n encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {\n tooltip = input('');\n htmlTooltip = input<TemplateRef<any>>();\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.
|
|
2065
|
+
const VERSION = '22.3.0-develop.1';
|
|
2066
2066
|
|
|
2067
2067
|
function onemrvaThemeProvider() {
|
|
2068
2068
|
return makeEnvironmentProviders([
|