@ng-atomic/components 19.27.0 → 19.28.0

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 (66) hide show
  1. package/fesm2022/ng-atomic-components-atoms-icon.mjs +2 -2
  2. package/fesm2022/ng-atomic-components-atoms-value-cell.mjs +2 -2
  3. package/fesm2022/ng-atomic-components-frames-app.mjs +2 -2
  4. package/fesm2022/ng-atomic-components-frames-auto-layout.mjs +2 -2
  5. package/fesm2022/ng-atomic-components-frames-breadcrumb-navbar.mjs +2 -2
  6. package/fesm2022/ng-atomic-components-frames-card.mjs +2 -2
  7. package/fesm2022/ng-atomic-components-frames-columns.mjs +2 -2
  8. package/fesm2022/ng-atomic-components-frames-divider.mjs +2 -2
  9. package/fesm2022/ng-atomic-components-frames-drawer.mjs +2 -2
  10. package/fesm2022/ng-atomic-components-frames-entrance.mjs +2 -2
  11. package/fesm2022/ng-atomic-components-frames-fab.mjs +2 -2
  12. package/fesm2022/ng-atomic-components-frames-horizontal-divider.mjs +2 -2
  13. package/fesm2022/ng-atomic-components-frames-line-up.mjs +2 -2
  14. package/fesm2022/ng-atomic-components-frames-loading.mjs +2 -2
  15. package/fesm2022/ng-atomic-components-frames-router-outlet.mjs +2 -2
  16. package/fesm2022/ng-atomic-components-frames-scroll.mjs +2 -2
  17. package/fesm2022/ng-atomic-components-frames-side-nav.mjs +2 -2
  18. package/fesm2022/ng-atomic-components-frames-smart-menu.mjs +2 -2
  19. package/fesm2022/ng-atomic-components-frames-vertical-hide.mjs +2 -2
  20. package/fesm2022/ng-atomic-components-molecules-date-input-field.mjs +2 -2
  21. package/fesm2022/ng-atomic-components-molecules-date-range-input-field.mjs +2 -2
  22. package/fesm2022/ng-atomic-components-molecules-grid-item.mjs +2 -2
  23. package/fesm2022/ng-atomic-components-molecules-loading-box.mjs +2 -2
  24. package/fesm2022/ng-atomic-components-molecules-navigation-list-item.mjs +2 -2
  25. package/fesm2022/ng-atomic-components-molecules-select-input-field.mjs +2 -2
  26. package/fesm2022/ng-atomic-components-molecules-thread-message.mjs +2 -2
  27. package/fesm2022/ng-atomic-components-organisms-action-buttons-section.mjs +2 -2
  28. package/fesm2022/ng-atomic-components-organisms-action-input-section.mjs +2 -2
  29. package/fesm2022/ng-atomic-components-organisms-breadcrumb-navbar.mjs +2 -2
  30. package/fesm2022/ng-atomic-components-organisms-card-input-section.mjs +2 -2
  31. package/fesm2022/ng-atomic-components-organisms-cvc-and-exp-input-section.mjs +2 -2
  32. package/fesm2022/ng-atomic-components-organisms-date-input-section.mjs +2 -2
  33. package/fesm2022/ng-atomic-components-organisms-date-range-input-section.mjs +2 -2
  34. package/fesm2022/ng-atomic-components-organisms-definition-list.mjs +2 -2
  35. package/fesm2022/ng-atomic-components-organisms-file-input-section.mjs +2 -2
  36. package/fesm2022/ng-atomic-components-organisms-grid-cards-section.mjs +2 -2
  37. package/fesm2022/ng-atomic-components-organisms-heading.mjs +2 -2
  38. package/fesm2022/ng-atomic-components-organisms-menu-footer.mjs +2 -2
  39. package/fesm2022/ng-atomic-components-organisms-menu-header.mjs +2 -2
  40. package/fesm2022/ng-atomic-components-organisms-messages-section.mjs +2 -2
  41. package/fesm2022/ng-atomic-components-organisms-navigation-list.mjs +2 -2
  42. package/fesm2022/ng-atomic-components-organisms-navigator.mjs +2 -2
  43. package/fesm2022/ng-atomic-components-organisms-number-input-section.mjs +2 -2
  44. package/fesm2022/ng-atomic-components-organisms-paginator.mjs +2 -2
  45. package/fesm2022/ng-atomic-components-organisms-password-input-section.mjs +2 -2
  46. package/fesm2022/ng-atomic-components-organisms-select-input-section.mjs +2 -2
  47. package/fesm2022/ng-atomic-components-organisms-slider-input-section.mjs +2 -2
  48. package/fesm2022/ng-atomic-components-organisms-social-login-section.mjs +2 -2
  49. package/fesm2022/ng-atomic-components-organisms-table.mjs +2 -2
  50. package/fesm2022/ng-atomic-components-organisms-text-input-section.mjs +2 -2
  51. package/fesm2022/ng-atomic-components-organisms-textarea-section.mjs +2 -2
  52. package/fesm2022/ng-atomic-components-organisms-thread-messages-section.mjs +2 -2
  53. package/fesm2022/ng-atomic-components-pages-_index.mjs +2 -2
  54. package/fesm2022/ng-atomic-components-pages-columns.mjs +2 -2
  55. package/fesm2022/ng-atomic-components-pages-form.mjs +2 -2
  56. package/fesm2022/ng-atomic-components-templates-_index.mjs +2 -2
  57. package/fesm2022/ng-atomic-components-templates-background.mjs +2 -2
  58. package/fesm2022/ng-atomic-components-templates-code-editor.mjs +2 -2
  59. package/fesm2022/ng-atomic-components-templates-columns.mjs +2 -2
  60. package/fesm2022/ng-atomic-components-templates-entrance.mjs +2 -2
  61. package/fesm2022/ng-atomic-components-templates-form.mjs +4 -4
  62. package/fesm2022/ng-atomic-components-templates-icon-button-menu.mjs +2 -2
  63. package/fesm2022/ng-atomic-components-templates-menu.mjs +2 -2
  64. package/fesm2022/ng-atomic-components-templates-selection.mjs +2 -2
  65. package/fesm2022/ng-atomic-components-templates-settings.mjs +2 -2
  66. package/package.json +3 -3
@@ -30,7 +30,7 @@ class HeadingOrganism {
30
30
  <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
31
31
  }
32
32
  }
33
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-8wjT: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-8wjT)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
33
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-OX4b: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-OX4b)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
34
34
  }
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: HeadingOrganism, decorators: [{
36
36
  type: Component,
@@ -58,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
58
58
  <h6><ng-container *ngTemplateOutlet="temp;"></ng-container></h6>
59
59
  }
60
60
  }
61
- `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-8wjT: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-8wjT)}\n"] }]
61
+ `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-OX4b: var(--horizontal-padding)}:host{display:block;width:100%;box-sizing:border-box;padding:0 var(--horizontal-padding-SCOPED-IN-heading-OX4b)}\n"] }]
62
62
  }], propDecorators: { level: [{
63
63
  type: Input
64
64
  }] } });
