@elderbyte/ngx-starter 15.1.1 → 15.2.1

package/lib/components/expand-toggle-button/elder-expand-toggle-button.module.d.ts

@@ -3,9 +3,10 @@ import * as i1 from "./elder-expand-toggle-button.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/button";
 import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/core";
 export { ElderExpandToggleButtonComponent } from './elder-expand-toggle-button.component';
 export declare class ElderExpandToggleButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderExpandToggleButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderExpandToggleButtonModule, [typeof i1.ElderExpandToggleButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatIconModule], [typeof i1.ElderExpandToggleButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderExpandToggleButtonModule, [typeof i1.ElderExpandToggleButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatIconModule, typeof i5.MatRippleModule], [typeof i1.ElderExpandToggleButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderExpandToggleButtonModule>;
 }

package/lib/components/panels/elder-panel.module.d.ts

@@ -2,13 +2,17 @@ import * as i0 from "@angular/core";
 import * as i1 from "./flat/elder-panel.component";
 import * as i2 from "./card-panel/elder-card-panel.component";
 import * as i3 from "./elder-dialog-panel/elder-dialog-panel.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/material/core";
+import * as i4 from "./toggle-panel/elder-toggle-panel.component";
+import * as i5 from "./toggle-panel/elder-toggle-panel-trigger.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/material/core";
 export { ElderPanelComponent } from './flat/elder-panel.component';
 export { ElderCardPanelComponent } from './card-panel/elder-card-panel.component';
 export { ElderDialogPanelComponent } from './elder-dialog-panel/elder-dialog-panel.component';
+export * from './toggle-panel/elder-toggle-panel.component';
+export { ElderTogglePanelTriggerDirective } from './toggle-panel/elder-toggle-panel-trigger.directive';
 export declare class ElderPanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderPanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderPanelModule, [typeof i1.ElderPanelComponent, typeof i2.ElderCardPanelComponent, typeof i3.ElderDialogPanelComponent], [typeof i4.CommonModule, typeof i5.MatCommonModule], [typeof i1.ElderPanelComponent, typeof i2.ElderCardPanelComponent, typeof i3.ElderDialogPanelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderPanelModule, [typeof i1.ElderPanelComponent, typeof i2.ElderCardPanelComponent, typeof i3.ElderDialogPanelComponent, typeof i4.ElderTogglePanelComponent, typeof i4.ElderTogglePanelPrimaryDirective, typeof i4.ElderTogglePanelSecondaryDirective, typeof i5.ElderTogglePanelTriggerDirective], [typeof i6.CommonModule, typeof i7.MatCommonModule], [typeof i1.ElderPanelComponent, typeof i2.ElderCardPanelComponent, typeof i3.ElderDialogPanelComponent, typeof i4.ElderTogglePanelComponent, typeof i4.ElderTogglePanelPrimaryDirective, typeof i4.ElderTogglePanelSecondaryDirective, typeof i5.ElderTogglePanelTriggerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderPanelModule>;
 }

package/lib/components/panels/toggle-panel/elder-toggle-panel-trigger.directive.d.ts

@@ -0,0 +1,34 @@
+import { ElderTogglePanelComponent } from './elder-toggle-panel.component';
+import * as i0 from "@angular/core";
+export declare class ElderTogglePanelTriggerDirective {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly logger;
+    panel: ElderTogglePanelComponent;
+    type: 'click' | 'focus';
+    enabled: boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Event Listeners                                                         *
+     *                                                                         *
+     **************************************************************************/
+    handleClick(event: MouseEvent): void;
+    handleFocus(event: MouseEvent): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private handleTrigger;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTogglePanelTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTogglePanelTriggerDirective, "[elderTogglePanelTrigger]", never, { "panel": "elderTogglePanelTrigger"; "type": "elderTogglePanelTriggerType"; "enabled": "elderTogglePanelTriggerEnabled"; }, {}, never, never, false, never>;
+}

package/lib/components/panels/toggle-panel/elder-toggle-panel.component.d.ts

@@ -0,0 +1,38 @@
+import { TemplateRef, ViewContainerRef } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ElderTogglePanelPrimaryDirective {
+    templateRef: TemplateRef<any>;
+    viewContainer: ViewContainerRef;
+    constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTogglePanelPrimaryDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTogglePanelPrimaryDirective, "[elderTogglePanelPrimary]", never, {}, {}, never, never, false, never>;
+}
+export declare class ElderTogglePanelSecondaryDirective {
+    templateRef: TemplateRef<any>;
+    viewContainer: ViewContainerRef;
+    constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTogglePanelSecondaryDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderTogglePanelSecondaryDirective, "[elderTogglePanelSecondary]", never, {}, {}, never, never, false, never>;
+}
+export declare class ElderTogglePanelComponent {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly logger;
+    readonly showPrimary$: BehaviorSubject<boolean>;
+    primaryPanel: TemplateRef<any>;
+    secondaryPanel: TemplateRef<any>;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    showPrimary(): void;
+    showSecondary(): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderTogglePanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderTogglePanelComponent, "elder-toggle-panel", ["elderTogglePanel"], {}, {}, ["primaryPanel", "secondaryPanel"], never, false, never>;
+}

package/lib/components/shell/elder-shell.module.d.ts

@@ -11,9 +11,9 @@ import * as i9 from "@angular/material/icon";
 import * as i10 from "@angular/material/list";
 import * as i11 from "@angular/material/button";
 import * as i12 from "../navigation/toolbar/elder-toolbar.module";
-import * as i13 from "@ngx-translate/core";
-import * as i14 from "../panels/elder-panel.module";
-import * as i15 from "../theme/elder-theme.module";
+import * as i13 from "../panels/elder-panel.module";
+import * as i14 from "../theme/elder-theme.module";
+import * as i15 from "@ngx-translate/core";
 export * from './shell/elder-shell.component';
 export { ElderShellNavigationToggleComponent } from './shell-navigation-toggle/elder-shell-navigation-toggle.component';
 export { DrawerOutletBinding } from './drawers/drawer-outlet-binding';
@@ -25,6 +25,6 @@ export { ShellContentSlot } from './shell-content-slot';
 export { ElderAppHeaderComponent } from './header/elder-app-header/elder-app-header.component';
 export declare class ElderShellModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderShellModule, [typeof i1.ElderShellComponent, typeof i1.ElderShellSideLeftDirective, typeof i1.ElderShellSideRightDirective, typeof i1.ElderShellCenterDirective, typeof i2.ElderShellNavigationToggleComponent, typeof i3.ElderShellSlotDirective, typeof i4.ElderAppHeaderComponent], [typeof i5.CommonModule, typeof i6.RouterModule, typeof i7.MatSidenavModule, typeof i8.MatToolbarModule, typeof i9.MatIconModule, typeof i10.MatListModule, typeof i11.MatButtonModule, typeof i12.ElderToolbarModule, typeof i13.TranslateModule, typeof i14.ElderPanelModule, typeof i15.ElderThemeModule], [typeof i1.ElderShellComponent, typeof i1.ElderShellSideLeftDirective, typeof i1.ElderShellSideRightDirective, typeof i1.ElderShellCenterDirective, typeof i2.ElderShellNavigationToggleComponent, typeof i3.ElderShellSlotDirective, typeof i4.ElderAppHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderShellModule, [typeof i1.ElderShellComponent, typeof i1.ElderShellSideLeftDirective, typeof i1.ElderShellSideRightDirective, typeof i1.ElderShellCenterDirective, typeof i2.ElderShellNavigationToggleComponent, typeof i3.ElderShellSlotDirective, typeof i4.ElderAppHeaderComponent], [typeof i5.CommonModule, typeof i6.RouterModule, typeof i7.MatSidenavModule, typeof i8.MatToolbarModule, typeof i9.MatIconModule, typeof i10.MatListModule, typeof i11.MatButtonModule, typeof i12.ElderToolbarModule, typeof i13.ElderPanelModule, typeof i14.ElderThemeModule, typeof i15.TranslateModule], [typeof i1.ElderShellComponent, typeof i1.ElderShellSideLeftDirective, typeof i1.ElderShellSideRightDirective, typeof i1.ElderShellCenterDirective, typeof i2.ElderShellNavigationToggleComponent, typeof i3.ElderShellSlotDirective, typeof i4.ElderAppHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderShellModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "15.1.1",
+  "version": "15.2.1",
   "peerDependencies": {
     "@angular/core": "^15.0.0 || ^16.0.0",
     "@angular/common": "^15.0.0 || ^16.0.0",

package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss

@@ -0,0 +1,28 @@
+@use '@angular/material' as mat;
+
+@mixin theme($theme) {
+  $primary: map-get($theme, primary);
+  $accent: map-get($theme, accent);
+  $warn: map-get($theme, warn);
+  $background: map-get($theme, background);
+  $foreground: map-get($theme, foreground);
+
+  .toggle-button:hover {
+    background-color: mat.get-color-from-palette($accent, default, 0.1);
+    cursor: pointer;
+  }
+
+}
+
+.toggle-button {
+  text-decoration: none;
+  padding-left: 16px;
+  padding-right: 16px;
+  min-height: 48px;
+  border-radius: 4px;
+  overflow: hidden;
+  transition: background 0.5s;
+}
+
+
+

package/src/lib/components/measures/quantity-input/quantity-input-control/elder-quantity-input-control.component.scss

@@ -1,3 +1,7 @@
 .elder-quantity-input {
   text-align: right;
 }
+
+.elder-quantity-unit {
+  margin-left: 4px;
+}

package/theming/_elder-style-fixes.scss

@@ -104,6 +104,11 @@
         }
       }
     }
+
+    .mat-mdc-form-field-error-wrapper {
+      display: flex;
+      padding-right: 0;
+    }
   }
 
 }