@onemrvapublic/design-system-demos 22.2.1-develop.1 → 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/browser/assets/json/card.json +1 -1
- package/browser/assets/json/sticker.json +1 -1
- package/browser/main.js +150 -150
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"demo-card-new.component.html":"<onemrva-card\n [type]=\"type()\"\n width=\"275px\"\n [imageSrc]=\"imageSrc()\"\n [imageAlt]=\"imgAlt()\"\n [label]=\"label()\"\n [title]=\"title()\"\n [subtitle]=\"subtitle()\"\n [description]=\"\n showDescription()\n ? 'Short description of the component on one or two lines and cut it off w...'\n : ''\n \"\n [helpText]=\"helpText()\"\n [coloredTitle]=\"coloredTitleValue\"\n>\n @if (showActions()) {\n <div cardActions>\n <button mat-flat-button color=\"accent\">Button</button>\n <button mat-icon-button aria-label=\"Duplicate\"
|
|
1
|
+
{"demo-card-new.component.html":"<onemrva-card\n [type]=\"type()\"\n width=\"275px\"\n [imageSrc]=\"imageSrc()\"\n [imageAlt]=\"imgAlt()\"\n [label]=\"label()\"\n [title]=\"title()\"\n [subtitle]=\"subtitle()\"\n [description]=\"\n showDescription()\n ? 'Short description of the component on one or two lines and cut it off w...'\n : ''\n \"\n [helpText]=\"helpText()\"\n [coloredTitle]=\"coloredTitleValue\"\n>\n @if (showActions()) {\n <div cardActions>\n <button mat-flat-button color=\"accent\">Button</button>\n <button mat-icon-button aria-label=\"Duplicate\" class=\"ml-m\">\n <mat-icon>content_copy</mat-icon>\n </button>\n </div>\n }\n</onemrva-card>\n","demo-card-new.component.ts":"import { Component, input, ViewEncapsulation } from '@angular/core';\nimport { OnemrvaCardComponent } from '@onemrvapublic/design-system/card';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\n\n@Component({\n selector: 'app-demo-card-new',\n templateUrl: './demo-card-new.component.html',\n standalone: true,\n imports: [OnemrvaCardComponent, MatButtonModule, MatIconModule],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoCardNewComponent extends DemoComponentBase {\n readonly type = input<'no-background' | 'outline' | 'background'>(\n 'no-background',\n );\n readonly imageSrc = input<string | undefined>('');\n readonly helpText = input('More information about this component');\n readonly coloredTitle = input<'auto' | 'true' | 'false'>('auto');\n readonly showActions = input(true);\n readonly label = input<string | undefined>('');\n readonly title = input<string | undefined>('');\n readonly subtitle = input<string | undefined>('');\n readonly imgAlt = input<string | undefined>('Card banner');\n readonly showDescription = input(true);\n\n get coloredTitleValue(): boolean | undefined {\n const v = this.coloredTitle();\n if (v === 'true') return true;\n if (v === 'false') return false;\n return undefined;\n }\n}\n"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"demo-sticker.component.html":"<onemrva-mat-sticker [color]=\"color()\"
|
|
1
|
+
{"demo-sticker.component.html":"@if (htmlTooltip()) {\n <onemrva-mat-sticker [color]=\"color()\" [htmlTooltip]=\"tooltipContent\">\n Default\n </onemrva-mat-sticker>\n} @else {\n <onemrva-mat-sticker [color]=\"color()\" [tooltip]=\"tooltip()\">\n Default\n </onemrva-mat-sticker>\n}\n\n<ng-template #tooltipContent>\n I am a custom content with html (position: <b>right</b>) but there are 3\n other positions\n <ul>\n <li>left</li>\n <li>top</li>\n <li>bottom</li>\n </ul>\n</ng-template>\n","demo-sticker.component.ts":"import { Component, ViewEncapsulation, input } from '@angular/core';\n\nimport { OnemrvaMatStickerModule } from '@onemrvapublic/design-system/mat-sticker';\nimport { FormsModule } from '@angular/forms';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\nimport { OnemRvaColorDirective } from '@onemrvapublic/design-system/shared';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\nimport { MatIconModule } from '@angular/material/icon';\n\n@Component({\n selector: 'app-demo-sticker',\n templateUrl: './demo-sticker.component.html',\n\n standalone: true,\n imports: [\n OnemrvaMatStickerModule,\n FormsModule,\n OnemRvaColorDirective,\n MatIconModule,\n ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoStickerComponent extends DemoComponentBase {\n readonly color = input<OnemrvaMatColor>(OnemrvaMatColor.ACCENT);\n readonly tooltip = input('');\n readonly htmlTooltip = input(false);\n}\n"}
|