@@ -30,7 +30,7 @@ class MenuFooterOrganism extends NgAtomicComponent {
30
30
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MenuFooterOrganism, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
31
31
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: MenuFooterOrganism, isStandalone: true, selector: "organisms-menu-footer", usesInheritance: true, hostDirectives: [{ directive: MenuFooterOrganismStore }], ngImport: i0, template: `
32
32
  <span>{{ store.version }}</span>
33
- `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-v2yv: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-v2yv: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
33
+ `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-tZ8b: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-tZ8b: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
34
34
  }
35
35
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MenuFooterOrganism, decorators: [{
36
36
  type: Component,
@@ -40,7 +40,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
40
40
  {
41
41
  directive: MenuFooterOrganismStore,
42
42
  },
43
- ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-v2yv: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-v2yv: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
43
+ ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-footer-tZ8b: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-footer-tZ8b: var(--secondary-color)}:host{display:flex;justify-content:center;align-items:center;padding:8px;box-sizing:border-box;font-size:12px}\n"] }]
44
44
  }] });
45
45
 
46
46
  /**
@@ -56,7 +56,7 @@ class MenuHeaderOrganism extends NgAtomicComponent {
56
56
  <path d="M769.433 140.975C772.501 140.975 775.367 140.41 778.031 139.279C780.735 138.109 782.955 136.393 784.691 134.133C786.467 131.832 787.476 129.027 787.718 125.717H794.62C794.419 129.874 793.147 133.588 790.806 136.857C788.505 140.087 785.478 142.63 781.724 144.486C778.01 146.303 773.913 147.211 769.433 147.211C764.872 147.211 760.835 146.383 757.324 144.729C753.852 143.074 750.946 140.773 748.605 137.826C746.264 134.839 744.488 131.368 743.277 127.412C742.106 123.416 741.521 119.117 741.521 114.516V111.973C741.521 107.371 742.106 103.092 743.277 99.1367C744.488 95.1406 746.264 91.6693 748.605 88.7227C750.946 85.7357 753.852 83.4147 757.324 81.7598C760.795 80.1048 764.811 79.2773 769.372 79.2773C774.055 79.2773 778.253 80.2259 781.966 82.123C785.72 84.0202 788.707 86.7044 790.927 90.1758C793.188 93.6471 794.419 97.7643 794.62 102.527H787.718C787.516 99.0156 786.588 95.9883 784.933 93.4453C783.278 90.9023 781.098 88.9447 778.394 87.5723C775.69 86.1999 772.682 85.5137 769.372 85.5137C765.659 85.5137 762.49 86.2402 759.867 87.6934C757.243 89.1061 755.104 91.0638 753.449 93.5664C751.834 96.0286 750.643 98.8542 749.876 102.043C749.109 105.191 748.726 108.501 748.726 111.973V114.516C748.726 118.027 749.089 121.378 749.816 124.566C750.583 127.715 751.773 130.52 753.388 132.982C755.043 135.445 757.182 137.402 759.806 138.855C762.47 140.268 765.679 140.975 769.433 140.975Z" fill="#FEFEFE"/>
57
57
  </svg>
58
58
  }
59
- `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-Hrm9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-Hrm9: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-Hrm9)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
59
+ `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-H1DS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-H1DS: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-H1DS)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
60
60
  }
61
61
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MenuHeaderOrganism, decorators: [{
62
62
  type: Component,
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
88
88
  directive: MenuHeaderOrganismStore,
89
89
  inputs: ['title'],
90
90
  },
91
- ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-Hrm9: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-Hrm9: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-Hrm9)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"] }]
91
+ ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-menu-header-H1DS: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-menu-header-H1DS: var(--secondary-color)}:host{display:flex;height:56px;padding:12px 16px;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;background:var(--primary-color-SCOPED-IN-menu-header-H1DS)}:host .title{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .title span{font-size:20px;font-weight:700;letter-spacing:1px}:host svg{padding-left:8px;box-sizing:border-box;width:fit-content;height:100%}\n"] }]
92
92
  }] });
93
93
 
94
94
  /**
@@ -33,7 +33,7 @@ class MessagesSectionOrganism {
33
33
  <div class="pulse-container"><div class="dot-pulse"></div></div>
34
34
  </div>
35
35
  </div>
36
- `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-kDfb: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-kDfb: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-kDfb) var(--vertical-padding-SCOPED-IN-messages-section-kDfb);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
36
+ `, isInline: true, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-EZBp: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-EZBp: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-EZBp) var(--vertical-padding-SCOPED-IN-messages-section-EZBp);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
37
37
  }
38
38
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: MessagesSectionOrganism, decorators: [{
39
39
  type: Component,
@@ -62,7 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
62
62
  </div>
63
63
  `, imports: [
64
64
  CommonModule,
65
- ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-kDfb: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-kDfb: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-kDfb) var(--vertical-padding-SCOPED-IN-messages-section-kDfb);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
65
+ ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--vertical-padding: 16px;--vertical-padding-SCOPED-IN-messages-section-EZBp: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-messages-section-EZBp: var(--horizontal-padding)}:host{padding:var(--horizontal-padding-SCOPED-IN-messages-section-EZBp) var(--vertical-padding-SCOPED-IN-messages-section-EZBp);box-sizing:border-box}:host .message{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px;white-space:pre-wrap}:host .message.user{justify-content:flex-end}:host .message.user .balloon{outline:#3f51b5 solid 1px;background-color:#fff;color:#3f51b5}:host .message.opponent{justify-content:flex-start}:host .message.opponent .balloon{background-color:#3f51b5;color:#fff}:host .message .balloon{min-height:1.5em;padding:4px;border-radius:8px}:host .message .balloon .pulse-container{display:inline-flex;justify-content:center;align-items:center;width:60px;padding-top:7px}:host .dot-pulse{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff;box-shadow:9999px 0 0 -5px;animation:dot-pulse 1.5s infinite linear;animation-delay:.25s}:host .dot-pulse:before,:host .dot-pulse:after{content:\"\";display:inline-block;position:absolute;top:0;width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}:host .dot-pulse:before{box-shadow:9984px 0 0 -5px;animation:dot-pulse-before 1.5s infinite linear;animation-delay:0s}:host .dot-pulse:after{box-shadow:10014px 0 0 -5px;animation:dot-pulse-after 1.5s infinite linear;animation-delay:.5s}@keyframes dot-pulse-before{0%{box-shadow:9984px 0 0 -5px}30%{box-shadow:9984px 0 0 2px}60%,to{box-shadow:9984px 0 0 -5px}}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px}30%{box-shadow:9999px 0 0 2px}60%,to{box-shadow:9999px 0 0 -5px}}@keyframes dot-pulse-after{0%{box-shadow:10014px 0 0 -5px}30%{box-shadow:10014px 0 0 2px}60%,to{box-shadow:10014px 0 0 -5px}}\n"] }]
66
66
  }], propDecorators: { messages: [{
67
67
  type: Input
68
68
  }], isMessageCreating: [{
@@ -53,7 +53,7 @@ class NavigationListOrganism extends NgAtomicComponent {
53
53
  </mat-nav-list>
54
54
  }
55
55
  }
56
- `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-4xd7: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-4xd7: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-4xd7: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-4xd7: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-4xd7: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-4xd7: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-4xd7);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-4xd7);--background-color: var(--background-color-SCOPED-IN-navigation-list-4xd7);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-4xd7);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-4xd7);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-4xd7);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-4xd7)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected", "activated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
56
+ `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-Ve31: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-Ve31: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-Ve31: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-Ve31: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-Ve31: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-Ve31: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-Ve31);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-Ve31);--background-color: var(--background-color-SCOPED-IN-navigation-list-Ve31);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-Ve31);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-Ve31);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-Ve31);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-Ve31)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i1.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "directive", type: NavigationListItemMoleculeStore, selector: "molecules-navigation-list-item", inputs: ["action", "selected", "activated"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
57
57
  }
