@onemrvapublic/design-system-demos 21.1.1-develop.2 → 21.1.1-develop.5

package/assets/codes.json

@@ -1 +1 @@
-["address","address-input","autocomplete","avatar","bank-input","bce-pipe","birthplace-input","breadcrumb","button","button-loading","button-toggle","card","card-table","carousel","checkbox","chips","chips-input","choice-chips","copy-to-clipboard","country-input","datepicker","datepicker-luxon","datepicker-month-year","daterangepicker","dialog","dialog-content","digit-only","drag-and-drop","drawer","empty","enterprise-number-input","error","error-handler","expansion","fab","file-panel","file-upload","file-upload-manual","form","grid","horizontal-stepper","icon","icon-button","if-width-is","jsonform","language-switcher","layout","link","mask","menu","message-box","multiselect","niss-pipe","not-found","notification","overlay","paginator","palette","panel","phone-input","pop-over","progress-bar","radio","rxjs-combine-operators","rxjs-complex-case","rxjs-flattening-operators","rxjs-observable","rxjs-subject","select","selectable-box","selectable-box-large","side-menu","skeleton","slide-toggle","spacing","spinner","sticker","summary-stepper","tab","table","table-dialog-content","task-list","text-input","textarea","timepicker","toast","toc","toolbar","tooltip","typography","validators","vertical-stepper"]
+["address","address-input","autocomplete","avatar","bank-input","bce-pipe","birthplace-input","breadcrumb","button","button-loading","button-toggle","card","card-table","carousel","checkbox","chips","chips-input","choice-chips","copy-to-clipboard","country-input","datepicker","datepicker-luxon","datepicker-month-year","daterangepicker","dialog","dialog-content","digit-only","drag-and-drop","drawer","empty","enterprise-number-input","error","error-handler","expansion","fab","file-panel","file-upload","file-upload-manual","form","grid","horizontal-stepper","icon","icon-button","if-width-is","jsonform","language-switcher","layout","link","mask","menu","message-box","multiselect","niss-pipe","not-found","notification","overlay","paginator","palette","panel","phone-input","pop-over","progress-bar","radio","rxjs-combine-operators","rxjs-complex-case","rxjs-flattening-operators","rxjs-observable","rxjs-subject","select","selectable-box","selectable-box-large","side-menu","skeleton","slide-toggle","spacing","spinner","sticker","summary-stepper","tab","table","table-dialog-content","task-list","text-input","textarea","timepicker","toast","toc","toolbar","tooltip","typography","validators"]

package/assets/json/panel.json

