@ng-atomic/components 19.84.0 → 19.86.0

package/fesm2022/ng-atomic-components-atoms-badge.mjs

@@ -18,4 +18,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { BadgeAtom };
-//# sourceMappingURL=ng-atomic-components-atoms-badge.mjs.map

package/fesm2022/ng-atomic-components-atoms-chips-input.mjs

@@ -110,4 +110,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { ChipsInputAtom };
-//# sourceMappingURL=ng-atomic-components-atoms-chips-input.mjs.map

package/fesm2022/ng-atomic-components-atoms-icon.mjs

@@ -21,7 +21,7 @@ class IconAtom extends NgAtomicComponent {
   } @else {
     <mat-icon>{{ name() }}</mat-icon>
   }
-  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-E4Ae: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-E4Ae: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-E4Ae: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-E4Ae: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-E4Ae: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-E4Ae: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-E4Ae: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-E4Ae)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-E4Ae)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-MfAn: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-MfAn: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-MfAn: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-MfAn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-MfAn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-MfAn: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-MfAn: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-MfAn)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-MfAn)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: IconAtom, decorators: [{
             type: Component,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
   } @else {
     <mat-icon>{{ name() }}</mat-icon>
   }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-E4Ae: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-E4Ae: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-E4Ae: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-E4Ae: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-E4Ae: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-E4Ae: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-E4Ae: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-E4Ae)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-E4Ae)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--primary-color: #404040;--primary-color-SCOPED-IN-icon-MfAn: var(--primary-color);--surface-color: #f0f0f0;--surface-color-SCOPED-IN-icon-MfAn: var(--surface-color);--background-color: #f0f0f0;--background-color-SCOPED-IN-icon-MfAn: var(--background-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-icon-MfAn: var(--on-primary-color);--on-background-color: #404040;--on-background-color-SCOPED-IN-icon-MfAn: var(--on-background-color);--on-surface-color: #404040;--on-surface-color-SCOPED-IN-icon-MfAn: var(--on-surface-color);--color: inherit;--color-SCOPED-IN-icon-MfAn: var(--color)}:host mat-icon{color:var(--on-background-color-SCOPED-IN-icon-MfAn)}:host mat-icon ::ng-deep svg .filled{transition:fill .5s;fill:var(--color-SCOPED-IN-icon-MfAn)}\n"] }]
         }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], color: [{
                 type: HostBinding,
                 args: ['style.--color']
@@ -46,4 +46,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { IconAtom };
-//# sourceMappingURL=ng-atomic-components-atoms-icon.mjs.map

package/fesm2022/ng-atomic-components-atoms-logo.mjs

@@ -45,4 +45,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { LogoAtom, LogoAtomStore };
-//# sourceMappingURL=ng-atomic-components-atoms-logo.mjs.map

package/fesm2022/ng-atomic-components-atoms-menu-button.mjs

@@ -146,4 +146,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { MenuButtonAtom, MenuButtonAtomStore, MenuButtonAtom as SmartMenuButtonAtom, MenuButtonAtomStore as SmartMenuButtonAtomStore, StopPipe, buildMenuAction };
-//# sourceMappingURL=ng-atomic-components-atoms-menu-button.mjs.map

package/fesm2022/ng-atomic-components-atoms-value-cell.mjs

@@ -239,7 +239,7 @@ class ValueCellAtom extends NgAtomicComponent {
           }
         }
       }