58
58
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigationListOrganism, decorators: [{
59
59
  type: Component,
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
91
91
  directive: NavigationListOrganismStore,
92
92
  inputs: ['actions', 'type'],
93
93
  },
94
- ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-4xd7: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-4xd7: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-4xd7: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-4xd7: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-4xd7: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-4xd7: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-4xd7);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-4xd7);--background-color: var(--background-color-SCOPED-IN-navigation-list-4xd7);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-4xd7);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-4xd7);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-4xd7);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-4xd7)}\n"] }]
94
+ ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-navigation-list-Ve31: var(--primary-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-navigation-list-Ve31: var(--background-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-navigation-list-Ve31: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigation-list-Ve31: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigation-list-Ve31: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-navigation-list-Ve31: var(--on-surface-color)}:host{display:block;width:100%;height:100%;color:var(--on-background-color-SCOPED-IN-navigation-list-Ve31);box-sizing:border-box}:host .mat-list-item{height:3rem!important}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigation-list-Ve31);--background-color: var(--background-color-SCOPED-IN-navigation-list-Ve31);--surface-color: var(--surface-color-SCOPED-IN-navigation-list-Ve31);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigation-list-Ve31);--on-background-color: var(--on-background-color-SCOPED-IN-navigation-list-Ve31);--on-surface-color: var(--on-surface-color-SCOPED-IN-navigation-list-Ve31)}\n"] }]
95
95
  }] });
96
96
 