@@ -1 +1 @@
-{"demo-panel.component.html":"<onemrva-mat-panel\n  [color]=\"color()\"\n  [expandable]=\"expandable()\"\n  [expanded]=\"expanded\"\n  (expandedChange)=\"onExpandedChange($event)\"\n>\n  <onemrva-mat-panel-title>\n    Employee\n    <onemrva-mat-sticker [color]=\"'warn'\">In Progress</onemrva-mat-sticker>\n  </onemrva-mat-panel-title>\n  <onemrva-mat-panel-content>\n    <p>\n      Kamino neimoidia calrissian quarren darth raymus. Unduli mon luuke\n      sal-solo tierce. Quelli desann dash veila galen kushiban sesswenna\n      thistleborn. Kota terrik vuffi nadon kwi bibble anomid max moore. Ansion\n      trandoshan bib pa'lowick thennqora gilad zhell. Tenel anzati secura rom\n      isolder. Haruun karrde lahara frozarns wroonian bimm skakoan gallia\n      zuckuss. Nien wicket balosar bardan gen'dai kor-uj aka mod. B'omarr hssis\n      priapulin ogemite. Zuggs drovian h'nemthean keyan shmi vulptereen amanin\n      cal. Thistleborn gilad airen wookiee.\n    </p>\n    <button mat-stroked-button color=\"primary\" class=\"small\">\n      <mat-icon>edit</mat-icon>Edit\n    </button>\n  </onemrva-mat-panel-content>\n</onemrva-mat-panel>\n","demo-panel.component.ts":"import { Component, input, ViewEncapsulation } from '@angular/core';\n\nimport { OnemrvaMatStickerComponent } from '@onemrvapublic/design-system/mat-sticker';\nimport { OnemrvaMatPanelModule } from '@onemrvapublic/design-system/mat-panel';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\nimport { OnemRvaColorDirective } from '@onemrvapublic/design-system/shared';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\n\n@Component({\n  selector: 'app-demo-panel',\n\n  standalone: true,\n  imports: [\n    OnemrvaMatPanelModule,\n    MatButtonModule,\n    MatIconModule,\n    OnemRvaColorDirective,\n    OnemrvaMatStickerComponent,\n  ],\n  templateUrl: 'demo-panel.component.html',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class DemoPanelComponent extends DemoComponentBase {\n  color = input<OnemrvaMatColor>(OnemrvaMatColor.NONE);\n  expandable = input(true);\n\n  expanded = false;\n\n  onExpandedChange(expanded: boolean) {\n    console.log('expanded logged:', expanded);\n  }\n}\n"}
+{"demo-panel.component.html":"<onemrva-mat-panel\n  [color]=\"color()\"\n  [expandable]=\"expandable()\"\n  [expanded]=\"expanded\"\n  (expandedChange)=\"onExpandedChange($event)\"\n>\n  <onemrva-mat-panel-title>\n    Employee\n    <onemrva-mat-sticker [color]=\"'warn'\">In Progress</onemrva-mat-sticker>\n  </onemrva-mat-panel-title>\n  <onemrva-mat-panel-content customNgClass=\"is-expandable\">\n    <p>\n      Kamino neimoidia calrissian quarren darth raymus. Unduli mon luuke\n      sal-solo tierce. Quelli desann dash veila galen kushiban sesswenna\n      thistleborn. Kota terrik vuffi nadon kwi bibble anomid max moore. Ansion\n      trandoshan bib pa'lowick thennqora gilad zhell. Tenel anzati secura rom\n      isolder. Haruun karrde lahara frozarns wroonian bimm skakoan gallia\n      zuckuss. Nien wicket balosar bardan gen'dai kor-uj aka mod. B'omarr hssis\n      priapulin ogemite. Zuggs drovian h'nemthean keyan shmi vulptereen amanin\n      cal. Thistleborn gilad airen wookiee.\n    </p>\n    <button mat-stroked-button color=\"primary\" class=\"small\">\n      <mat-icon>edit</mat-icon>Edit\n    </button>\n  </onemrva-mat-panel-content>\n</onemrva-mat-panel>\n\n<onemrva-mat-panel [color]=\"color()\" [expandable]=\"false\" class=\"mt-m\">\n  <onemrva-mat-panel-content customNgClass=\"remove-margin-empty\">\n    <p>\n      Kamino neimoidia calrissian quarren darth raymus. Unduli mon luuke\n      sal-solo tierce. Quelli desann dash veila galen kushiban sesswenna\n      thistleborn. Kota terrik vuffi nadon kwi bibble anomid max moore. Ansion\n      trandoshan bib pa'lowick thennqora gilad zhell. Tenel anzati secura rom\n      isolder. Haruun karrde lahara frozarns wroonian bimm skakoan gallia\n      zuckuss. Nien wicket balosar bardan gen'dai kor-uj aka mod. B'omarr hssis\n      priapulin ogemite. Zuggs drovian h'nemthean keyan shmi vulptereen amanin\n      cal. Thistleborn gilad airen wookiee.\n    </p>\n    <button mat-stroked-button color=\"primary\" class=\"small\">\n      <mat-icon>edit</mat-icon>Edit\n    </button>\n  </onemrva-mat-panel-content>\n</onemrva-mat-panel>\n","demo-panel.component.ts":"import { Component, input, ViewEncapsulation } from '@angular/core';\n\nimport { OnemrvaMatStickerComponent } from '@onemrvapublic/design-system/mat-sticker';\nimport { OnemrvaMatPanelModule } from '@onemrvapublic/design-system/mat-panel';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\nimport { OnemRvaColorDirective } from '@onemrvapublic/design-system/shared';\nimport { DemoComponentBase } from '../../_demo/demo-component-base';\n\n@Component({\n  selector: 'app-demo-panel',\n\n  standalone: true,\n  imports: [\n    OnemrvaMatPanelModule,\n    MatButtonModule,\n    MatIconModule,\n    OnemRvaColorDirective,\n    OnemrvaMatStickerComponent,\n  ],\n  styles: [\n    `\n      .remove-margin-empty {\n        margin-top: 0 !important;\n      }\n\n      p {\n        margin-top: 0;\n      }\n    `,\n  ],\n  templateUrl: 'demo-panel.component.html',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class DemoPanelComponent extends DemoComponentBase {\n  color = input<OnemrvaMatColor>(OnemrvaMatColor.NONE);\n  expandable = input(true);\n\n  expanded = false;\n\n  onExpandedChange(expanded: boolean) {\n    console.log('expanded logged:', expanded);\n  }\n}\n"}