-  `, isInline: true, styles: [":host{--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e: var(--mat-table-row-item-label-text-size)}:host .cell-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:none;box-sizing:border-box;padding-right:4px;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e)}:host .cell-input[type=number]{text-align:right}:host .cell-input{background:transparent}:host .cell-input[type=number]::-webkit-outer-spin-button,:host .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}:host .cell-input[type=number]{-moz-appearance:textfield}:host .cell-input:focus{outline:none}:host p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-select{width:100%;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e)}:host mat-select .mat-mdc-select-value{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e);line-height:1.2}:host mat-select .mat-mdc-select-trigger{min-height:auto;padding:0}:host mat-select .mat-mdc-select-arrow-wrapper{transform:none}:host mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{transform:scale(.8)}:host mat-select.mat-mdc-select{padding:0;margin:0}:host .autocomplete-field{width:100%}:host .autocomplete-field .mat-mdc-form-field-flex{align-items:center;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-infix{padding:0;border:none;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-subscript-wrapper{display:none}:host .autocomplete-field input{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e);border:none;outline:none;background:transparent;padding:0;margin:0}::ng-deep .mat-mdc-select-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option *{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option *{font-size:12px!important}\n"], dependencies: [{ kind: "directive", type: SpreadSheetCellInput, selector: "[ssCellInput]", inputs: ["ssCellInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "pipe", type: StylePipe, name: "style" }, { kind: "pipe", type: ExpressionPipe, name: "expression" }] }); }
+  `, isInline: true, styles: [":host{--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO: var(--mat-table-row-item-label-text-size)}:host .cell-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:none;box-sizing:border-box;padding-right:4px;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO)}:host .cell-input[type=number]{text-align:right}:host .cell-input{background:transparent}:host .cell-input[type=number]::-webkit-outer-spin-button,:host .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}:host .cell-input[type=number]{-moz-appearance:textfield}:host .cell-input:focus{outline:none}:host p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-select{width:100%;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO)}:host mat-select .mat-mdc-select-value{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO);line-height:1.2}:host mat-select .mat-mdc-select-trigger{min-height:auto;padding:0}:host mat-select .mat-mdc-select-arrow-wrapper{transform:none}:host mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{transform:scale(.8)}:host mat-select.mat-mdc-select{padding:0;margin:0}:host .autocomplete-field{width:100%}:host .autocomplete-field .mat-mdc-form-field-flex{align-items:center;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-infix{padding:0;border:none;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-subscript-wrapper{display:none}:host .autocomplete-field input{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO);border:none;outline:none;background:transparent;padding:0;margin:0}::ng-deep .mat-mdc-select-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option *{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option *{font-size:12px!important}\n"], dependencies: [{ kind: "directive", type: SpreadSheetCellInput, selector: "[ssCellInput]", inputs: ["ssCellInput"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "pipe", type: StylePipe, name: "style" }, { kind: "pipe", type: ExpressionPipe, name: "expression" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ValueCellAtom, decorators: [{
             type: Component,
@@ -321,7 +321,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
           }
         }
       }
-  `, styles: [":host{--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e: var(--mat-table-row-item-label-text-size)}:host .cell-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:none;box-sizing:border-box;padding-right:4px;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e)}:host .cell-input[type=number]{text-align:right}:host .cell-input{background:transparent}:host .cell-input[type=number]::-webkit-outer-spin-button,:host .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}:host .cell-input[type=number]{-moz-appearance:textfield}:host .cell-input:focus{outline:none}:host p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-select{width:100%;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e)}:host mat-select .mat-mdc-select-value{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e);line-height:1.2}:host mat-select .mat-mdc-select-trigger{min-height:auto;padding:0}:host mat-select .mat-mdc-select-arrow-wrapper{transform:none}:host mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{transform:scale(.8)}:host mat-select.mat-mdc-select{padding:0;margin:0}:host .autocomplete-field{width:100%}:host .autocomplete-field .mat-mdc-form-field-flex{align-items:center;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-infix{padding:0;border:none;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-subscript-wrapper{display:none}:host .autocomplete-field input{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-2L5e);border:none;outline:none;background:transparent;padding:0;margin:0}::ng-deep .mat-mdc-select-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option *{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option *{font-size:12px!important}\n"] }]
+  `, styles: [":host{--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO: var(--mat-table-row-item-label-text-size)}:host .cell-input{position:absolute;inset:0;width:100%;height:100%;margin:0;border:none;box-sizing:border-box;padding-right:4px;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO)}:host .cell-input[type=number]{text-align:right}:host .cell-input{background:transparent}:host .cell-input[type=number]::-webkit-outer-spin-button,:host .cell-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}:host .cell-input[type=number]{-moz-appearance:textfield}:host .cell-input:focus{outline:none}:host p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host mat-select{width:100%;font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO)}:host mat-select .mat-mdc-select-value{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO);line-height:1.2}:host mat-select .mat-mdc-select-trigger{min-height:auto;padding:0}:host mat-select .mat-mdc-select-arrow-wrapper{transform:none}:host mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{transform:scale(.8)}:host mat-select.mat-mdc-select{padding:0;margin:0}:host .autocomplete-field{width:100%}:host .autocomplete-field .mat-mdc-form-field-flex{align-items:center;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-infix{padding:0;border:none;min-height:auto}:host .autocomplete-field .mat-mdc-form-field-subscript-wrapper{display:none}:host .autocomplete-field input{font-size:var(--mat-table-row-item-label-text-size-SCOPED-IN-value-cell-xnRO);border:none;outline:none;background:transparent;padding:0;margin:0}::ng-deep .mat-mdc-select-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-select-panel .mat-mdc-option *{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{font-size:12px!important;line-height:1.3!important;min-height:32px!important;padding:4px 16px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text{font-size:12px!important;line-height:1.3!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option span{font-size:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option *{font-size:12px!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { formField: [{ type: i0.Input, args: [{ isSignal: true, alias: "formField", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], expressionValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "expressionValue", required: false }] }], isEditing: [{ type: i0.Input, args: [{ isSignal: true, alias: "isEditing", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: true }] }] } });
 
 /**
@@ -329,4 +329,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { ValueCellAtom, ValueCellAtomStore };
-//# sourceMappingURL=ng-atomic-components-atoms-value-cell.mjs.map

package/fesm2022/ng-atomic-components-atoms.mjs

@@ -33,4 +33,3 @@ function provideAtoms() {
  */
 
 export { NgAtomicAtomsModule, provideAtoms };
-//# sourceMappingURL=ng-atomic-components-atoms.mjs.map

package/fesm2022/ng-atomic-components-extras-editor.mjs

@@ -145,4 +145,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { EditorComponent, EditorComponentStore };
-//# sourceMappingURL=ng-atomic-components-extras-editor.mjs.map

package/fesm2022/ng-atomic-components-extras.mjs

@@ -22,4 +22,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { NgAtomicExtrasModule };
-//# sourceMappingURL=ng-atomic-components-extras.mjs.map

package/fesm2022/ng-atomic-components-frames-app.mjs

@@ -405,7 +405,7 @@ class AppFrame extends NgAtomicComponent {
       </frames-fab>
     </frames-progress-bar>
   </frames-loading>
-  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-eL5N: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-eL5N: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-eL5N: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-eL5N: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-eL5N: var(--background-color);--on-background-color-SCOPED-IN-frames-app-eL5N: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-eL5N: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-eL5N: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--menu-background-color-SCOPED-IN-frames-app-eL5N: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-eL5N);--menu-on-background-color-SCOPED-IN-frames-app-eL5N: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-eL5N: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--background-primary-color-SCOPED-IN-frames-app-eL5N: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-eL5N);--background-on-primary-color-SCOPED-IN-frames-app-eL5N: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-eL5N);--background-background-color-SCOPED-IN-frames-app-eL5N: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-eL5N: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--loading-primary-color-SCOPED-IN-frames-app-eL5N: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-eL5N: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-eL5N);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-eL5N);--surface-color: var(--surface-color-SCOPED-IN-frames-app-eL5N);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-eL5N);--background-color: var(--background-color-SCOPED-IN-frames-app-eL5N);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-eL5N);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-eL5N);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-eL5N)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-eL5N)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-eL5N)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-eL5N);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-eL5N);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-eL5N);--background-color: var(--background-background-color-SCOPED-IN-frames-app-eL5N);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-eL5N);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: ProgressBarFrame, selector: "frames-progress-bar" }, { kind: "component", type: BreadcrumbNavbarFrame, selector: "frames-breadcrumb-navbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
+  `, isInline: true, styles: [":host{--primary-color-SCOPED-IN-frames-app-hpSk: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-hpSk: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-hpSk: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-hpSk: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-hpSk: var(--background-color);--on-background-color-SCOPED-IN-frames-app-hpSk: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-hpSk: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-hpSk: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--menu-background-color-SCOPED-IN-frames-app-hpSk: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-hpSk);--menu-on-background-color-SCOPED-IN-frames-app-hpSk: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-hpSk: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--background-primary-color-SCOPED-IN-frames-app-hpSk: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-hpSk);--background-on-primary-color-SCOPED-IN-frames-app-hpSk: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-hpSk);--background-background-color-SCOPED-IN-frames-app-hpSk: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-hpSk: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--loading-primary-color-SCOPED-IN-frames-app-hpSk: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-hpSk: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-hpSk);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-hpSk);--surface-color: var(--surface-color-SCOPED-IN-frames-app-hpSk);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-hpSk);--background-color: var(--background-color-SCOPED-IN-frames-app-hpSk);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-hpSk);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-hpSk);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-hpSk)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-hpSk)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-hpSk)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-hpSk);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-hpSk);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-hpSk);--background-color: var(--background-background-color-SCOPED-IN-frames-app-hpSk);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-hpSk);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\n"], dependencies: [{ kind: "component", type: FabFrame, selector: "frames-fab" }, { kind: "component", type: LoadingFrame, selector: "frames-loading" }, { kind: "component", type: SideNavFrame, selector: "frames-side-nav" }, { kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EntranceFrame, selector: "frames-entrance" }, { kind: "component", type: DrawerFrame, selector: "frames-drawer" }, { kind: "component", type: ProgressBarFrame, selector: "frames-progress-bar" }, { kind: "component", type: BreadcrumbNavbarFrame, selector: "frames-breadcrumb-navbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)]] }); }
 }
 i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ngImport: i0, type: AppFrame, resolveDeferredDeps: () => [import('@ng-atomic/components/templates/background').then(m => m.BackgroundTemplateStore)], resolveMetadata: BackgroundTemplateStore => ({ decorators: [{
                 type: Component,
@@ -483,7 +483,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ng
                             PreventBrowserZoomDirective,
                         ], host: {
                             '[class.is-entrance]': 'store.isEntrance()',
-                        }, styles: [":host{--primary-color-SCOPED-IN-frames-app-eL5N: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-eL5N: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-eL5N: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-eL5N: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-eL5N: var(--background-color);--on-background-color-SCOPED-IN-frames-app-eL5N: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-eL5N: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-eL5N: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--menu-background-color-SCOPED-IN-frames-app-eL5N: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-eL5N);--menu-on-background-color-SCOPED-IN-frames-app-eL5N: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-eL5N: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--background-primary-color-SCOPED-IN-frames-app-eL5N: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-eL5N);--background-on-primary-color-SCOPED-IN-frames-app-eL5N: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-eL5N);--background-background-color-SCOPED-IN-frames-app-eL5N: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-eL5N: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--loading-primary-color-SCOPED-IN-frames-app-eL5N: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-eL5N: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-eL5N);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-eL5N);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-eL5N);--surface-color: var(--surface-color-SCOPED-IN-frames-app-eL5N);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-eL5N);--background-color: var(--background-color-SCOPED-IN-frames-app-eL5N);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-eL5N);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-eL5N);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-eL5N)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-eL5N)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-eL5N)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-eL5N);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-eL5N);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-eL5N);--background-color: var(--background-background-color-SCOPED-IN-frames-app-eL5N);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-eL5N);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\n"] }]
+                        }, styles: [":host{--primary-color-SCOPED-IN-frames-app-hpSk: var(--primary-color);--on-primary-color-SCOPED-IN-frames-app-hpSk: var(--on-primary-color);--surface-color-SCOPED-IN-frames-app-hpSk: var(--surface-color);--on-surface-color-SCOPED-IN-frames-app-hpSk: var(--on-surface-color);--background-color-SCOPED-IN-frames-app-hpSk: var(--background-color);--on-background-color-SCOPED-IN-frames-app-hpSk: var(--on-background-color);--menu-width-SCOPED-IN-frames-app-hpSk: var(--menu-width);--page-width-lv1-SCOPED-IN-frames-app-hpSk: var(--page-width-lv1);--menu-background-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--menu-background-color-SCOPED-IN-frames-app-hpSk: var(--menu-background-color);--menu-on-background-color: var(--on-primary-color-SCOPED-IN-frames-app-hpSk);--menu-on-background-color-SCOPED-IN-frames-app-hpSk: var(--menu-on-background-color);--menu-padding-top: 56px;--menu-padding-top-SCOPED-IN-frames-app-hpSk: var(--menu-padding-top);--background-primary-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--background-primary-color-SCOPED-IN-frames-app-hpSk: var(--background-primary-color);--background-on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-hpSk);--background-on-primary-color-SCOPED-IN-frames-app-hpSk: var(--background-on-primary-color);--background-background-color: var(--background-color-SCOPED-IN-frames-app-hpSk);--background-background-color-SCOPED-IN-frames-app-hpSk: var(--background-background-color);--side-app-background-color-SCOPED-IN-frames-app-hpSk: var(--side-app-background-color);--loading-primary-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--loading-primary-color-SCOPED-IN-frames-app-hpSk: var(--loading-primary-color);--loading-z-index: 1000;--loading-z-index-SCOPED-IN-frames-app-hpSk: var(--loading-z-index)}:host{display:block;width:100%;height:100%;position:fixed;color:var(--primary-color-SCOPED-IN-frames-app-hpSk);touch-action:none}:host *{--primary-color: var(--primary-color-SCOPED-IN-frames-app-hpSk);--on-primary-color: var(--on-primary-color-SCOPED-IN-frames-app-hpSk);--surface-color: var(--surface-color-SCOPED-IN-frames-app-hpSk);--on-surface-color: var(--on-surface-color-SCOPED-IN-frames-app-hpSk);--background-color: var(--background-color-SCOPED-IN-frames-app-hpSk);--on-background-color: var(--on-background-color-SCOPED-IN-frames-app-hpSk);--menu-background-color: var(--menu-background-color-SCOPED-IN-frames-app-hpSk);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-frames-app-hpSk)}:host frames-drawer{opacity:1;--background-color: var(--side-app-background-color-SCOPED-IN-frames-app-hpSk)}:host frames-side-nav{color:#000;--menu-width: var(--menu-width-SCOPED-IN-frames-app-hpSk)}:host frames-loading{--primary-color: var(--loading-primary-color-SCOPED-IN-frames-app-hpSk);opacity:.9}:host templates-background{--primary-color: var(--background-primary-color-SCOPED-IN-frames-app-hpSk);--on-primary-color: var(--background-on-primary-color-SCOPED-IN-frames-app-hpSk);--background-color: var(--background-background-color-SCOPED-IN-frames-app-hpSk);position:absolute;top:0;left:0}:host frames-side-nav .side-app{position:relative;width:var(--page-width-lv1-SCOPED-IN-frames-app-hpSk);height:100%}:host.is-entrance frames-drawer{opacity:1}:host.is-entrance frames-drawer mat-drawer[style*=\"100%\"]+mat-drawer-content{margin-right:0!important}:host.is-entrance frames-side-nav{display:none}frames-drawer mat-drawer[style*=\"calc(100%\"]+mat-drawer-content{margin-right:0!important}\n"] }]
             }], ctorParameters: null, propDecorators: null }) });
 
 /**
@@ -491,4 +491,3 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.6", ng
  */
 
 export { AppFrame, AppFrameStore, buildNavigationAction, createNavigateAction };
-//# sourceMappingURL=ng-atomic-components-frames-app.mjs.map

package/fesm2022/ng-atomic-components-frames-auto-layout.mjs

@@ -19,7 +19,7 @@ class AutoLayoutFrame {
         this.store = inject(AutoLayoutFrameStore);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AutoLayoutFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", host: { properties: { "attr.type": "store.type()" } }, hostDirectives: [{ directive: AutoLayoutFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-iXgj: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-iXgj: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-iXgj: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-iXgj);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-iXgj) var(--horizontal-padding-SCOPED-IN-auto-layout-iXgj)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: AutoLayoutFrame, isStandalone: true, selector: "frames-auto-layout", host: { properties: { "attr.type": "store.type()" } }, hostDirectives: [{ directive: AutoLayoutFrameStore, inputs: ["type", "type"] }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-h8xh: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-h8xh: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-h8xh: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-h8xh);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-h8xh) var(--horizontal-padding-SCOPED-IN-auto-layout-h8xh)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AutoLayoutFrame, decorators: [{
             type: Component,
@@ -32,7 +32,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         },
                     ], host: {
                         '[attr.type]': 'store.type()'
-                    }, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-iXgj: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-iXgj: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-iXgj: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-iXgj);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-iXgj) var(--horizontal-padding-SCOPED-IN-auto-layout-iXgj)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"] }]
+                    }, styles: [":host{--gap: 24px;--gap-SCOPED-IN-auto-layout-h8xh: var(--gap);--vertical-padding: 24px;--vertical-padding-SCOPED-IN-auto-layout-h8xh: var(--vertical-padding);--horizontal-padding: 0;--horizontal-padding-SCOPED-IN-auto-layout-h8xh: var(--horizontal-padding)}:host{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:var(--gap-SCOPED-IN-auto-layout-h8xh);box-sizing:border-box;padding:var(--vertical-padding-SCOPED-IN-auto-layout-h8xh) var(--horizontal-padding-SCOPED-IN-auto-layout-h8xh)}:host[type=horizontal]{flex-direction:row}:host[type=vertical]{flex-direction:column}\n"] }]
         }] });
 
 /**
@@ -40,4 +40,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { AutoLayoutFrame, AutoLayoutFrameStore };
-//# sourceMappingURL=ng-atomic-components-frames-auto-layout.mjs.map

package/fesm2022/ng-atomic-components-frames-breadcrumb-navbar.mjs

@@ -68,7 +68,7 @@ class BreadcrumbNavbarFrame extends NgAtomicComponent {
     <div class="breadcrumb-navbar-content">
       <ng-content />
     </div>
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-navigator-D9RN: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-navigator-D9RN: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-navigator-D9RN: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-navigator-D9RN: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-navigator-D9RN: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-navigator-D9RN: var(--on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigator-D9RN);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigator-D9RN);--secondary-color: var(--secondary-color-SCOPED-IN-navigator-D9RN);--on-secondary-color: var(--on-secondary-color-SCOPED-IN-navigator-D9RN);--background-color: var(--background-color-SCOPED-IN-navigator-D9RN);--on-background-color: var(--on-background-color-SCOPED-IN-navigator-D9RN)}:host .breadcrumb-navbar-frame{width:100%;z-index:100;background:var(--primary-color-SCOPED-IN-navigator-D9RN)}:host .breadcrumb-navbar-frame.fixed{position:fixed;top:0;left:0;right:0}:host .breadcrumb-navbar-frame ::ng-deep organisms-breadcrumb-navbar mat-toolbar{border-bottom:none}:host .breadcrumb-navbar-content{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: BreadcrumbNavbarOrganismStore, selector: "organisms-breadcrumb-navbar", inputs: ["items", "separator", "showHome", "homeIcon", "homeLink", "showLogo", "logoHeight", "logoWidth", "endActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-navigator-5q8u: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-navigator-5q8u: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-navigator-5q8u: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-navigator-5q8u: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-navigator-5q8u: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-navigator-5q8u: var(--on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigator-5q8u);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigator-5q8u);--secondary-color: var(--secondary-color-SCOPED-IN-navigator-5q8u);--on-secondary-color: var(--on-secondary-color-SCOPED-IN-navigator-5q8u);--background-color: var(--background-color-SCOPED-IN-navigator-5q8u);--on-background-color: var(--on-background-color-SCOPED-IN-navigator-5q8u)}:host .breadcrumb-navbar-frame{width:100%;z-index:100;background:var(--primary-color-SCOPED-IN-navigator-5q8u)}:host .breadcrumb-navbar-frame.fixed{position:fixed;top:0;left:0;right:0}:host .breadcrumb-navbar-frame ::ng-deep organisms-breadcrumb-navbar mat-toolbar{border-bottom:none}:host .breadcrumb-navbar-content{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: BreadcrumbNavbarOrganismStore, selector: "organisms-breadcrumb-navbar", inputs: ["items", "separator", "showHome", "homeIcon", "homeLink", "showLogo", "logoHeight", "logoWidth", "endActions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: BreadcrumbNavbarFrame, decorators: [{
             type: Component,
@@ -105,7 +105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                                 'hideOnMobile',
                             ],
                         }
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-navigator-D9RN: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-navigator-D9RN: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-navigator-D9RN: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-navigator-D9RN: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-navigator-D9RN: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-navigator-D9RN: var(--on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigator-D9RN);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigator-D9RN);--secondary-color: var(--secondary-color-SCOPED-IN-navigator-D9RN);--on-secondary-color: var(--on-secondary-color-SCOPED-IN-navigator-D9RN);--background-color: var(--background-color-SCOPED-IN-navigator-D9RN);--on-background-color: var(--on-background-color-SCOPED-IN-navigator-D9RN)}:host .breadcrumb-navbar-frame{width:100%;z-index:100;background:var(--primary-color-SCOPED-IN-navigator-D9RN)}:host .breadcrumb-navbar-frame.fixed{position:fixed;top:0;left:0;right:0}:host .breadcrumb-navbar-frame ::ng-deep organisms-breadcrumb-navbar mat-toolbar{border-bottom:none}:host .breadcrumb-navbar-content{width:100%;height:100%}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-navigator-5q8u: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-navigator-5q8u: var(--on-primary-color);--secondary-color: inherit;--secondary-color-SCOPED-IN-navigator-5q8u: var(--secondary-color);--on-secondary-color: inherit;--on-secondary-color-SCOPED-IN-navigator-5q8u: var(--on-secondary-color);--background-color: inherit;--background-color-SCOPED-IN-navigator-5q8u: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-navigator-5q8u: var(--on-background-color)}:host{display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-navigator-5q8u);--on-primary-color: var(--on-primary-color-SCOPED-IN-navigator-5q8u);--secondary-color: var(--secondary-color-SCOPED-IN-navigator-5q8u);--on-secondary-color: var(--on-secondary-color-SCOPED-IN-navigator-5q8u);--background-color: var(--background-color-SCOPED-IN-navigator-5q8u);--on-background-color: var(--on-background-color-SCOPED-IN-navigator-5q8u)}:host .breadcrumb-navbar-frame{width:100%;z-index:100;background:var(--primary-color-SCOPED-IN-navigator-5q8u)}:host .breadcrumb-navbar-frame.fixed{position:fixed;top:0;left:0;right:0}:host .breadcrumb-navbar-frame ::ng-deep organisms-breadcrumb-navbar mat-toolbar{border-bottom:none}:host .breadcrumb-navbar-content{width:100%;height:100%}\n"] }]
         }] });
 
 /**
@@ -113,4 +113,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { BreadcrumbNavbarFrame, BreadcrumbNavbarFrameStore };
-//# sourceMappingURL=ng-atomic-components-frames-breadcrumb-navbar.mjs.map

package/fesm2022/ng-atomic-components-frames-card.mjs

@@ -5,13 +5,13 @@ import { MatCardModule } from '@angular/material/card';
 
 class CardFrame {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CardFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-QlFm: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-QlFm);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.6", type: CardFrame, isStandalone: true, selector: "frames-card", ngImport: i0, template: `<mat-card><ng-content></ng-content></mat-card>`, isInline: true, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-IOp8: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-IOp8);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: CardFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-card', imports: [
                         MatCardModule
-                    ], template: `<mat-card><ng-content></ng-content></mat-card>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-QlFm: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-QlFm);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"] }]
+                    ], template: `<mat-card><ng-content></ng-content></mat-card>`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;--background-color: rgba(255, 255, 255, .6);--background-color-SCOPED-IN-columns-IOp8: var(--background-color)}:host{display:block}:host mat-card{background-color:var(--background-color-SCOPED-IN-columns-IOp8);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;box-sizing:border-box;width:100%}\n"] }]
         }] });
 
 /**
@@ -19,4 +19,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { CardFrame };
-//# sourceMappingURL=ng-atomic-components-frames-card.mjs.map

package/fesm2022/ng-atomic-components-frames-columns.mjs

@@ -103,7 +103,7 @@ class ColumnsFrame extends NgAtomicComponent {
         <ng-container [ngTemplateOutlet]="right()?.templateRef" />
       </div>
     }
-  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-vSFg: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-vSFg)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-vSFg)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-2U8e: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-2U8e)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-2U8e)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrame, decorators: [{
             type: Component,
@@ -134,7 +134,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         }
                     ], host: {
                         '[attr.type]': 'store.type()',
-                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-vSFg: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-vSFg)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-vSFg)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
+                    }, styles: [":host{display:block;--side-width: 360px;--side-width-SCOPED-IN-columns-2U8e: var(--side-width)}:host{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:100%}:host[type=row]{flex-direction:row;justify-content:space-between}:host[type=row] .container{width:100%}:host[type=row] .container.left{max-width:var(--side-width-SCOPED-IN-columns-2U8e)}:host[type=row] .container.right{max-width:var(--side-width-SCOPED-IN-columns-2U8e)}:host[type=column]{flex-direction:column;justify-content:flex-start}:host[type=column] .container.main{width:100%}:host[type=column] .container.left{width:100%}:host[type=column] .container.right{width:100%}\n"] }]
         }], propDecorators: { left: [{ type: i0.ContentChild, args: [i0.forwardRef(() => LeftColumn), { isSignal: true }] }], main: [{ type: i0.ContentChild, args: [i0.forwardRef(() => MainColumn), { isSignal: true }] }], right: [{ type: i0.ContentChild, args: [i0.forwardRef(() => RightColumn), { isSignal: true }] }] } });
 class ColumnsFrameModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: ColumnsFrameModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -164,4 +164,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { ColumnsFrame, ColumnsFrameModule, ColumnsFrameStore, LeftColumn, MainColumn, RightColumn };
-//# sourceMappingURL=ng-atomic-components-frames-columns.mjs.map

package/fesm2022/ng-atomic-components-frames-divider.mjs

@@ -64,7 +64,7 @@ class DividerFrame extends NgAtomicComponent {
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-SUvk: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-SUvk: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-SUvk: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-SUvk: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-SUvk: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-SUvk: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-SUvk: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-SUvk: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-SUvk: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-SUvk: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-SUvk),var(--min-first-content-height-SCOPED-IN-divider-SUvk)),var(--max-first-content-height-SCOPED-IN-divider-SUvk));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-SUvk),var(--min-first-content-height-SCOPED-IN-divider-SUvk)),var(--max-first-content-height-SCOPED-IN-divider-SUvk)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-SUvk)}:host.dragging .container{transition:none}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-UQ23: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-UQ23: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-UQ23: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-UQ23: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-UQ23: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-UQ23: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-UQ23: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-UQ23: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-UQ23: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-UQ23: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-UQ23),var(--min-first-content-height-SCOPED-IN-divider-UQ23)),var(--max-first-content-height-SCOPED-IN-divider-UQ23));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-UQ23),var(--min-first-content-height-SCOPED-IN-divider-UQ23)),var(--max-first-content-height-SCOPED-IN-divider-UQ23)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-UQ23)}:host.dragging .container{transition:none}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DividerFrame, decorators: [{
             type: Component,
@@ -92,7 +92,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-SUvk: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-SUvk: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-SUvk: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-SUvk: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-SUvk: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-SUvk: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-SUvk: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-SUvk: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-SUvk: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-SUvk: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-SUvk),var(--min-first-content-height-SCOPED-IN-divider-SUvk)),var(--max-first-content-height-SCOPED-IN-divider-SUvk));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-SUvk),var(--min-first-content-height-SCOPED-IN-divider-SUvk)),var(--max-first-content-height-SCOPED-IN-divider-SUvk)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-SUvk)}:host.dragging .container{transition:none}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-UQ23: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-UQ23: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-UQ23: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-UQ23: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-UQ23: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-UQ23: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-UQ23: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-UQ23: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-UQ23: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-UQ23: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-UQ23),var(--min-first-content-height-SCOPED-IN-divider-UQ23)),var(--max-first-content-height-SCOPED-IN-divider-UQ23));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-UQ23),var(--min-first-content-height-SCOPED-IN-divider-UQ23)),var(--max-first-content-height-SCOPED-IN-divider-UQ23)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\"\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-UQ23)}:host.dragging .container{transition:none}\n"] }]
         }], propDecorators: { firstContent: [{ type: i0.ViewChild, args: ['first', { ...{ read: ElementRef }, isSignal: true }] }], divider: [{ type: i0.ViewChild, args: ['el', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 /**
@@ -100,4 +100,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { DividerFrame };
-//# sourceMappingURL=ng-atomic-components-frames-divider.mjs.map

package/fesm2022/ng-atomic-components-frames-drawer.mjs

@@ -96,7 +96,7 @@ class DrawerFrame extends NgAtomicComponent {
     <mat-drawer-content>
       <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-lepj: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-lepj: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-lepj: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-lepj: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-lepj: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-lepj: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-lepj: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-lepj)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-lepj)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-lepj)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-lepj)}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-JXI7: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-JXI7: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-JXI7: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-JXI7: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-JXI7: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-JXI7: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-JXI7: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-JXI7)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-JXI7)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-JXI7)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-JXI7)}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
@@ -128,7 +128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: DrawerFrameStore,
                             inputs: ['opened', 'mode', 'hasBackdrop', 'position', 'width', 'resizable'],
                         }
-                    ], styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-lepj: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-lepj: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-lepj: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-lepj: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-lepj: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-lepj: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-lepj: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-lepj)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-lepj)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-lepj)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-lepj)}\n"] }]
+                    ], styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-JXI7: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-JXI7: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-JXI7: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-JXI7: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-JXI7: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-JXI7: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-JXI7: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-JXI7)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-JXI7)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer ::ng-deep .mat-drawer-inner-container{height:100%}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-JXI7)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-JXI7)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**
@@ -136,4 +136,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { DrawerFrame, DrawerFrameStore };
-//# sourceMappingURL=ng-atomic-components-frames-drawer.mjs.map

package/fesm2022/ng-atomic-components-frames-entrance.mjs

@@ -43,7 +43,7 @@ class EntranceFrame extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-overlay>
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-wy0B: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-wy0B: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-wy0B: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-wy0B: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-wy0B: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-wy0B: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-wy0B: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-wy0B: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-wy0B: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-wy0B: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-wy0B: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-wy0B: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-wy0B);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-wy0B);--surface-color: var(--surface-color-SCOPED-IN-entrance-wy0B);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-wy0B);--background-color: var(--background-color-SCOPED-IN-entrance-wy0B);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-wy0B);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-wy0B);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-wy0B)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-clhE: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-clhE: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-clhE: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-clhE: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-clhE: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-clhE: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-clhE: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-clhE: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-clhE: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-clhE: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-clhE: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-clhE: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-clhE);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-clhE);--surface-color: var(--surface-color-SCOPED-IN-entrance-clhE);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-clhE);--background-color: var(--background-color-SCOPED-IN-entrance-clhE);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-clhE);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-clhE);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-clhE)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EntranceFrame, decorators: [{
             type: Component,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: EntranceFrameStore,
                             inputs: ['isEntrance', 'actions', 'form', 'title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-wy0B: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-wy0B: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-wy0B: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-wy0B: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-wy0B: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-wy0B: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-wy0B: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-wy0B: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-wy0B: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-wy0B: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-wy0B: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-wy0B: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-wy0B);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-wy0B);--surface-color: var(--surface-color-SCOPED-IN-entrance-wy0B);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-wy0B);--background-color: var(--background-color-SCOPED-IN-entrance-wy0B);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-wy0B);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-wy0B);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-wy0B)}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-clhE: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-clhE: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-clhE: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-clhE: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-clhE: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-clhE: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-clhE: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-clhE: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-clhE: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-clhE: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-clhE: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-clhE: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-clhE);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-clhE);--surface-color: var(--surface-color-SCOPED-IN-entrance-clhE);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-clhE);--background-color: var(--background-color-SCOPED-IN-entrance-clhE);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-clhE);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-clhE);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-clhE)}\n"] }]
         }] });
 
 /**
@@ -77,4 +77,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { EntranceFrame, EntranceFrameStore };
-//# sourceMappingURL=ng-atomic-components-frames-entrance.mjs.map

package/fesm2022/ng-atomic-components-frames-fab.mjs

@@ -81,7 +81,7 @@ class FabFrame extends NgAtomicComponent {
         }
       }
     }
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-1uEN: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-1uEN);--container-color-SCOPED-IN-fab-1uEN: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-1uEN: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-1uEN: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-1uEN: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-1uEN);right:var(--fab-button-right-SCOPED-IN-fab-1uEN);transition:all .3s ease;--mat-fab-container-color: var(--container-color);--mat-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-9ot4: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-9ot4);--container-color-SCOPED-IN-fab-9ot4: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-9ot4: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-9ot4: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-9ot4: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-9ot4);right:var(--fab-button-right-SCOPED-IN-fab-9ot4);transition:all .3s ease;--mat-fab-container-color: var(--container-color);--mat-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
@@ -121,7 +121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         },
                     ], host: {
                         '[attr.hide]': 'store.hide()',
-                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-1uEN: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-1uEN);--container-color-SCOPED-IN-fab-1uEN: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-1uEN: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-1uEN: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-1uEN: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-1uEN);right:var(--fab-button-right-SCOPED-IN-fab-1uEN);transition:all .3s ease;--mat-fab-container-color: var(--container-color);--mat-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
+                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-9ot4: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-9ot4);--container-color-SCOPED-IN-fab-9ot4: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-9ot4: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-9ot4: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-9ot4: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-9ot4);right:var(--fab-button-right-SCOPED-IN-fab-9ot4);transition:all .3s ease;--mat-fab-container-color: var(--container-color);--mat-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
         }] });
 
 /**
@@ -129,4 +129,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { FabFrame, FabFrameStore, FabService };
-//# sourceMappingURL=ng-atomic-components-frames-fab.mjs.map

package/fesm2022/ng-atomic-components-frames-horizontal-divider.mjs

@@ -64,7 +64,7 @@ class HorizontalDividerFrame extends NgAtomicComponent {
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-NDAl: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-NDAl: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-NDAl: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-NDAl: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-NDAl: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-NDAl: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-NDAl: var(--on-surface-color);--first-content-width: calc(100% - 360px) ;--first-content-width-SCOPED-IN-divider-NDAl: var(--first-content-width);--min-first-content-width: 200px;--min-first-content-width-SCOPED-IN-divider-NDAl: var(--min-first-content-width);--max-first-content-width: 100%;--max-first-content-width-SCOPED-IN-divider-NDAl: var(--max-first-content-width)}:host{display:flex;flex-direction:row;position:relative;width:100%;height:100%}:host .container{position:relative}:host .container.first{flex:0 0 clamp(var(--min-first-content-width-SCOPED-IN-divider-NDAl),var(--first-content-width-SCOPED-IN-divider-NDAl),var(--max-first-content-width-SCOPED-IN-divider-NDAl));overflow:hidden}:host .container.second{flex:1;overflow:hidden}:host .cover{position:absolute;inset:0;z-index:1}:host mat-divider{flex:none;align-self:stretch;z-index:1000;height:100%;width:1px;cursor:col-resize;position:relative;border:none;background-color:var(--primary-color-SCOPED-IN-divider-NDAl);transition:background-color .1s}:host mat-divider:before{content:\"\";position:absolute;top:0;left:-8px;width:8px;height:100%;background-color:transparent;transition:background-color .1s}:host mat-divider:hover{background-color:var(--primary-color-SCOPED-IN-divider-NDAl)}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-NDAl)}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-Lg9z: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-Lg9z: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-Lg9z: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-Lg9z: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-Lg9z: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-Lg9z: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-Lg9z: var(--on-surface-color);--first-content-width: calc(100% - 360px) ;--first-content-width-SCOPED-IN-divider-Lg9z: var(--first-content-width);--min-first-content-width: 200px;--min-first-content-width-SCOPED-IN-divider-Lg9z: var(--min-first-content-width);--max-first-content-width: 100%;--max-first-content-width-SCOPED-IN-divider-Lg9z: var(--max-first-content-width)}:host{display:flex;flex-direction:row;position:relative;width:100%;height:100%}:host .container{position:relative}:host .container.first{flex:0 0 clamp(var(--min-first-content-width-SCOPED-IN-divider-Lg9z),var(--first-content-width-SCOPED-IN-divider-Lg9z),var(--max-first-content-width-SCOPED-IN-divider-Lg9z));overflow:hidden}:host .container.second{flex:1;overflow:hidden}:host .cover{position:absolute;inset:0;z-index:1}:host mat-divider{flex:none;align-self:stretch;z-index:1000;height:100%;width:1px;cursor:col-resize;position:relative;border:none;background-color:var(--primary-color-SCOPED-IN-divider-Lg9z);transition:background-color .1s}:host mat-divider:before{content:\"\";position:absolute;top:0;left:-8px;width:8px;height:100%;background-color:transparent;transition:background-color .1s}:host mat-divider:hover{background-color:var(--primary-color-SCOPED-IN-divider-Lg9z)}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-Lg9z)}\n"], dependencies: [{ kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: HorizontalDividerFrame, decorators: [{
             type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
       <ng-content select="[second]"></ng-content>
       @if (dragging()) { <div class="cover"></div> }
     </div>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-NDAl: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-NDAl: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-NDAl: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-NDAl: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-NDAl: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-NDAl: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-NDAl: var(--on-surface-color);--first-content-width: calc(100% - 360px) ;--first-content-width-SCOPED-IN-divider-NDAl: var(--first-content-width);--min-first-content-width: 200px;--min-first-content-width-SCOPED-IN-divider-NDAl: var(--min-first-content-width);--max-first-content-width: 100%;--max-first-content-width-SCOPED-IN-divider-NDAl: var(--max-first-content-width)}:host{display:flex;flex-direction:row;position:relative;width:100%;height:100%}:host .container{position:relative}:host .container.first{flex:0 0 clamp(var(--min-first-content-width-SCOPED-IN-divider-NDAl),var(--first-content-width-SCOPED-IN-divider-NDAl),var(--max-first-content-width-SCOPED-IN-divider-NDAl));overflow:hidden}:host .container.second{flex:1;overflow:hidden}:host .cover{position:absolute;inset:0;z-index:1}:host mat-divider{flex:none;align-self:stretch;z-index:1000;height:100%;width:1px;cursor:col-resize;position:relative;border:none;background-color:var(--primary-color-SCOPED-IN-divider-NDAl);transition:background-color .1s}:host mat-divider:before{content:\"\";position:absolute;top:0;left:-8px;width:8px;height:100%;background-color:transparent;transition:background-color .1s}:host mat-divider:hover{background-color:var(--primary-color-SCOPED-IN-divider-NDAl)}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-NDAl)}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-Lg9z: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-Lg9z: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-Lg9z: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-Lg9z: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-Lg9z: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-Lg9z: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-Lg9z: var(--on-surface-color);--first-content-width: calc(100% - 360px) ;--first-content-width-SCOPED-IN-divider-Lg9z: var(--first-content-width);--min-first-content-width: 200px;--min-first-content-width-SCOPED-IN-divider-Lg9z: var(--min-first-content-width);--max-first-content-width: 100%;--max-first-content-width-SCOPED-IN-divider-Lg9z: var(--max-first-content-width)}:host{display:flex;flex-direction:row;position:relative;width:100%;height:100%}:host .container{position:relative}:host .container.first{flex:0 0 clamp(var(--min-first-content-width-SCOPED-IN-divider-Lg9z),var(--first-content-width-SCOPED-IN-divider-Lg9z),var(--max-first-content-width-SCOPED-IN-divider-Lg9z));overflow:hidden}:host .container.second{flex:1;overflow:hidden}:host .cover{position:absolute;inset:0;z-index:1}:host mat-divider{flex:none;align-self:stretch;z-index:1000;height:100%;width:1px;cursor:col-resize;position:relative;border:none;background-color:var(--primary-color-SCOPED-IN-divider-Lg9z);transition:background-color .1s}:host mat-divider:before{content:\"\";position:absolute;top:0;left:-8px;width:8px;height:100%;background-color:transparent;transition:background-color .1s}:host mat-divider:hover{background-color:var(--primary-color-SCOPED-IN-divider-Lg9z)}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-Lg9z)}\n"] }]
         }], propDecorators: { firstContent: [{ type: i0.ViewChild, args: ['first', { ...{ read: ElementRef }, isSignal: true }] }], divider: [{ type: i0.ViewChild, args: ['el', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 /**
@@ -98,4 +98,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { HorizontalDividerFrame };
-//# sourceMappingURL=ng-atomic-components-frames-horizontal-divider.mjs.map

package/fesm2022/ng-atomic-components-frames-line-up.mjs

@@ -131,7 +131,7 @@ class LineUpFrame {
     @if (store.hasNext()) {
       <div class="next" @hasNext><ng-content select=[next] /></div>
     }
-  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-jbwV: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-jbwV: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-jbwV: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-jbwV: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-jbwV: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-jbwV));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-jbwV);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
+  `, isInline: true, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-ShIq: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-ShIq: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-ShIq: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-ShIq: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-ShIq: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-ShIq));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-ShIq);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"], animations: LINE_UP_ANIMATIONS, changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: LineUpFrame, decorators: [{
             type: Component,
@@ -147,7 +147,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                         },
                     ], host: {
                         'attr.has-next': 'store.hasNext()',
-                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-jbwV: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-jbwV: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-jbwV: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-jbwV: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-jbwV: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-jbwV));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-jbwV);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
+                    }, styles: [":host{--gap: 0px;--gap-SCOPED-IN-line-up-ShIq: var(--gap);--background-color: #ccc;--background-color-SCOPED-IN-line-up-ShIq: var(--background-color);--next-width: 100%;--next-width-SCOPED-IN-line-up-ShIq: var(--next-width);--next-max-width: fit-content;--next-max-width-SCOPED-IN-line-up-ShIq: var(--next-max-width);--translate-x: 0px;--translate-x-SCOPED-IN-line-up-ShIq: var(--translate-x)}:host{position:relative;transform:translate(var(--translate-x-SCOPED-IN-line-up-ShIq));transition:transform .3s ease-in-out;display:flex;justify-content:flex-start;gap:var(--gap-SCOPED-IN-line-up-ShIq);width:100%;height:100%}:host .main{max-width:100%;height:100%;z-index:2}:host .next{width:100%;height:100%;z-index:1}\n"] }]
         }], propDecorators: { main: [{ type: i0.ViewChild, args: ['main', { ...{ read: ElementRef }, isSignal: true }] }] } });
 
 /**
@@ -155,4 +155,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { LineUpFrame, LineUpFrameService, LineUpFrameStore };
-//# sourceMappingURL=ng-atomic-components-frames-line-up.mjs.map

package/fesm2022/ng-atomic-components-frames-loading.mjs

@@ -26,7 +26,7 @@ class LoadingFrame extends NgAtomicComponent {
     @if(store.isLoading()) {
       <div class="loading"><mat-spinner /></div>
     }
-  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-kMv4: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-kMv4: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mat-progress-spinner-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-kMv4);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-kMv4)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-btrd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-btrd: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mat-progress-spinner-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-btrd);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-btrd)}\n"], dependencies: [{ kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: LoadingFrame, decorators: [{
             type: Component,
@@ -42,7 +42,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                             directive: LoadingFrameStore,
                             inputs: ['isLoading'],
                         }
-                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-kMv4: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-kMv4: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mat-progress-spinner-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-kMv4);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-kMv4)}\n"] }]
+                    ], styles: [":host{--primary-color: inherit;--primary-color-SCOPED-IN-loading-btrd: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-loading-btrd: var(--on-primary-color)}:host{position:relative;display:block;width:100%;height:100%}:host .loading{position:absolute;z-index:10000;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:#0006}:host .loading mat-spinner{--mat-progress-spinner-active-indicator-color: var(--primary-color)}:host .contents{position:absolute;top:0;left:0;display:block;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-loading-btrd);--on-primary-color: var(--on-primary-color-SCOPED-IN-loading-btrd)}\n"] }]
         }] });
 
 /**
@@ -50,4 +50,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { LoadingFrame, LoadingFrameStore };
-//# sourceMappingURL=ng-atomic-components-frames-loading.mjs.map

package/fesm2022/ng-atomic-components-frames-overlay.mjs

@@ -142,4 +142,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 
 export { OverlayFrame, OverlayFrameStore };
-//# sourceMappingURL=ng-atomic-components-frames-overlay.mjs.map