97
97
  /**
@@ -90,7 +90,7 @@ class NavigatorOrganism extends NgAtomicComponent {
90
90
  <atoms-menu-button [action]="action" (action)="dispatch($event)" injectable/>
91
91
  }
92
92
  </div>
93
- `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-rAdJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-rAdJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-rAdJ: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-rAdJ: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-rAdJ: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-rAdJ: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-rAdJ);color:var(--on-background-color-SCOPED-IN-navigator-rAdJ)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
93
+ `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-OTOL: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-OTOL: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-OTOL: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-OTOL: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-OTOL: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-OTOL: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-OTOL);color:var(--on-background-color-SCOPED-IN-navigator-OTOL)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: MenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
94
94
  }
95
95
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NavigatorOrganism, decorators: [{
96
96
  type: Component,
@@ -127,7 +127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
127
127
  'title',
128
128
  ],
129
129
  }
130
- ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-rAdJ: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-rAdJ: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-rAdJ: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-rAdJ: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-rAdJ: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-rAdJ: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-rAdJ);color:var(--on-background-color-SCOPED-IN-navigator-rAdJ)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
130
+ ], styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-navigator-OTOL: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-navigator-OTOL: var(--on-primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-navigator-OTOL: var(--secondary-color);--on-secondary-color: #f0f0f0;--on-secondary-color-SCOPED-IN-navigator-OTOL: var(--on-secondary-color);--background-color: #fff;--background-color-SCOPED-IN-navigator-OTOL: var(--background-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-navigator-OTOL: var(--on-background-color)}:host{display:block;width:100%;height:56px}:host mat-toolbar{display:flex;width:100%;height:100%;justify-content:space-between;align-items:center;overflow:hidden;transition:background .5s ease-in-out;background-color:var(--background-color-SCOPED-IN-navigator-OTOL);color:var(--on-background-color-SCOPED-IN-navigator-OTOL)}:host mat-toolbar>div:first-child,:host mat-toolbar>div:last-child{flex:0 0 auto}:host mat-toolbar>div:nth-child(2){flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host div{display:flex;justify-content:center;align-items:center}\n"] }]
131
131
  }] });
132
132
 
133
133
  /**
@@ -49,7 +49,7 @@ class NumberInputSectionOrganism extends NgAtomicComponent {
49
49
  (action)="dispatch($event)"
50
50
  />
51
51
  }
52
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-jRrj: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-jRrj) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-jRrj)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
52
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-LyAK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-LyAK) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-LyAK)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
53
53
  }
54
54
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NumberInputSectionOrganism, decorators: [{
55
55
  type: Component,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
77
77
  directive: NumberInputSectionOrganismStore,
78
78
  inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
79
79
  }
80
- ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-jRrj: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-jRrj) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-jRrj)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
80
+ ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-number-input-section-LyAK: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-number-input-section-LyAK) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-number-input-section-LyAK)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
81
81
  }] });
82
82
 
83
83
  /**
@@ -47,7 +47,7 @@ class PaginatorOrganism extends NgAtomicComponent {
47
47
  [pageSizeOptions]="store.pageSizeOptions()"
48
48
  (page)="onPageChange($event)"
49
49
  />
50
- `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-UxwF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-UxwF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-UxwF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-UxwF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-UxwF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-UxwF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-UxwF: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-UxwF);color:var(--on-background-color-SCOPED-IN-paginator-UxwF);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
+ `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-bqgi: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-bqgi: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-bqgi: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-bqgi: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-bqgi: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-bqgi: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-bqgi: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-bqgi);color:var(--on-background-color-SCOPED-IN-paginator-bqgi);min-width:440px}\n"], dependencies: [{ kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
51
51
  }
52
52
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PaginatorOrganism, decorators: [{
53
53
  type: Component,
@@ -65,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
65
65
  directive: PaginatorOrganismStore,
66
66
  inputs: ['form', 'pageSizeOptions', 'itemLength'],
67
67
  },
68
- ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-UxwF: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-UxwF: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-UxwF: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-UxwF: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-UxwF: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-UxwF: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-UxwF: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-UxwF);color:var(--on-background-color-SCOPED-IN-paginator-UxwF);min-width:440px}\n"] }]
68
+ ], styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-paginator-bqgi: var(--primary-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-paginator-bqgi: var(--on-primary-color);--secondary-color: #f0f0f0;--secondary-color-SCOPED-IN-paginator-bqgi: var(--secondary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-paginator-bqgi: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-paginator-bqgi: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-paginator-bqgi: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-paginator-bqgi: var(--on-background-color)}:host mat-paginator{background-color:var(--background-color-SCOPED-IN-paginator-bqgi);color:var(--on-background-color-SCOPED-IN-paginator-bqgi);min-width:440px}\n"] }]
69
69
  }] });
70
70
 
71
71
  /**
@@ -48,7 +48,7 @@ class PasswordInputSectionOrganism extends NgAtomicComponent {
48
48
  [type]="store.actionButtonType()"
49
49
  (action)="dispatch($event)"
50
50
  />
51
- }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-MaBR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-MaBR) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-MaBR)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
51
+ }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-mX3I: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-mX3I) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-mX3I)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
52
52
  }
53
53
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: PasswordInputSectionOrganism, decorators: [{
54
54
  type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
75
75
  directive: PasswordInputSectionOrganismStore,
76
76
  inputs: ['label', 'placeholder', 'hint', 'control', 'autoComplete', 'actions', 'actionButtonType'],
77
77
  },
78
- ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-MaBR: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-MaBR) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-MaBR)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
78
+ ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-password-input-section-mX3I: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-password-input-section-mX3I) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-password-input-section-mX3I)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
79
79
  }] });
80
80
 
81
81
  /**
@@ -47,7 +47,7 @@ class SelectInputSectionOrganism extends NgAtomicComponent {
47
47
  [actions]="store.actions()"
48
48
  (action)="dispatch($event)"
49
49
  />
50
- }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-AsvD: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-AsvD) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-AsvD)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: MenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
+ }`, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-B8vh: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-B8vh) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-B8vh)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "component", type: SelectInputFieldMolecule, selector: "molecules-select-input-field" }, { kind: "component", type: MenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
51
51
  }
52
52
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SelectInputSectionOrganism, decorators: [{
53
53
  type: Component,
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
73
73
  directive: SelectInputSectionOrganismStore,
74
74
  inputs: ['actions', 'hint', 'placeholder', 'label', 'control', 'options', 'multiple'],
75
75
  }
76
- ], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-AsvD: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-AsvD) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-AsvD)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
76
+ ], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-select-input-section-B8vh: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-select-input-section-B8vh) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-select-input-section-B8vh)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
77
77
  }] });
78
78
 
79
79
  /**
@@ -56,7 +56,7 @@ class SliderInputSectionOrganism extends NgAtomicComponent {
56
56
  matSliderThumb
57
57
  >
58
58
  </mat-slider>
59
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-scRO: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-scRO: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-scRO: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-scRO);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-scRO);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-scRO);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
59
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-RsDf: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-RsDf: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-RsDf: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-RsDf);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-RsDf);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-RsDf);transform:scale(.75);transform-origin:top left}\n"], dependencies: [{ kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
60
60
  }
61
61
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SliderInputSectionOrganism, decorators: [{
62
62
  type: Component,
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
81
81
  directive: SliderInputSectionOrganismStore,
82
82
  inputs: ['control', 'min', 'max', 'step', 'thumbLabel', 'label'],
83
83
  }
84
- ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-scRO: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-scRO: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-scRO: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-scRO);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-scRO);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-scRO);transform:scale(.75);transform-origin:top left}\n"] }]
84
+ ], styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-slider-input-section-RsDf: var(--horizontal-padding);--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-RsDf: var(--mat-form-field-outlined-label-text-populated-size);--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-RsDf: var(--mat-form-field-outlined-label-text-color)}:host{display:flex;flex-direction:column;gap:8px;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-slider-input-section-RsDf);box-sizing:border-box}:host .slider{width:100%}:host span{padding-left:20px;font-size:var(--mat-form-field-outlined-label-text-populated-size-SCOPED-IN-slider-input-section-RsDf);color:var(--mat-form-field-outlined-label-text-color-SCOPED-IN-slider-input-section-RsDf);transform:scale(.75);transform-origin:top left}\n"] }]
85
85
  }] });
86
86
 
87
87
  /**
@@ -9,14 +9,14 @@ class SocialLoginSectionOrganism {
9
9
  this.signInWithGoogleButtonClick = new EventEmitter();
10
10
  }
11
11
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SocialLoginSectionOrganism, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-LSou: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-LSou);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: SocialLoginSectionOrganism, isStandalone: true, selector: "organisms-social-login-section", outputs: { signInWithGoogleButtonClick: "signInWithGoogleButtonClick" }, ngImport: i0, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-rFBZ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-rFBZ);box-sizing:border-box}:host button{width:100%;height:56px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
13
13
  }
14
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: SocialLoginSectionOrganism, decorators: [{
15
15
  type: Component,
16
16
  args: [{ selector: 'organisms-social-login-section', standalone: true, imports: [
17
17
  CommonModule,
18
18
  MatButtonModule,
19
- ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-LSou: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-LSou);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
19
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n mat-raised-button \n color=\"primary\" \n (click)=\"signInWithGoogleButtonClick.emit()\"\n>Google\u30A2\u30AB\u30A6\u30F3\u30C8\u3067\u30ED\u30B0\u30A4\u30F3</button>", styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-heading-rFBZ: var(--horizontal-padding)}:host{display:block;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-heading-rFBZ);box-sizing:border-box}:host button{width:100%;height:56px}\n"] }]
20
20
  }], propDecorators: { signInWithGoogleButtonClick: [{
21
21
  type: Output
22
22
  }] } });
@@ -420,7 +420,7 @@ class TableOrganism extends NgAtomicComponent {
420
420
  </tbody>
421
421
  </table>
422
422
  </cdk-virtual-scroll-viewport>
423
- `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-2RU6: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-2RU6: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-2RU6: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-2RU6: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-2RU6: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-2RU6: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-2RU6: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-2RU6);color:var(--on-surface-color-SCOPED-IN-smart-table-2RU6);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-2RU6);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-2RU6)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-2RU6)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column" }, { kind: "component", type: TextColumnMolecule, selector: "molecules-text-column", inputs: ["formFieldMap"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick", "handleMouseDown"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: GridDataTableAutofill, selector: "[gridDataTableAutofill]", outputs: ["autofillComplete"] }, { kind: "pipe", type: StylePipe, name: "style" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
423
+ `, isInline: true, styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-gwq8: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-gwq8: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-gwq8: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-gwq8: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-gwq8: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-gwq8: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-gwq8: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-gwq8);color:var(--on-surface-color-SCOPED-IN-smart-table-gwq8);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-gwq8);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-gwq8)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-gwq8)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i1.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: ActionsColumnMolecule, selector: "molecules-actions-column" }, { kind: "component", type: CheckboxColumnMolecule, selector: "molecules-checkbox-column" }, { kind: "component", type: TextColumnMolecule, selector: "molecules-text-column", inputs: ["formFieldMap"], outputs: ["headerClick"] }, { kind: "component", type: TreeColumnMolecule, selector: "molecules-tree-column", outputs: ["headerClick", "handleMouseDown"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: GridDataTableAutofill, selector: "[gridDataTableAutofill]", outputs: ["autofillComplete"] }, { kind: "pipe", type: StylePipe, name: "style" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
424
424
  }
425
425
  __decorate([
426
426
  Effect(CheckboxColumnMolecule.ActionId.CHECKBOX_CLICK),
@@ -558,7 +558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
558
558
  }, providers: [
559
559
  provideSpreadSheetService(),
560
560
  { provide: VIRTUAL_SCROLL_STRATEGY, useClass: CustomVirtualScrollStrategy },
561
- ], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-2RU6: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-2RU6: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-2RU6: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-2RU6: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-2RU6: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-2RU6: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-2RU6: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-2RU6);color:var(--on-surface-color-SCOPED-IN-smart-table-2RU6);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-2RU6);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-2RU6)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-2RU6)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"] }]
561
+ ], styles: [":host{--width: 100%;--width-SCOPED-IN-smart-table-gwq8: var(--width);--column-vertical-padding: 4px;--column-vertical-padding-SCOPED-IN-smart-table-gwq8: var(--column-vertical-padding);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-smart-table-gwq8: var(--surface-color);--on-surface-color: #000;--on-surface-color-SCOPED-IN-smart-table-gwq8: var(--on-surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-smart-table-gwq8: var(--background-color);--on-background-color: #000;--on-background-color-SCOPED-IN-smart-table-gwq8: var(--on-background-color);--vertical-padding: 16px;--vertical-padding-SCOPED-IN-smart-table-gwq8: var(--vertical-padding)}.cdk-drag-preview{display:table;background-color:#fff}.cdk-drag-placeholder{opacity:0}:host{position:relative;display:block;width:100%;height:100%;overflow:hidden}:host table{min-width:100%;min-height:100%;background-color:var(--surface-color-SCOPED-IN-smart-table-gwq8);color:var(--on-surface-color-SCOPED-IN-smart-table-gwq8);--mat-table-row-item-label-text-color: var(--on-surface-color);--mat-table-header-headline-color: var(--on-surface-color)}:host table .nowrap{width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host table ::ng-deep th,:host table ::ng-deep td{padding:0 var(--column-vertical-padding-SCOPED-IN-smart-table-gwq8);box-sizing:border-box}:host table ::ng-deep th:first-child,:host table ::ng-deep td:first-child{padding-left:var(--vertical-padding-SCOPED-IN-smart-table-gwq8)}:host table ::ng-deep th:last-child,:host table ::ng-deep td:last-child{padding-right:var(--vertical-padding-SCOPED-IN-smart-table-gwq8)}:host table ::ng-deep tr.highlight{background-color:#f0f0f0;transition:background-color .5s}:host .no-data-message{display:flex;justify-content:flex-start;align-items:center;width:calc(100% - 32px);height:3em;padding:0 16px}:host table{border-collapse:collapse;-webkit-user-select:none;user-select:none}:host cdk-virtual-scroll-viewport{width:100%;height:100%;display:block;overflow:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-content-wrapper{transform:translateY(0)!important;min-height:100%;min-width:100%;width:auto}:host cdk-virtual-scroll-viewport ::ng-deep .cdk-virtual-scroll-spacer{width:1px;transform:translateZ(0)}:host.autofill-active{-webkit-user-select:none;user-select:none}:host.autofill-active td{pointer-events:none}:host.autofill-active td.autofill-source{pointer-events:auto}:host ::ng-deep td.autofill-preview{background-color:#2196f31a!important;border:1px dashed #2196F3!important}:host ::ng-deep td.autofill-preview:after{content:\"\";position:absolute;inset:0;background-color:#2196f30d;pointer-events:none;z-index:1}\n"] }]
562
562
  }], ctorParameters: () => [], propDecorators: { viewport: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CdkVirtualScrollViewport), { isSignal: true }] }], onCheckboxClick: [], onHeaderCheckboxClick: [], onChangeWidth: [] } });
563
563
  function getDisplayedNodes(nodes, control) {
564
564
  const result = [];
@@ -48,7 +48,7 @@ class TextInputSectionOrganism extends NgAtomicComponent {
48
48
  (action)="dispatch($event)"
49
49
  />
50
50
  }
51
- `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-XgFd: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-XgFd) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-XgFd)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }] }); }
51
+ `, isInline: true, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-SGWA: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-SGWA) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-SGWA)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"], dependencies: [{ kind: "directive", type: TextInputFieldMoleculeStore, selector: "molecules-text-input-field", inputs: ["appearance", "type", "name", "label", "control", "placeholder", "hint", "pattern", "autoComplete"] }, { kind: "directive", type: SmartMenuButtonAtomStore, selector: "atoms-menu-button, atoms-smart-menu-button", inputs: ["actions", "type", "action"] }] }); }
52
52
  }
53
53
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TextInputSectionOrganism, decorators: [{
54
54
  type: Component,
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
75
75
  directive: TextInputSectionOrganismStore,
76
76
  inputs: ['label', 'placeholder', 'type', 'hint', 'control', 'autoComplete', 'actions'],
77
77
  }
78
- ], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-XgFd: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-XgFd) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-XgFd)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
78
+ ], host: { 'class': 'organism input section' }, styles: [":host{--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-text-input-section-SGWA: var(--horizontal-padding)}:host{display:flex;flex-direction:row;width:100%;padding:0 var(--horizontal-padding-SCOPED-IN-text-input-section-SGWA) 0;box-sizing:border-box}:host:has(atoms-smart-button){padding:0 0 0 var(--horizontal-padding-SCOPED-IN-text-input-section-SGWA)}:host .molecule.input-field,:host mat-form-field{width:100%;flex:1fr}:host atoms-menu-button{flex:auto;margin-top:4px;margin-right:-16px}\n"] }]
79
79
  }] });
80
80
 
81
81
  /**
@@ -54,7 +54,7 @@ class TextareaSectionOrganism extends NgAtomicComponent {
54
54
  (action)="dispatch($event)"
55
55
  />
56
56
  }
57
- `, isInline: true, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-ql6z: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-ql6z: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-ql6z) var(--horizontal-padding-SCOPED-IN-textarea-section-ql6z);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
57
+ `, isInline: true, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-25py: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-25py: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-25py) var(--horizontal-padding-SCOPED-IN-textarea-section-25py);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"], dependencies: [{ kind: "component", type: TextareaFieldMolecule, selector: "molecules-textarea-field" }, { kind: "component", type: SmartMenuButtonAtom, selector: "atoms-menu-button, atoms-menu-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
58
58
  }
59
59
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: TextareaSectionOrganism, decorators: [{
60
60
  type: Component,
@@ -85,7 +85,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
85
85
  }
86
86
  ], host: {
87
87
  'class': 'organism section',
88
- }, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-ql6z: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-ql6z: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-ql6z) var(--horizontal-padding-SCOPED-IN-textarea-section-ql6z);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
88
+ }, styles: [":host{--vertical-padding: 0px;--vertical-padding-SCOPED-IN-textarea-section-25py: var(--vertical-padding);--horizontal-padding: 16px;--horizontal-padding-SCOPED-IN-textarea-section-25py: var(--horizontal-padding)}:host{display:block;position:relative;width:100%;padding:var(--vertical-padding-SCOPED-IN-textarea-section-25py) var(--horizontal-padding-SCOPED-IN-textarea-section-25py);box-sizing:border-box}:host molecules-textarea-field{width:100%}:host atoms-menu-button{position:absolute;bottom:4px;right:4px;background-color:#fff}\n"] }]
89
89
  }] });
90
90
 
91
91
  /**
@@ -48,7 +48,7 @@ class ThreadMessagesSectionOrganism extends NgAtomicComponent {
48
48
  <molecules-thread-message [message]="message" injectable/>
49
49
  <mat-divider />
50
50
  }
51
- `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-thread-messages-section-KR51: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-thread-messages-section-KR51: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-thread-messages-section-KR51: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-thread-messages-section-KR51: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-thread-messages-section-KR51: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-thread-messages-section-KR51: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-thread-messages-section-KR51)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: ThreadMessageMoleculeStore, selector: "molecules-thread-message", inputs: ["name", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
51
+ `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-thread-messages-section-E33j: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-thread-messages-section-E33j: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-thread-messages-section-E33j: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-thread-messages-section-E33j: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-thread-messages-section-E33j: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-thread-messages-section-E33j: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-thread-messages-section-E33j)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "directive", type: ThreadMessageMoleculeStore, selector: "molecules-thread-message", inputs: ["name", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
52
52
  }
53
53
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ThreadMessagesSectionOrganism, decorators: [{
54
54
  type: Component,
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
80
80
  'messageActions',
81
81
  ]
82
82
  }
83
- ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-thread-messages-section-KR51: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-thread-messages-section-KR51: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-thread-messages-section-KR51: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-thread-messages-section-KR51: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-thread-messages-section-KR51: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-thread-messages-section-KR51: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-thread-messages-section-KR51)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
83
+ ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-thread-messages-section-E33j: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-thread-messages-section-E33j: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-thread-messages-section-E33j: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-thread-messages-section-E33j: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-thread-messages-section-E33j: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-thread-messages-section-E33j: var(--on-background-color)}:host{display:flex;flex-direction:column;justify-content:flex-start;color:var(--on-surface-color-SCOPED-IN-thread-messages-section-E33j)}:host mat-divider{width:calc(100% - 16px);box-sizing:border-box;margin:0 8px}\n"] }]
84
84
  }] });
85
85
 
86
86
  /**
@@ -529,7 +529,7 @@ class IndexPage extends NgAtomicComponent {
529
529
  <ng-dashboard dashboard injectable/>
530
530
  </templates-index>
531
531
  </frames-router-outlet>
532
- `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-cNvb: var(--page-width-lv3);--primary-color-SCOPED-IN-index-cNvb: var(--primary-color);--on-primary-color-SCOPED-IN-index-cNvb: var(--on-primary-color);--surface-color-SCOPED-IN-index-cNvb: var(--surface-color);--on-surface-color-SCOPED-IN-index-cNvb: var(--on-surface-color);--on-background-color-SCOPED-IN-index-cNvb: var(--on-background-color);--background-color-SCOPED-IN-index-cNvb: var(--background-color);--navigator-background-color-SCOPED-IN-index-cNvb: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-cNvb: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-cNvb: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-cNvb: var(--table-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-cNvb: var(--first-content-height)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-cNvb);padding-left:0;box-sizing:border-box;transition:padding-left .3s;--first-content-height: var(--first-content-height-SCOPED-IN-index-cNvb)}:host .template div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host .template div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-cNvb);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-cNvb);--surface-color: var(--surface-color-SCOPED-IN-index-cNvb);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-cNvb);--background-color: var(--background-color-SCOPED-IN-index-cNvb);--on-background-color: var(--on-background-color-SCOPED-IN-index-cNvb);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-cNvb);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-cNvb);--table-background-color: var(--table-background-color-SCOPED-IN-index-cNvb);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-cNvb)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "directive", type: IndexPageDashboardStore, selector: "ng-dashboard" }] }); }
532
+ `, isInline: true, styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-JOSd: var(--page-width-lv3);--primary-color-SCOPED-IN-index-JOSd: var(--primary-color);--on-primary-color-SCOPED-IN-index-JOSd: var(--on-primary-color);--surface-color-SCOPED-IN-index-JOSd: var(--surface-color);--on-surface-color-SCOPED-IN-index-JOSd: var(--on-surface-color);--on-background-color-SCOPED-IN-index-JOSd: var(--on-background-color);--background-color-SCOPED-IN-index-JOSd: var(--background-color);--navigator-background-color-SCOPED-IN-index-JOSd: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-JOSd: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-JOSd: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-JOSd: var(--table-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-JOSd: var(--first-content-height)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-JOSd);padding-left:0;box-sizing:border-box;transition:padding-left .3s;--first-content-height: var(--first-content-height-SCOPED-IN-index-JOSd)}:host .template div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host .template div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-JOSd);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-JOSd);--surface-color: var(--surface-color-SCOPED-IN-index-JOSd);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-JOSd);--background-color: var(--background-color-SCOPED-IN-index-JOSd);--on-background-color: var(--on-background-color-SCOPED-IN-index-JOSd);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-JOSd);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-JOSd);--table-background-color: var(--table-background-color-SCOPED-IN-index-JOSd);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-JOSd)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: IndexTemplate, selector: "templates-index" }, { kind: "component", type: NgAtomicFormSectionBuilder, selector: "ng-atomic-form-section-builder", inputs: ["form", "formFlatExcludes", "fieldMap", "fieldKeys"] }, { kind: "directive", type: IndexPageDashboardStore, selector: "ng-dashboard" }] }); }
533
533
  }
534
534
  __decorate([
535
535
  Effect(IndexTemplate.ActionId.BACK),
@@ -621,7 +621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
621
621
  'displayedItems',
622
622
  ],
623
623
  },
624
- ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-cNvb: var(--page-width-lv3);--primary-color-SCOPED-IN-index-cNvb: var(--primary-color);--on-primary-color-SCOPED-IN-index-cNvb: var(--on-primary-color);--surface-color-SCOPED-IN-index-cNvb: var(--surface-color);--on-surface-color-SCOPED-IN-index-cNvb: var(--on-surface-color);--on-background-color-SCOPED-IN-index-cNvb: var(--on-background-color);--background-color-SCOPED-IN-index-cNvb: var(--background-color);--navigator-background-color-SCOPED-IN-index-cNvb: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-cNvb: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-cNvb: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-cNvb: var(--table-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-cNvb: var(--first-content-height)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-cNvb);padding-left:0;box-sizing:border-box;transition:padding-left .3s;--first-content-height: var(--first-content-height-SCOPED-IN-index-cNvb)}:host .template div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host .template div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-cNvb);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-cNvb);--surface-color: var(--surface-color-SCOPED-IN-index-cNvb);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-cNvb);--background-color: var(--background-color-SCOPED-IN-index-cNvb);--on-background-color: var(--on-background-color-SCOPED-IN-index-cNvb);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-cNvb);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-cNvb);--table-background-color: var(--table-background-color-SCOPED-IN-index-cNvb);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-cNvb)}\n"] }]
624
+ ], styles: ["@charset \"UTF-8\";:host{width:100%;height:100%;display:block;--page-width-lv3-SCOPED-IN-index-JOSd: var(--page-width-lv3);--primary-color-SCOPED-IN-index-JOSd: var(--primary-color);--on-primary-color-SCOPED-IN-index-JOSd: var(--on-primary-color);--surface-color-SCOPED-IN-index-JOSd: var(--surface-color);--on-surface-color-SCOPED-IN-index-JOSd: var(--on-surface-color);--on-background-color-SCOPED-IN-index-JOSd: var(--on-background-color);--background-color-SCOPED-IN-index-JOSd: var(--background-color);--navigator-background-color-SCOPED-IN-index-JOSd: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-index-JOSd: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-index-JOSd: var(--table-background-color);--table-on-background-color-SCOPED-IN-index-JOSd: var(--table-on-background-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-index-JOSd: var(--first-content-height)}:host .template{width:var(--page-width-lv3-SCOPED-IN-index-JOSd);padding-left:0;box-sizing:border-box;transition:padding-left .3s;--first-content-height: var(--first-content-height-SCOPED-IN-index-JOSd)}:host .template div[navDashboard]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:16px;box-sizing:border-box}:host .template div[navDashboard] ng-atomic-form-section-builder{--horizontal-padding: 0}:host *{--primary-color: var(--primary-color-SCOPED-IN-index-JOSd);--on-primary-color: var(--on-primary-color-SCOPED-IN-index-JOSd);--surface-color: var(--surface-color-SCOPED-IN-index-JOSd);--on-surface-color: var(--on-surface-color-SCOPED-IN-index-JOSd);--background-color: var(--background-color-SCOPED-IN-index-JOSd);--on-background-color: var(--on-background-color-SCOPED-IN-index-JOSd);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-index-JOSd);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-index-JOSd);--table-background-color: var(--table-background-color-SCOPED-IN-index-JOSd);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-index-JOSd)}\n"] }]
625
625
  }], propDecorators: { back: [], close: [], itemClick: [], onHeaderCheckboxClick: [], onItemButtonClicked: [], onTableHeaderClick: [], onCheckboxClick: [] } });
626
626
 
627
627
  /**
@@ -78,7 +78,7 @@ class ColumnsPage extends NgAtomicComponent {
78
78
  (action)="dispatch($event)"
79
79
  />
80
80
  </frames-router-outlet>
81
- `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-uySb: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-columns-uySb: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-columns-uySb: var(--page-width-lv3);--primary-color-SCOPED-IN-columns-uySb: var(--primary-color);--on-primary-color-SCOPED-IN-columns-uySb: var(--on-primary-color);--surface-color-SCOPED-IN-columns-uySb: var(--surface-color);--on-surface-color-SCOPED-IN-columns-uySb: var(--on-surface-color);--on-background-color-SCOPED-IN-columns-uySb: var(--on-background-color);--background-color-SCOPED-IN-columns-uySb: var(--background-color);--navigator-background-color-SCOPED-IN-columns-uySb: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-columns-uySb: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-columns-uySb: var(--table-background-color);--table-on-background-color-SCOPED-IN-columns-uySb: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-columns-uySb)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-uySb);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-uySb);--surface-color: var(--surface-color-SCOPED-IN-columns-uySb);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-uySb);--background-color: var(--background-color-SCOPED-IN-columns-uySb);--on-background-color: var(--on-background-color-SCOPED-IN-columns-uySb);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-columns-uySb);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-uySb);--table-background-color: var(--table-background-color-SCOPED-IN-columns-uySb);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-columns-uySb)}\n"], dependencies: [{ kind: "component", type: ColumnsTemplate, selector: "templates-columns" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }] }); }
81
+ `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-0JzS: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-columns-0JzS: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-columns-0JzS: var(--page-width-lv3);--primary-color-SCOPED-IN-columns-0JzS: var(--primary-color);--on-primary-color-SCOPED-IN-columns-0JzS: var(--on-primary-color);--surface-color-SCOPED-IN-columns-0JzS: var(--surface-color);--on-surface-color-SCOPED-IN-columns-0JzS: var(--on-surface-color);--on-background-color-SCOPED-IN-columns-0JzS: var(--on-background-color);--background-color-SCOPED-IN-columns-0JzS: var(--background-color);--navigator-background-color-SCOPED-IN-columns-0JzS: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-columns-0JzS: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-columns-0JzS: var(--table-background-color);--table-on-background-color-SCOPED-IN-columns-0JzS: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-columns-0JzS)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-0JzS);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-0JzS);--surface-color: var(--surface-color-SCOPED-IN-columns-0JzS);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-0JzS);--background-color: var(--background-color-SCOPED-IN-columns-0JzS);--on-background-color: var(--on-background-color-SCOPED-IN-columns-0JzS);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-columns-0JzS);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-0JzS);--table-background-color: var(--table-background-color-SCOPED-IN-columns-0JzS);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-columns-0JzS)}\n"], dependencies: [{ kind: "component", type: ColumnsTemplate, selector: "templates-columns" }, { kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }] }); }
82
82
  }
83
83
  __decorate([
84
84
  Effect(NavActionId.BACK),
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
114
114
  'form',
115
115
  ],
116
116
  },
117
- ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-uySb: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-columns-uySb: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-columns-uySb: var(--page-width-lv3);--primary-color-SCOPED-IN-columns-uySb: var(--primary-color);--on-primary-color-SCOPED-IN-columns-uySb: var(--on-primary-color);--surface-color-SCOPED-IN-columns-uySb: var(--surface-color);--on-surface-color-SCOPED-IN-columns-uySb: var(--on-surface-color);--on-background-color-SCOPED-IN-columns-uySb: var(--on-background-color);--background-color-SCOPED-IN-columns-uySb: var(--background-color);--navigator-background-color-SCOPED-IN-columns-uySb: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-columns-uySb: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-columns-uySb: var(--table-background-color);--table-on-background-color-SCOPED-IN-columns-uySb: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-columns-uySb)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-uySb);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-uySb);--surface-color: var(--surface-color-SCOPED-IN-columns-uySb);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-uySb);--background-color: var(--background-color-SCOPED-IN-columns-uySb);--on-background-color: var(--on-background-color-SCOPED-IN-columns-uySb);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-columns-uySb);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-uySb);--table-background-color: var(--table-background-color-SCOPED-IN-columns-uySb);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-columns-uySb)}\n"] }]
117
+ ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-columns-0JzS: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-columns-0JzS: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-columns-0JzS: var(--page-width-lv3);--primary-color-SCOPED-IN-columns-0JzS: var(--primary-color);--on-primary-color-SCOPED-IN-columns-0JzS: var(--on-primary-color);--surface-color-SCOPED-IN-columns-0JzS: var(--surface-color);--on-surface-color-SCOPED-IN-columns-0JzS: var(--on-surface-color);--on-background-color-SCOPED-IN-columns-0JzS: var(--on-background-color);--background-color-SCOPED-IN-columns-0JzS: var(--background-color);--navigator-background-color-SCOPED-IN-columns-0JzS: var(--navigator-background-color);--navigator-on-background-color-SCOPED-IN-columns-0JzS: var(--navigator-on-background-color);--table-background-color-SCOPED-IN-columns-0JzS: var(--table-background-color);--table-on-background-color-SCOPED-IN-columns-0JzS: var(--table-on-background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-columns-0JzS)}:host *{--primary-color: var(--primary-color-SCOPED-IN-columns-0JzS);--on-primary-color: var(--on-primary-color-SCOPED-IN-columns-0JzS);--surface-color: var(--surface-color-SCOPED-IN-columns-0JzS);--on-surface-color: var(--on-surface-color-SCOPED-IN-columns-0JzS);--background-color: var(--background-color-SCOPED-IN-columns-0JzS);--on-background-color: var(--on-background-color-SCOPED-IN-columns-0JzS);--navigator-background-color: var(--navigator-background-color-SCOPED-IN-columns-0JzS);--navigator-on-background-color: var(--navigator-on-background-color-SCOPED-IN-columns-0JzS);--table-background-color: var(--table-background-color-SCOPED-IN-columns-0JzS);--table-on-background-color: var(--table-on-background-color-SCOPED-IN-columns-0JzS)}\n"] }]
118
118
  }], propDecorators: { back: [], close: [] } });
119
119
 
120
120
  /**
@@ -202,7 +202,7 @@ class FormPage extends NgAtomicComponent {
202
202
  (action)="dispatch($event)"
203
203
  />
204
204
  </frames-router-outlet>
205
- `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-p6pq: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-p6pq: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-p6pq: var(--page-width-lv3);--primary-color-SCOPED-IN-form-p6pq: var(--primary-color);--on-primary-color-SCOPED-IN-form-p6pq: var(--on-primary-color);--surface-color-SCOPED-IN-form-p6pq: var(--surface-color);--on-surface-color-SCOPED-IN-form-p6pq: var(--on-surface-color);--on-background-color-SCOPED-IN-form-p6pq: var(--on-background-color);--background-color-SCOPED-IN-form-p6pq: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-p6pq)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-p6pq);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-p6pq);--surface-color: var(--surface-color-SCOPED-IN-form-p6pq);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-p6pq);--background-color: var(--background-color-SCOPED-IN-form-p6pq);--on-background-color: var(--on-background-color-SCOPED-IN-form-p6pq)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
205
+ `, isInline: true, styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-VX20: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-VX20: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-VX20: var(--page-width-lv3);--primary-color-SCOPED-IN-form-VX20: var(--primary-color);--on-primary-color-SCOPED-IN-form-VX20: var(--on-primary-color);--surface-color-SCOPED-IN-form-VX20: var(--surface-color);--on-surface-color-SCOPED-IN-form-VX20: var(--on-surface-color);--on-background-color-SCOPED-IN-form-VX20: var(--on-background-color);--background-color-SCOPED-IN-form-VX20: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-VX20)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-VX20);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-VX20);--surface-color: var(--surface-color-SCOPED-IN-form-VX20);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-VX20);--background-color: var(--background-color-SCOPED-IN-form-VX20);--on-background-color: var(--on-background-color-SCOPED-IN-form-VX20)}\n"], dependencies: [{ kind: "component", type: RouterOutletFrame, selector: "frames-router-outlet", outputs: ["events"] }, { kind: "component", type: FormTemplate, selector: "templates-form" }] }); }
206
206
  }
207
207
  __decorate([
208
208
  Effect(FormTemplate.ActionId.BACK),
@@ -258,7 +258,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
258
258
  'outletName',
259
259
  ],
260
260
  },
261
- ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-p6pq: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-p6pq: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-p6pq: var(--page-width-lv3);--primary-color-SCOPED-IN-form-p6pq: var(--primary-color);--on-primary-color-SCOPED-IN-form-p6pq: var(--on-primary-color);--surface-color-SCOPED-IN-form-p6pq: var(--surface-color);--on-surface-color-SCOPED-IN-form-p6pq: var(--on-surface-color);--on-background-color-SCOPED-IN-form-p6pq: var(--on-background-color);--background-color-SCOPED-IN-form-p6pq: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-p6pq)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-p6pq);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-p6pq);--surface-color: var(--surface-color-SCOPED-IN-form-p6pq);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-p6pq);--background-color: var(--background-color-SCOPED-IN-form-p6pq);--on-background-color: var(--on-background-color-SCOPED-IN-form-p6pq)}\n"] }]
261
+ ], styles: [":host{width:100%;height:100%;display:block;--page-width-lv1-SCOPED-IN-form-VX20: var(--page-width-lv1);--page-width-lv2-SCOPED-IN-form-VX20: var(--page-width-lv2);--page-width-lv3-SCOPED-IN-form-VX20: var(--page-width-lv3);--primary-color-SCOPED-IN-form-VX20: var(--primary-color);--on-primary-color-SCOPED-IN-form-VX20: var(--on-primary-color);--surface-color-SCOPED-IN-form-VX20: var(--surface-color);--on-surface-color-SCOPED-IN-form-VX20: var(--on-surface-color);--on-background-color-SCOPED-IN-form-VX20: var(--on-background-color);--background-color-SCOPED-IN-form-VX20: var(--background-color)}:host .template{width:var(--page-width-lv1-SCOPED-IN-form-VX20)}:host *{--primary-color: var(--primary-color-SCOPED-IN-form-VX20);--on-primary-color: var(--on-primary-color-SCOPED-IN-form-VX20);--surface-color: var(--surface-color-SCOPED-IN-form-VX20);--on-surface-color: var(--on-surface-color-SCOPED-IN-form-VX20);--background-color: var(--background-color-SCOPED-IN-form-VX20);--on-background-color: var(--on-background-color-SCOPED-IN-form-VX20)}\n"] }]
262
262
  }], propDecorators: { back: [], close: [], fileSelected: [] } });
263
263
 
264
264
  /**