@lukfel/ng-scaffold 22.3.3 → 22.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1114,11 +1114,11 @@ class FloatingButtonComponent {
|
|
|
1114
1114
|
this.floatingButtonClickEvent.emit(id || '');
|
|
1115
1115
|
}
|
|
1116
1116
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FloatingButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FloatingButtonComponent, isStandalone: true, selector: "lf-floating-button", inputs: { libraryConfig: { classPropertyName: "libraryConfig", publicName: "libraryConfig", isSignal: true, isRequired: false, transformFunction: null }, floatingButtonConfig: { classPropertyName: "floatingButtonConfig", publicName: "floatingButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, onTop: { classPropertyName: "onTop", publicName: "onTop", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, drawerEnabled: { classPropertyName: "drawerEnabled", publicName: "drawerEnabled", isSignal: true, isRequired: false, transformFunction: null }, navbarEnabled: { classPropertyName: "navbarEnabled", publicName: "navbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, bottomBarEnabled: { classPropertyName: "bottomBarEnabled", publicName: "bottomBarEnabled", isSignal: true, isRequired: false, transformFunction: null }, bottomSnackbarOpen: { classPropertyName: "bottomSnackbarOpen", publicName: "bottomSnackbarOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { floatingButtonConfigUpdateEvent: "floatingButtonConfigUpdateEvent", floatingButtonClickEvent: "floatingButtonClickEvent" }, ngImport: i0, template: "@if (floatingButtonConfig(); as config) {\r\n @if (config.enable && (!config.autoHide || !onTop())) {\r\n <!-- The group carries the placement, so both halves move as one -->\r\n <div\r\n class=\"lf-floating-button-group lf-transitions\"\r\n [ngClass]=\"config.horizontalPosition\"\r\n [class.split]=\"!!config.secondaryButton\"\r\n [class.sticky]=\"config.sticky\"\r\n [class.show-navbar]=\"isMobile() && navbarEnabled() && !bottomBarEnabled()\"\r\n [class.show-bottom-bar]=\"bottomBarEnabled() && !(isMobile() && navbarEnabled())\"\r\n [class.show-navbar-and-bottom-bar]=\"isMobile() && navbarEnabled() && bottomBarEnabled()\"\r\n [class.show-snackbar]=\"bottomSnackbarOpen()\"\r\n [class.show-drawer]=\"!isMobile() && drawerEnabled()\">\r\n <button\r\n mat-fab\r\n color=\"accent\"\r\n class=\"lf-floating-button\"\r\n [
|
|
1117
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FloatingButtonComponent, isStandalone: true, selector: "lf-floating-button", inputs: { libraryConfig: { classPropertyName: "libraryConfig", publicName: "libraryConfig", isSignal: true, isRequired: false, transformFunction: null }, floatingButtonConfig: { classPropertyName: "floatingButtonConfig", publicName: "floatingButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, onTop: { classPropertyName: "onTop", publicName: "onTop", isSignal: true, isRequired: false, transformFunction: null }, isMobile: { classPropertyName: "isMobile", publicName: "isMobile", isSignal: true, isRequired: false, transformFunction: null }, drawerEnabled: { classPropertyName: "drawerEnabled", publicName: "drawerEnabled", isSignal: true, isRequired: false, transformFunction: null }, navbarEnabled: { classPropertyName: "navbarEnabled", publicName: "navbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, bottomBarEnabled: { classPropertyName: "bottomBarEnabled", publicName: "bottomBarEnabled", isSignal: true, isRequired: false, transformFunction: null }, bottomSnackbarOpen: { classPropertyName: "bottomSnackbarOpen", publicName: "bottomSnackbarOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { floatingButtonConfigUpdateEvent: "floatingButtonConfigUpdateEvent", floatingButtonClickEvent: "floatingButtonClickEvent" }, ngImport: i0, template: "@if (floatingButtonConfig(); as config) {\r\n @if (config.enable && (!config.autoHide || !onTop())) {\r\n <!-- The group carries the placement, so both halves move as one -->\r\n <div\r\n class=\"lf-floating-button-group lf-transitions\"\r\n [ngClass]=\"config.cssClass + ' ' + config.horizontalPosition\"\r\n [class.split]=\"!!config.secondaryButton\"\r\n [class.sticky]=\"config.sticky\"\r\n [class.show-navbar]=\"isMobile() && navbarEnabled() && !bottomBarEnabled()\"\r\n [class.show-bottom-bar]=\"bottomBarEnabled() && !(isMobile() && navbarEnabled())\"\r\n [class.show-navbar-and-bottom-bar]=\"isMobile() && navbarEnabled() && bottomBarEnabled()\"\r\n [class.show-snackbar]=\"bottomSnackbarOpen()\"\r\n [class.show-drawer]=\"!isMobile() && drawerEnabled()\">\r\n <button\r\n mat-fab\r\n color=\"accent\"\r\n class=\"lf-floating-button\"\r\n [extended]=\"!!config.label\"\r\n [disabled]=\"config.disabled\"\r\n (click)=\"buttonClicked(config.id)\"\r\n [matTooltip]=\"config.tooltip!\">\r\n <!-- icon -->\r\n @if (config.matIcon) {\r\n <mat-icon>\r\n {{ config.matIcon }}\r\n </mat-icon>\r\n } @else if (config.svgIcon) {\r\n <mat-icon [svgIcon]=\"config.svgIcon\"></mat-icon>\r\n }\r\n <!-- label -->\r\n @if (config.label) {\r\n <span class=\"lf-floating-button-label\">\r\n {{ config.label }}\r\n </span>\r\n }\r\n </button>\r\n\r\n <!-- secondary -->\r\n @if (config.secondaryButton; as secondary) {\r\n <button\r\n mat-fab\r\n color=\"accent\"\r\n class=\"lf-floating-button lf-floating-button-secondary\"\r\n [ngClass]=\"secondary.cssClass\"\r\n [extended]=\"!!config.label\"\r\n [disabled]=\"secondary.disabled || config.disabled\"\r\n [matMenuTriggerFor]=\"secondary.menuButtons?.length ? menu : null\"\r\n (click)=\"buttonClicked(secondary.id)\"\r\n [attr.aria-label]=\"secondary.id || secondary.tooltip\"\r\n [matTooltip]=\"secondary.tooltip!\">\r\n <!-- icon -->\r\n @if (secondary.matIcon) {\r\n <mat-icon class=\"mr-0\">\r\n {{ secondary.matIcon }}\r\n </mat-icon>\r\n } @else if (secondary.svgIcon) {\r\n <mat-icon class=\"mr-0\" [svgIcon]=\"secondary.svgIcon\"></mat-icon>\r\n }\r\n </button>\r\n\r\n <!-- menu -->\r\n <mat-menu #menu=\"matMenu\" xPosition=\"before\">\r\n @for (menuButton of secondary.menuButtons; track menuButton.id) {\r\n <button\r\n mat-menu-item\r\n [ngClass]=\"menuButton.cssClass\"\r\n [disabled]=\"menuButton.disabled\"\r\n [matTooltip]=\"menuButton.tooltip\"\r\n (click)=\"buttonClicked(menuButton.id)\">\r\n <!-- icon -->\r\n @if (menuButton.matIcon) {\r\n <mat-icon>\r\n {{ menuButton.matIcon }}\r\n </mat-icon>\r\n } @else if (menuButton.svgIcon) {\r\n <mat-icon [svgIcon]=\"menuButton.svgIcon\"></mat-icon>\r\n }\r\n <!-- label -->\r\n <span>{{ menuButton.label }}</span>\r\n </button>\r\n }\r\n </mat-menu>\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [".lf-floating-button-group{display:inline-flex;align-items:stretch;z-index:var(--floating-button-z-index);bottom:calc(var(--floating-button-bottom) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group.split{border-radius:var(--floating-button-group-radius);box-shadow:var(--floating-button-group-shadow);overflow:hidden}.lf-floating-button-group.split .lf-floating-button{border-radius:0!important;box-shadow:none!important}.lf-floating-button-group.split .lf-floating-button:first-of-type{border-right:1px solid var(--floating-button-divider-color)}.lf-floating-button-group.split .lf-floating-button-secondary{min-width:0!important;padding:0 var(--floating-button-secondary-padding)!important}.lf-floating-button-group.show-snackbar{--lf-fab-snackbar-offset: var(--floating-button-snackbar-offset)}.lf-floating-button-group.sticky{position:sticky!important}.lf-floating-button-group.sticky.show-bottom-bar,.lf-floating-button-group.sticky.show-navbar-and-bottom-bar{bottom:calc(var(--floating-button-bottom) + var(--bottom-bar-height) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group.sticky.center{left:50%;translate:-50%}.lf-floating-button-group.sticky.center.show-drawer{left:calc(50% + var(--drawer-width) / 2)!important}.lf-floating-button-group.sticky.right{left:100%}.lf-floating-button-group:not(.sticky){position:fixed!important}.lf-floating-button-group:not(.sticky).show-navbar{bottom:calc(var(--floating-button-bottom) + var(--navbar-height-mobile) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group:not(.sticky).show-bottom-bar{bottom:calc(var(--floating-button-bottom) + var(--bottom-bar-height) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group:not(.sticky).show-navbar-and-bottom-bar{bottom:calc(var(--floating-button-bottom) + var(--navbar-height-mobile) + var(--bottom-bar-height) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group:not(.sticky).center{left:calc(50% - 4px);translate:-50%}.lf-floating-button-group:not(.sticky).center.show-drawer{left:calc(50% + var(--drawer-width) / 2 - 4px)!important}.lf-floating-button-group:not(.sticky).right{left:calc(100% - (var(--floating-button-right) + 8px));translate:-100%}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1118
1118
|
}
|
|
1119
1119
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FloatingButtonComponent, decorators: [{
|
|
1120
1120
|
type: Component,
|
|
1121
|
-
args: [{ selector: 'lf-floating-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonModule, MatIconModule, MatMenuModule, MatTooltipModule, NgClass], template: "@if (floatingButtonConfig(); as config) {\r\n @if (config.enable && (!config.autoHide || !onTop())) {\r\n <!-- The group carries the placement, so both halves move as one -->\r\n <div\r\n class=\"lf-floating-button-group lf-transitions\"\r\n [ngClass]=\"config.horizontalPosition\"\r\n [class.split]=\"!!config.secondaryButton\"\r\n [class.sticky]=\"config.sticky\"\r\n [class.show-navbar]=\"isMobile() && navbarEnabled() && !bottomBarEnabled()\"\r\n [class.show-bottom-bar]=\"bottomBarEnabled() && !(isMobile() && navbarEnabled())\"\r\n [class.show-navbar-and-bottom-bar]=\"isMobile() && navbarEnabled() && bottomBarEnabled()\"\r\n [class.show-snackbar]=\"bottomSnackbarOpen()\"\r\n [class.show-drawer]=\"!isMobile() && drawerEnabled()\">\r\n <button\r\n mat-fab\r\n color=\"accent\"\r\n class=\"lf-floating-button\"\r\n [
|
|
1121
|
+
args: [{ selector: 'lf-floating-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatButtonModule, MatIconModule, MatMenuModule, MatTooltipModule, NgClass], template: "@if (floatingButtonConfig(); as config) {\r\n @if (config.enable && (!config.autoHide || !onTop())) {\r\n <!-- The group carries the placement, so both halves move as one -->\r\n <div\r\n class=\"lf-floating-button-group lf-transitions\"\r\n [ngClass]=\"config.cssClass + ' ' + config.horizontalPosition\"\r\n [class.split]=\"!!config.secondaryButton\"\r\n [class.sticky]=\"config.sticky\"\r\n [class.show-navbar]=\"isMobile() && navbarEnabled() && !bottomBarEnabled()\"\r\n [class.show-bottom-bar]=\"bottomBarEnabled() && !(isMobile() && navbarEnabled())\"\r\n [class.show-navbar-and-bottom-bar]=\"isMobile() && navbarEnabled() && bottomBarEnabled()\"\r\n [class.show-snackbar]=\"bottomSnackbarOpen()\"\r\n [class.show-drawer]=\"!isMobile() && drawerEnabled()\">\r\n <button\r\n mat-fab\r\n color=\"accent\"\r\n class=\"lf-floating-button\"\r\n [extended]=\"!!config.label\"\r\n [disabled]=\"config.disabled\"\r\n (click)=\"buttonClicked(config.id)\"\r\n [matTooltip]=\"config.tooltip!\">\r\n <!-- icon -->\r\n @if (config.matIcon) {\r\n <mat-icon>\r\n {{ config.matIcon }}\r\n </mat-icon>\r\n } @else if (config.svgIcon) {\r\n <mat-icon [svgIcon]=\"config.svgIcon\"></mat-icon>\r\n }\r\n <!-- label -->\r\n @if (config.label) {\r\n <span class=\"lf-floating-button-label\">\r\n {{ config.label }}\r\n </span>\r\n }\r\n </button>\r\n\r\n <!-- secondary -->\r\n @if (config.secondaryButton; as secondary) {\r\n <button\r\n mat-fab\r\n color=\"accent\"\r\n class=\"lf-floating-button lf-floating-button-secondary\"\r\n [ngClass]=\"secondary.cssClass\"\r\n [extended]=\"!!config.label\"\r\n [disabled]=\"secondary.disabled || config.disabled\"\r\n [matMenuTriggerFor]=\"secondary.menuButtons?.length ? menu : null\"\r\n (click)=\"buttonClicked(secondary.id)\"\r\n [attr.aria-label]=\"secondary.id || secondary.tooltip\"\r\n [matTooltip]=\"secondary.tooltip!\">\r\n <!-- icon -->\r\n @if (secondary.matIcon) {\r\n <mat-icon class=\"mr-0\">\r\n {{ secondary.matIcon }}\r\n </mat-icon>\r\n } @else if (secondary.svgIcon) {\r\n <mat-icon class=\"mr-0\" [svgIcon]=\"secondary.svgIcon\"></mat-icon>\r\n }\r\n </button>\r\n\r\n <!-- menu -->\r\n <mat-menu #menu=\"matMenu\" xPosition=\"before\">\r\n @for (menuButton of secondary.menuButtons; track menuButton.id) {\r\n <button\r\n mat-menu-item\r\n [ngClass]=\"menuButton.cssClass\"\r\n [disabled]=\"menuButton.disabled\"\r\n [matTooltip]=\"menuButton.tooltip\"\r\n (click)=\"buttonClicked(menuButton.id)\">\r\n <!-- icon -->\r\n @if (menuButton.matIcon) {\r\n <mat-icon>\r\n {{ menuButton.matIcon }}\r\n </mat-icon>\r\n } @else if (menuButton.svgIcon) {\r\n <mat-icon [svgIcon]=\"menuButton.svgIcon\"></mat-icon>\r\n }\r\n <!-- label -->\r\n <span>{{ menuButton.label }}</span>\r\n </button>\r\n }\r\n </mat-menu>\r\n }\r\n </div>\r\n }\r\n}\r\n", styles: [".lf-floating-button-group{display:inline-flex;align-items:stretch;z-index:var(--floating-button-z-index);bottom:calc(var(--floating-button-bottom) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group.split{border-radius:var(--floating-button-group-radius);box-shadow:var(--floating-button-group-shadow);overflow:hidden}.lf-floating-button-group.split .lf-floating-button{border-radius:0!important;box-shadow:none!important}.lf-floating-button-group.split .lf-floating-button:first-of-type{border-right:1px solid var(--floating-button-divider-color)}.lf-floating-button-group.split .lf-floating-button-secondary{min-width:0!important;padding:0 var(--floating-button-secondary-padding)!important}.lf-floating-button-group.show-snackbar{--lf-fab-snackbar-offset: var(--floating-button-snackbar-offset)}.lf-floating-button-group.sticky{position:sticky!important}.lf-floating-button-group.sticky.show-bottom-bar,.lf-floating-button-group.sticky.show-navbar-and-bottom-bar{bottom:calc(var(--floating-button-bottom) + var(--bottom-bar-height) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group.sticky.center{left:50%;translate:-50%}.lf-floating-button-group.sticky.center.show-drawer{left:calc(50% + var(--drawer-width) / 2)!important}.lf-floating-button-group.sticky.right{left:100%}.lf-floating-button-group:not(.sticky){position:fixed!important}.lf-floating-button-group:not(.sticky).show-navbar{bottom:calc(var(--floating-button-bottom) + var(--navbar-height-mobile) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group:not(.sticky).show-bottom-bar{bottom:calc(var(--floating-button-bottom) + var(--bottom-bar-height) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group:not(.sticky).show-navbar-and-bottom-bar{bottom:calc(var(--floating-button-bottom) + var(--navbar-height-mobile) + var(--bottom-bar-height) + var(--lf-fab-snackbar-offset, 0px))}.lf-floating-button-group:not(.sticky).center{left:calc(50% - 4px);translate:-50%}.lf-floating-button-group:not(.sticky).center.show-drawer{left:calc(50% + var(--drawer-width) / 2 - 4px)!important}.lf-floating-button-group:not(.sticky).right{left:calc(100% - (var(--floating-button-right) + 8px));translate:-100%}\n"] }]
|
|
1122
1122
|
}], ctorParameters: () => [], propDecorators: { libraryConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "libraryConfig", required: false }] }], floatingButtonConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "floatingButtonConfig", required: false }] }], onTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "onTop", required: false }] }], isMobile: [{ type: i0.Input, args: [{ isSignal: true, alias: "isMobile", required: false }] }], drawerEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawerEnabled", required: false }] }], navbarEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "navbarEnabled", required: false }] }], bottomBarEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomBarEnabled", required: false }] }], bottomSnackbarOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomSnackbarOpen", required: false }] }], floatingButtonConfigUpdateEvent: [{ type: i0.Output, args: ["floatingButtonConfigUpdateEvent"] }], floatingButtonClickEvent: [{ type: i0.Output, args: ["floatingButtonClickEvent"] }] } });
|
|
1123
1123
|
|
|
1124
1124
|
class FooterComponent {
|