@onemrvapublic/design-system-demos 20.6.2 → 20.6.3-develop.2

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.
Files changed (5) hide show
  1. package/assets/json/breadcrumb.json +1 -1
  2. package/assets/json/menu.json +1 -1
  3. package/main.js +2 -2
  4. package/package.json +1 -1
  5. package/styles.css +1 -1
package/assets/json/breadcrumb.json CHANGED
@@ -1 +1 @@
1
- {"demo-breadcrumb.component.html":"<!-- fakePath is used to test the breadcrumb component when the routing is not available -->\n<onemrva-mat-breadcrumb\n [fakePath]=\"['Home', 'level-1', 'level-2', 'level-3']\"\n></onemrva-mat-breadcrumb>\n","demo-breadcrumb.component.ts":"import { Component, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { OnemrvaMatBreadcrumbComponent } from '@onemrvapublic/design-system/mat-breadcrumb';\nimport { RouterModule } from '@angular/router';\n\n@Component({\n selector: 'app-demo-breadcrumb',\n templateUrl: 'demo-breadcrumb.component.html',\n standalone: true,\n imports: [CommonModule, RouterModule, OnemrvaMatBreadcrumbComponent],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoBreadcrumbComponent {}\n"}
1
+ {"demo-breadcrumb.component.html":"<!-- fakePath is used to test the breadcrumb component when the routing is not available -->\n<onemrva-mat-breadcrumb [paths]=\"paths\"></onemrva-mat-breadcrumb>\n","demo-breadcrumb.component.ts":"import { Component, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n OnemrvaBreadcrumb,\n OnemrvaMatBreadcrumbComponent,\n} from '@onemrvapublic/design-system/mat-breadcrumb';\nimport { Route } from '@angular/router';\nlet DummyComponent; // for the demo\n\n// You can set the titles in your routes for automatic generation like the route\nexport const routes: Route[] = [\n {\n path: '',\n component: DummyComponent,\n data: {\n navigationTitle: 'Home',\n },\n children: [\n {\n path: 'about',\n component: DummyComponent,\n data: {\n navigationTitle: 'About-us',\n },\n },\n {\n path: 'contact',\n component: DummyComponent,\n data: {\n navigationTitle: 'Contact-us',\n },\n children: [\n {\n path: 'locations',\n component: DummyComponent,\n data: {\n navigationTitle: 'Locations',\n },\n },\n ],\n },\n ],\n },\n];\n\n@Component({\n selector: 'app-demo-breadcrumb',\n templateUrl: 'demo-breadcrumb.component.html',\n standalone: true,\n imports: [CommonModule, OnemrvaMatBreadcrumbComponent],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoBreadcrumbComponent {\n // or you can use custom paths like this (! links will not work in this demo)\n paths: OnemrvaBreadcrumb[] = [\n {\n label: 'Home',\n url: '',\n translate: false,\n },\n {\n label: 'Contact us',\n url: '/contact',\n translate: false,\n },\n {\n label: 'Locations',\n url: '/contact/locations',\n translate: false,\n },\n ];\n}\n"}
package/assets/json/menu.json CHANGED
@@ -1 +1 @@
1
- {"demo-menu.component.html":"<button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n class=\"onemrva-icon-button truc\"\n aria-label=\"Menu\"\n>\n <mat-icon>more_horiz</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\" class=\"mat-elevation-z2\">\n <div mat-menu-item>\n <mat-icon class=\"mr-s\" style=\"width: auto; height: auto\">edit</mat-icon>Edit\n </div>\n <div mat-menu-item>\n <mat-icon class=\"mr-s\" style=\"width: auto; height: auto\">update</mat-icon\n >Save\n </div>\n</mat-menu>\n\n<button\n [disabled]=\"true\"\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n class=\"onemrva-icon-button truc\"\n aria-label=\"Menu\"\n>\n <mat-icon>more_horiz</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\" class=\"mat-elevation-z2\">\n <div mat-menu-item>\n <mat-icon class=\"mr-s\" style=\"width: auto; height: auto\">edit</mat-icon>Edit\n </div>\n <div mat-menu-item>\n <mat-icon class=\"mr-s\" style=\"width: auto; height: auto\">update</mat-icon\n >Save\n </div>\n</mat-menu>\n","demo-menu.component.ts":"import { Component, ViewEncapsulation } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\n\n@Component({\n selector: 'app-demo-menu',\n templateUrl: 'demo-menu.component.html',\n\n standalone: true,\n imports: [MatButtonModule, MatMenuModule, MatIconModule],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoMenuComponent extends DemoComponentBase {}\n"}
1
+ {"demo-menu.component.html":"<button\n mat-icon-button\n [matMenuTriggerFor]=\"menu\"\n class=\"onemrva-icon-button truc\"\n aria-label=\"Menu\"\n [disabled]=\"disabled()\"\n>\n <mat-icon>more_horiz</mat-icon>\n</button>\n<mat-menu #menu=\"matMenu\" class=\"mat-elevation-z2\">\n <div mat-menu-item>\n <mat-icon class=\"mr-s\" style=\"width: auto; height: auto\">edit</mat-icon>Edit\n </div>\n <div mat-menu-item>\n <mat-icon class=\"mr-s\" style=\"width: auto; height: auto\">update</mat-icon\n >Save\n </div>\n</mat-menu>\n","demo-menu.component.ts":"import { Component, input, ViewEncapsulation } from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\n\n@Component({\n selector: 'app-demo-menu',\n templateUrl: 'demo-menu.component.html',\n\n standalone: true,\n imports: [MatButtonModule, MatMenuModule, MatIconModule],\n encapsulation: ViewEncapsulation.None,\n})\nexport class DemoMenuComponent extends DemoComponentBase {\n disabled = input<boolean>(false);\n}\n"}