@elderbyte/ngx-starter 21.3.1 → 21.4.1
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.
- package/fesm2022/elderbyte-ngx-starter.mjs +313 -3
- package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/components/layout/pane/resizable-pane-layout/resizable-pane-layout.component.scss +12 -0
- package/src/lib/components/layout/resizable/generic-resizable-layout/generic-resizable-layout.component.scss +9 -0
- package/src/lib/components/layout/resizable/resize-container/resize-container.component.scss +20 -0
- package/src/lib/components/layout/resizable/resize-handle-bar/resize-handle-bar.component.scss +37 -0
- package/theming/abstracts/_elder-starter-theme.scss +2 -0
- package/theming/components/_elder-pane-theme.scss +12 -0
- package/types/elderbyte-ngx-starter.d.ts +125 -3
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as i2 from '@angular/common';
|
|
2
2
|
import { formatDate, CommonModule, formatCurrency, getCurrencySymbol, AsyncPipe, NgTemplateOutlet, NgClass, NgStyle, formatNumber, DecimalPipe, DOCUMENT, DatePipe, registerLocaleData, CurrencyPipe } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Pipe, LOCALE_ID, Inject, NgModule, Injectable, inject, Optional, SkipSelf, Input, Output, Directive, forwardRef, ViewChild, ElementRef, DestroyRef, model, signal, computed, untracked, HostBinding, ViewChildren, ContentChild, ChangeDetectionStrategy, Component, Host, APP_INITIALIZER, TemplateRef, HostListener, EventEmitter, input, ViewEncapsulation, InjectionToken, output, effect, ContentChildren, contentChildren, viewChild, contentChild, viewChildren, linkedSignal, booleanAttribute, Injector, NgZone } from '@angular/core';
|
|
4
|
+
import { Pipe, LOCALE_ID, Inject, NgModule, Injectable, inject, Optional, SkipSelf, Input, Output, Directive, forwardRef, ViewChild, ElementRef, DestroyRef, model, signal, computed, untracked, HostBinding, ViewChildren, ContentChild, ChangeDetectionStrategy, Component, Host, APP_INITIALIZER, TemplateRef, HostListener, EventEmitter, input, ViewEncapsulation, InjectionToken, output, effect, ContentChildren, contentChildren, viewChild, contentChild, viewChildren, linkedSignal, booleanAttribute, Injector, NgZone, Renderer2 } from '@angular/core';
|
|
5
5
|
import * as i1 from '@angular/platform-browser';
|
|
6
6
|
import { Duration, Period, TemporalQueries, LocalTime, Instant, LocalDate, nativeJs, ZoneId, DateTimeFormatter, convert, ZonedDateTime, Temporal as Temporal$1 } from '@js-joda/core';
|
|
7
7
|
import { LoggerFactory } from '@elderbyte/ts-logger';
|
|
8
|
-
import { timer, defer, ReplaySubject, concat, finalize, exhaustMap, BehaviorSubject, Subject, switchMap, of, combineLatest, EMPTY, merge, throwError, forkJoin, mergeWith, Observable, from, toArray, zip, mergeMap as mergeMap$1, fromEvent, mergeAll, skipUntil, filter as filter$1, map as map$1, combineLatestWith as combineLatestWith$1, NEVER } from 'rxjs';
|
|
8
|
+
import { timer, defer, ReplaySubject, concat, finalize, exhaustMap, BehaviorSubject, Subject, switchMap, of, combineLatest, EMPTY, merge, throwError, forkJoin, mergeWith, Observable, from, toArray, zip, mergeMap as mergeMap$1, fromEvent, mergeAll, skipUntil, filter as filter$1, map as map$1, combineLatestWith as combineLatestWith$1, tap as tap$1, takeUntil as takeUntil$1, NEVER } from 'rxjs';
|
|
9
9
|
import { tap, takeUntil, takeWhile, map, filter, distinctUntilChanged, debounceTime, catchError, first, take, switchMap as switchMap$1, mergeMap, expand, reduce, combineLatestWith, startWith, skip, delay, share, skipWhile, timeout } from 'rxjs/operators';
|
|
10
10
|
import { Temporal } from '@js-temporal/polyfill';
|
|
11
11
|
import * as i1$1 from '@angular/common/http';
|
|
@@ -37971,6 +37971,316 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
37971
37971
|
args: ['class']
|
|
37972
37972
|
}] } });
|
|
37973
37973
|
|
|
37974
|
+
const DEFAULT_MIN_WIDTH = 5;
|
|
37975
|
+
const DEFAULT_MAX_WIDTH = 95;
|
|
37976
|
+
const DEFAULT_HANDLE_POSITION = 'end';
|
|
37977
|
+
|
|
37978
|
+
class ElderResizeBehaviorDirective {
|
|
37979
|
+
/***************************************************************************
|
|
37980
|
+
* *
|
|
37981
|
+
* Constructor *
|
|
37982
|
+
* *
|
|
37983
|
+
**************************************************************************/
|
|
37984
|
+
constructor() {
|
|
37985
|
+
this.logger = LoggerFactory.getLogger(this.constructor.name);
|
|
37986
|
+
this.elementRef = inject((ElementRef));
|
|
37987
|
+
this.renderer = inject(Renderer2);
|
|
37988
|
+
/***************************************************************************
|
|
37989
|
+
* *
|
|
37990
|
+
* Inputs *
|
|
37991
|
+
* *
|
|
37992
|
+
**************************************************************************/
|
|
37993
|
+
this.minWidth = input(DEFAULT_MIN_WIDTH, ...(ngDevMode ? [{ debugName: "minWidth" }] : []));
|
|
37994
|
+
this.maxWidth = input(DEFAULT_MAX_WIDTH, ...(ngDevMode ? [{ debugName: "maxWidth" }] : []));
|
|
37995
|
+
this.handlePosition = input(DEFAULT_HANDLE_POSITION, ...(ngDevMode ? [{ debugName: "handlePosition" }] : []));
|
|
37996
|
+
/***************************************************************************
|
|
37997
|
+
* *
|
|
37998
|
+
* State *
|
|
37999
|
+
* *
|
|
38000
|
+
**************************************************************************/
|
|
38001
|
+
this.isInComputedWidthMode = signal(false, ...(ngDevMode ? [{ debugName: "isInComputedWidthMode" }] : []));
|
|
38002
|
+
this.widthInPercent = signal(null, ...(ngDevMode ? [{ debugName: "widthInPercent" }] : []));
|
|
38003
|
+
this._isDragging = signal(false, ...(ngDevMode ? [{ debugName: "_isDragging" }] : []));
|
|
38004
|
+
this.containerWidth = 0;
|
|
38005
|
+
this.dragStartMousePosX = 0;
|
|
38006
|
+
this.dragStartPaneWidthInPercent = 0;
|
|
38007
|
+
/***************************************************************************
|
|
38008
|
+
* *
|
|
38009
|
+
* Computed *
|
|
38010
|
+
* *
|
|
38011
|
+
**************************************************************************/
|
|
38012
|
+
this.isDragging = this._isDragging.asReadonly();
|
|
38013
|
+
this.constrainedWidth = computed(() => {
|
|
38014
|
+
const width = this.widthInPercent();
|
|
38015
|
+
if (width === null) {
|
|
38016
|
+
return null;
|
|
38017
|
+
}
|
|
38018
|
+
return Math.max(this.minWidth(), Math.min(this.maxWidth(), width));
|
|
38019
|
+
}, ...(ngDevMode ? [{ debugName: "constrainedWidth" }] : []));
|
|
38020
|
+
/***************************************************************************
|
|
38021
|
+
* *
|
|
38022
|
+
* Observables *
|
|
38023
|
+
* *
|
|
38024
|
+
**************************************************************************/
|
|
38025
|
+
this.mouseDown$ = new Subject();
|
|
38026
|
+
this.mouseMove$ = fromEvent(document, 'mousemove');
|
|
38027
|
+
this.mouseUp$ = fromEvent(document, 'mouseup');
|
|
38028
|
+
this.drag$ = this.mouseDown$.pipe(tap$1((event) => {
|
|
38029
|
+
this.initComputedWidthModeIfNecessary();
|
|
38030
|
+
this.processDragStart(event);
|
|
38031
|
+
}), switchMap((event) => this.mouseMove$.pipe(finalize(() => {
|
|
38032
|
+
this.processDragEnd();
|
|
38033
|
+
}), takeUntil$1(this.mouseUp$))));
|
|
38034
|
+
this.drag$
|
|
38035
|
+
.pipe(takeUntilDestroyed(), map((event) => this.calcWidthInPercent(event, untracked(this.handlePosition))), filter((widthPercent) => widthPercent !== undefined))
|
|
38036
|
+
.subscribe((widthPercent) => this.widthInPercent.set(widthPercent));
|
|
38037
|
+
/**
|
|
38038
|
+
* Effect syncs the width style with the constrained width.
|
|
38039
|
+
*/
|
|
38040
|
+
effect(() => {
|
|
38041
|
+
const constrainedWidth = this.constrainedWidth();
|
|
38042
|
+
untracked(() => {
|
|
38043
|
+
if (constrainedWidth !== null) {
|
|
38044
|
+
this.setWidthStyle(constrainedWidth);
|
|
38045
|
+
}
|
|
38046
|
+
});
|
|
38047
|
+
});
|
|
38048
|
+
}
|
|
38049
|
+
/***************************************************************************
|
|
38050
|
+
* *
|
|
38051
|
+
* Life Cycle *
|
|
38052
|
+
* *
|
|
38053
|
+
**************************************************************************/
|
|
38054
|
+
ngOnDestroy() {
|
|
38055
|
+
this.mouseDown$.complete();
|
|
38056
|
+
}
|
|
38057
|
+
/***************************************************************************
|
|
38058
|
+
* *
|
|
38059
|
+
* Public API *
|
|
38060
|
+
* *
|
|
38061
|
+
**************************************************************************/
|
|
38062
|
+
startDrag(event) {
|
|
38063
|
+
this.mouseDown$.next(event);
|
|
38064
|
+
}
|
|
38065
|
+
/***************************************************************************
|
|
38066
|
+
* *
|
|
38067
|
+
* Private methods *
|
|
38068
|
+
* *
|
|
38069
|
+
**************************************************************************/
|
|
38070
|
+
removeExternalWidthStyles() {
|
|
38071
|
+
const stylesToRemove = [
|
|
38072
|
+
'flex',
|
|
38073
|
+
'flex-grow',
|
|
38074
|
+
'flex-shrink',
|
|
38075
|
+
'flex-basis',
|
|
38076
|
+
'width',
|
|
38077
|
+
'min-width',
|
|
38078
|
+
'max-width',
|
|
38079
|
+
];
|
|
38080
|
+
stylesToRemove.forEach((style) => {
|
|
38081
|
+
this.renderer.removeStyle(this.elementRef.nativeElement, style);
|
|
38082
|
+
});
|
|
38083
|
+
}
|
|
38084
|
+
setWidthStyle(width) {
|
|
38085
|
+
this.renderer.setStyle(this.elementRef.nativeElement, 'width', `${width}%`, 2);
|
|
38086
|
+
}
|
|
38087
|
+
processDragStart(event) {
|
|
38088
|
+
event.preventDefault();
|
|
38089
|
+
event.stopPropagation();
|
|
38090
|
+
this._isDragging.set(true);
|
|
38091
|
+
this.setWidthInPercentFromElementWidth();
|
|
38092
|
+
this.dragStartMousePosX = event.clientX;
|
|
38093
|
+
this.dragStartPaneWidthInPercent = this.widthInPercent();
|
|
38094
|
+
}
|
|
38095
|
+
processDragEnd() {
|
|
38096
|
+
this._isDragging.set(false);
|
|
38097
|
+
}
|
|
38098
|
+
initComputedWidthModeIfNecessary() {
|
|
38099
|
+
if (!this.isInComputedWidthMode()) {
|
|
38100
|
+
this.isInComputedWidthMode.set(true);
|
|
38101
|
+
this.setWidthInPercentFromElementWidth();
|
|
38102
|
+
this.removeExternalWidthStyles();
|
|
38103
|
+
// manually set width style after removal of initial styles
|
|
38104
|
+
this.setWidthStyle(this.constrainedWidth());
|
|
38105
|
+
}
|
|
38106
|
+
}
|
|
38107
|
+
setWidthInPercentFromElementWidth() {
|
|
38108
|
+
this.updateContainerWidth();
|
|
38109
|
+
if (this.containerWidth === 0) {
|
|
38110
|
+
this.logger.error('Container width is 0. Can not calculate percent.');
|
|
38111
|
+
return;
|
|
38112
|
+
}
|
|
38113
|
+
// Calculate the current element width as a percentage of container width
|
|
38114
|
+
const paneWidth = this.elementRef.nativeElement.offsetWidth;
|
|
38115
|
+
const percentage = (paneWidth / this.containerWidth) * 100;
|
|
38116
|
+
this.widthInPercent.set(percentage);
|
|
38117
|
+
}
|
|
38118
|
+
updateContainerWidth() {
|
|
38119
|
+
const containerElement = this.elementRef.nativeElement.parentElement;
|
|
38120
|
+
if (!containerElement) {
|
|
38121
|
+
this.logger.error('Container element not found for percentage calculation');
|
|
38122
|
+
return null;
|
|
38123
|
+
}
|
|
38124
|
+
// Use clientWidth which excludes borders and scrollbars, then subtract padding
|
|
38125
|
+
this.containerWidth = containerElement.clientWidth - this.getContainerPadding();
|
|
38126
|
+
return this.containerWidth;
|
|
38127
|
+
}
|
|
38128
|
+
getContainerPadding() {
|
|
38129
|
+
const containerElement = this.elementRef.nativeElement.parentElement;
|
|
38130
|
+
if (!containerElement) {
|
|
38131
|
+
return 0;
|
|
38132
|
+
}
|
|
38133
|
+
return (parseFloat(window.getComputedStyle(containerElement).paddingLeft) +
|
|
38134
|
+
parseFloat(window.getComputedStyle(containerElement).paddingRight));
|
|
38135
|
+
}
|
|
38136
|
+
calcWidthInPercent(event, position) {
|
|
38137
|
+
if (this.containerWidth === 0 ||
|
|
38138
|
+
this.dragStartPaneWidthInPercent === null ||
|
|
38139
|
+
isNaN(this.dragStartPaneWidthInPercent)) {
|
|
38140
|
+
return undefined;
|
|
38141
|
+
}
|
|
38142
|
+
const deltaX = event.clientX - this.dragStartMousePosX;
|
|
38143
|
+
// Convert pixel delta to percentage delta
|
|
38144
|
+
let delta = (deltaX / this.containerWidth) * 100;
|
|
38145
|
+
// Invert delta for left-side handles
|
|
38146
|
+
if (position === 'start') {
|
|
38147
|
+
delta = -delta;
|
|
38148
|
+
}
|
|
38149
|
+
return this.dragStartPaneWidthInPercent + delta;
|
|
38150
|
+
}
|
|
38151
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizeBehaviorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
38152
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.2", type: ElderResizeBehaviorDirective, isStandalone: true, selector: "[elderResizeBehavior]", inputs: { minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, handlePosition: { classPropertyName: "handlePosition", publicName: "handlePosition", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dragging": "isDragging()", "class.resize-mode": "isInComputedWidthMode()" } }, ngImport: i0 }); }
|
|
38153
|
+
}
|
|
38154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizeBehaviorDirective, decorators: [{
|
|
38155
|
+
type: Directive,
|
|
38156
|
+
args: [{
|
|
38157
|
+
selector: '[elderResizeBehavior]',
|
|
38158
|
+
host: {
|
|
38159
|
+
'[class.dragging]': 'isDragging()',
|
|
38160
|
+
'[class.resize-mode]': 'isInComputedWidthMode()',
|
|
38161
|
+
},
|
|
38162
|
+
}]
|
|
38163
|
+
}], ctorParameters: () => [], propDecorators: { minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], handlePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "handlePosition", required: false }] }] } });
|
|
38164
|
+
|
|
38165
|
+
class ElderResizeHandleBarComponent {
|
|
38166
|
+
constructor() {
|
|
38167
|
+
this.resizeHandleDirective = inject(ElderResizeBehaviorDirective, {
|
|
38168
|
+
optional: true,
|
|
38169
|
+
});
|
|
38170
|
+
}
|
|
38171
|
+
onResizeHandleMouseDown(event) {
|
|
38172
|
+
if (this.resizeHandleDirective) {
|
|
38173
|
+
this.resizeHandleDirective.startDrag(event);
|
|
38174
|
+
}
|
|
38175
|
+
}
|
|
38176
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizeHandleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38177
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.2", type: ElderResizeHandleBarComponent, isStandalone: true, selector: "elder-resize-handle-bar", host: { listeners: { "mousedown": "onResizeHandleMouseDown($event)" }, properties: { "class.dragging": "resizeHandleDirective?.isDragging()", "class.handle-left": "resizeHandleDirective?.handlePosition() === \"start\"", "class.handle-right": "resizeHandleDirective?.handlePosition() === \"end\"" }, classAttribute: "elder-resize-handle-bar" }, ngImport: i0, template: "<div class=\"inner-handle\"></div>\n", styles: [":host{--handle-width: 6px;--handle-offset: calc(-1 * var(--elder-pane-handle-gap) / 2 - var(--handle-width) / 2);position:absolute;top:0;bottom:0;width:var(--handle-width);cursor:col-resize;z-index:1;transition:.1s ease-in-out;border-radius:3px}:host.handle-left{left:var(--handle-offset)}:host.handle-right{right:var(--handle-offset)}.inner-handle{position:relative;width:2px;margin:0 auto;height:10%;top:45%;background-color:var(--md-sys-color-outline-variant);border-radius:3px}:host.dragging .inner-handle{top:40%;height:20%;width:3px;transition:.1s ease-in-out}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38178
|
+
}
|
|
38179
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizeHandleBarComponent, decorators: [{
|
|
38180
|
+
type: Component,
|
|
38181
|
+
args: [{ selector: 'elder-resize-handle-bar', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
38182
|
+
class: 'elder-resize-handle-bar',
|
|
38183
|
+
'(mousedown)': 'onResizeHandleMouseDown($event)',
|
|
38184
|
+
'[class.dragging]': 'resizeHandleDirective?.isDragging()',
|
|
38185
|
+
'[class.handle-left]': 'resizeHandleDirective?.handlePosition() === "start"',
|
|
38186
|
+
'[class.handle-right]': 'resizeHandleDirective?.handlePosition() === "end"',
|
|
38187
|
+
}, template: "<div class=\"inner-handle\"></div>\n", styles: [":host{--handle-width: 6px;--handle-offset: calc(-1 * var(--elder-pane-handle-gap) / 2 - var(--handle-width) / 2);position:absolute;top:0;bottom:0;width:var(--handle-width);cursor:col-resize;z-index:1;transition:.1s ease-in-out;border-radius:3px}:host.handle-left{left:var(--handle-offset)}:host.handle-right{right:var(--handle-offset)}.inner-handle{position:relative;width:2px;margin:0 auto;height:10%;top:45%;background-color:var(--md-sys-color-outline-variant);border-radius:3px}:host.dragging .inner-handle{top:40%;height:20%;width:3px;transition:.1s ease-in-out}\n"] }]
|
|
38188
|
+
}] });
|
|
38189
|
+
|
|
38190
|
+
class ElderResizeContainerComponent {
|
|
38191
|
+
constructor() {
|
|
38192
|
+
this.resizeHandleDirective = inject(ElderResizeBehaviorDirective);
|
|
38193
|
+
}
|
|
38194
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizeContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38195
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ElderResizeContainerComponent, isStandalone: true, selector: "elder-resize-container", host: { classAttribute: "elder-resize-container" }, hostDirectives: [{ directive: ElderResizeBehaviorDirective, inputs: ["minWidth", "minWidth", "maxWidth", "maxWidth", "handlePosition", "handlePosition"] }], ngImport: i0, template: "@if (resizeHandleDirective.handlePosition() !== 'none') {\n <elder-resize-handle-bar></elder-resize-handle-bar>\n}\n<div class=\"elder-resize-container-inner\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;position:relative}:host.resize-mode{flex:none!important}.elder-resize-container-inner{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch}\n"], dependencies: [{ kind: "component", type: ElderResizeHandleBarComponent, selector: "elder-resize-handle-bar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38196
|
+
}
|
|
38197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizeContainerComponent, decorators: [{
|
|
38198
|
+
type: Component,
|
|
38199
|
+
args: [{ selector: 'elder-resize-container', imports: [ElderResizeHandleBarComponent], host: {
|
|
38200
|
+
class: 'elder-resize-container',
|
|
38201
|
+
}, hostDirectives: [
|
|
38202
|
+
{
|
|
38203
|
+
directive: ElderResizeBehaviorDirective,
|
|
38204
|
+
inputs: ['minWidth', 'maxWidth', 'handlePosition'],
|
|
38205
|
+
},
|
|
38206
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (resizeHandleDirective.handlePosition() !== 'none') {\n <elder-resize-handle-bar></elder-resize-handle-bar>\n}\n<div class=\"elder-resize-container-inner\">\n <ng-content></ng-content>\n</div>\n", styles: [":host{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;position:relative}:host.resize-mode{flex:none!important}.elder-resize-container-inner{height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch}\n"] }]
|
|
38207
|
+
}] });
|
|
38208
|
+
|
|
38209
|
+
const DEFAULT_CONFIG = {
|
|
38210
|
+
initialWidth: 'auto',
|
|
38211
|
+
minWidth: DEFAULT_MIN_WIDTH,
|
|
38212
|
+
maxWidth: DEFAULT_MAX_WIDTH,
|
|
38213
|
+
handlePosition: DEFAULT_HANDLE_POSITION,
|
|
38214
|
+
};
|
|
38215
|
+
class ElderResizableDirective {
|
|
38216
|
+
constructor() {
|
|
38217
|
+
this.templateRef = inject((TemplateRef));
|
|
38218
|
+
this.elderResizable = input('', ...(ngDevMode ? [{ debugName: "elderResizable" }] : []));
|
|
38219
|
+
this.isResizable = computed(() => !!this.elderResizable(), ...(ngDevMode ? [{ debugName: "isResizable" }] : []));
|
|
38220
|
+
this.config = computed(() => {
|
|
38221
|
+
const value = this.elderResizable();
|
|
38222
|
+
if (!value) {
|
|
38223
|
+
return DEFAULT_CONFIG;
|
|
38224
|
+
}
|
|
38225
|
+
if (typeof value === 'string') {
|
|
38226
|
+
return { ...DEFAULT_CONFIG, initialWidth: value };
|
|
38227
|
+
}
|
|
38228
|
+
return {
|
|
38229
|
+
initialWidth: value.initialWidth ?? DEFAULT_CONFIG.initialWidth,
|
|
38230
|
+
minWidth: value.minWidth ?? DEFAULT_CONFIG.minWidth,
|
|
38231
|
+
maxWidth: value.maxWidth ?? DEFAULT_CONFIG.maxWidth,
|
|
38232
|
+
handlePosition: value.handlePosition ?? DEFAULT_CONFIG.handlePosition,
|
|
38233
|
+
};
|
|
38234
|
+
}, ...(ngDevMode ? [{ debugName: "config" }] : []));
|
|
38235
|
+
}
|
|
38236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
38237
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.2", type: ElderResizableDirective, isStandalone: true, selector: "[elderResizable]", inputs: { elderResizable: { classPropertyName: "elderResizable", publicName: "elderResizable", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
38238
|
+
}
|
|
38239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizableDirective, decorators: [{
|
|
38240
|
+
type: Directive,
|
|
38241
|
+
args: [{
|
|
38242
|
+
selector: '[elderResizable]',
|
|
38243
|
+
}]
|
|
38244
|
+
}], propDecorators: { elderResizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "elderResizable", required: false }] }] } });
|
|
38245
|
+
|
|
38246
|
+
class ElderGenericResizableLayoutComponent {
|
|
38247
|
+
constructor() {
|
|
38248
|
+
/***************************************************************************
|
|
38249
|
+
* *
|
|
38250
|
+
* Fields *
|
|
38251
|
+
* *
|
|
38252
|
+
**************************************************************************/
|
|
38253
|
+
this.resizableDirectivesAsContent = contentChildren(ElderResizableDirective, ...(ngDevMode ? [{ debugName: "resizableDirectivesAsContent" }] : []));
|
|
38254
|
+
this.resizableDirectivesAsInput = input(null, ...(ngDevMode ? [{ debugName: "resizableDirectivesAsInput" }] : []));
|
|
38255
|
+
this.resizableDirectives = computed(() => this.resizableDirectivesAsInput() ?? this.resizableDirectivesAsContent(), ...(ngDevMode ? [{ debugName: "resizableDirectives" }] : []));
|
|
38256
|
+
}
|
|
38257
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderGenericResizableLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38258
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: ElderGenericResizableLayoutComponent, isStandalone: true, selector: "elder-generic-resizable-layout", inputs: { resizableDirectivesAsInput: { classPropertyName: "resizableDirectivesAsInput", publicName: "resizableDirectivesAsInput", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "elder-generic-resizable-layout" }, queries: [{ propertyName: "resizableDirectivesAsContent", predicate: ElderResizableDirective, isSignal: true }], ngImport: i0, template: "@for (directive of resizableDirectives(); track directive.templateRef) {\n @if (directive.isResizable()) {\n <elder-resize-container\n [style.width]=\"directive.config().initialWidth\"\n [handlePosition]=\"$first ? 'end' : $last ? 'start' : directive.config().handlePosition\"\n [minWidth]=\"directive.config().minWidth\"\n [maxWidth]=\"directive.config().maxWidth\"\n >\n <ng-container\n [ngTemplateOutlet]=\"directive.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n </elder-resize-container>\n } @else {\n <ng-container\n [ngTemplateOutlet]=\"directive.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n }\n}\n", styles: [":host{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;padding:0;gap:var(--elder-pane-handle-gap);overflow:visible}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ElderResizeContainerComponent, selector: "elder-resize-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38259
|
+
}
|
|
38260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderGenericResizableLayoutComponent, decorators: [{
|
|
38261
|
+
type: Component,
|
|
38262
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, ElderResizeContainerComponent], selector: 'elder-generic-resizable-layout', host: {
|
|
38263
|
+
class: 'elder-generic-resizable-layout',
|
|
38264
|
+
}, template: "@for (directive of resizableDirectives(); track directive.templateRef) {\n @if (directive.isResizable()) {\n <elder-resize-container\n [style.width]=\"directive.config().initialWidth\"\n [handlePosition]=\"$first ? 'end' : $last ? 'start' : directive.config().handlePosition\"\n [minWidth]=\"directive.config().minWidth\"\n [maxWidth]=\"directive.config().maxWidth\"\n >\n <ng-container\n [ngTemplateOutlet]=\"directive.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n </elder-resize-container>\n } @else {\n <ng-container\n [ngTemplateOutlet]=\"directive.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: this }\"\n ></ng-container>\n }\n}\n", styles: [":host{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;padding:0;gap:var(--elder-pane-handle-gap);overflow:visible}\n"] }]
|
|
38265
|
+
}], propDecorators: { resizableDirectivesAsContent: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ElderResizableDirective), { isSignal: true }] }], resizableDirectivesAsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizableDirectivesAsInput", required: false }] }] } });
|
|
38266
|
+
|
|
38267
|
+
class ElderResizablePaneLayoutComponent {
|
|
38268
|
+
constructor() {
|
|
38269
|
+
/***************************************************************************
|
|
38270
|
+
* *
|
|
38271
|
+
* Fields *
|
|
38272
|
+
* *
|
|
38273
|
+
**************************************************************************/
|
|
38274
|
+
this.resizableDirectives = contentChildren(ElderResizableDirective, ...(ngDevMode ? [{ debugName: "resizableDirectives" }] : []));
|
|
38275
|
+
}
|
|
38276
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizablePaneLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38277
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.2", type: ElderResizablePaneLayoutComponent, isStandalone: true, selector: "elder-resizable-pane-layout", queries: [{ propertyName: "resizableDirectives", predicate: ElderResizableDirective, isSignal: true }], ngImport: i0, template: "<elder-generic-resizable-layout\n class=\"full\"\n [resizableDirectivesAsInput]=\"resizableDirectives()\"\n></elder-generic-resizable-layout>\n", styles: [":host{--elder-pane-handle-gap: var(--elder-pane-gap);width:100%;height:100%;flex:1 1 0;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;padding:var(--elder-pane-padding);overflow:hidden}\n"], dependencies: [{ kind: "component", type: ElderGenericResizableLayoutComponent, selector: "elder-generic-resizable-layout", inputs: ["resizableDirectivesAsInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38278
|
+
}
|
|
38279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: ElderResizablePaneLayoutComponent, decorators: [{
|
|
38280
|
+
type: Component,
|
|
38281
|
+
args: [{ selector: 'elder-resizable-pane-layout', imports: [ElderGenericResizableLayoutComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<elder-generic-resizable-layout\n class=\"full\"\n [resizableDirectivesAsInput]=\"resizableDirectives()\"\n></elder-generic-resizable-layout>\n", styles: [":host{--elder-pane-handle-gap: var(--elder-pane-gap);width:100%;height:100%;flex:1 1 0;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;padding:var(--elder-pane-padding);overflow:hidden}\n"] }]
|
|
38282
|
+
}], propDecorators: { resizableDirectives: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ElderResizableDirective), { isSignal: true }] }] } });
|
|
38283
|
+
|
|
37974
38284
|
const elderNamedColors = [
|
|
37975
38285
|
'white',
|
|
37976
38286
|
'grey',
|
|
@@ -38975,5 +39285,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
|
|
|
38975
39285
|
* Generated bundle index. Do not edit.
|
|
38976
39286
|
*/
|
|
38977
39287
|
|
|
38978
|
-
export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAppearanceSettingsComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridNavigationBarDirective, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderLock, ElderLockContext, ElderLockContextDirective, ElderLockManagerService, ElderLockWarningService, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRailNavDirective, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderShellStaticNavSlotDirective, ElderSinglePaneWrapperComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStaticNavToggleComponent, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, ItemModel, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, someSignal, themeInit };
|
|
39288
|
+
export { ActivationEventSource, ActivationModel, Arrays, AuditedEntity, AutoStartSpec, Batcher, BlobUrl, BytesFormat, BytesPerSecondFormat, BytesPipe, CardDropEvent, CardOrganizerData, CardStack, CollectionUtil, CommonValidationMessageStrategy, ComparatorBuilder, CompositeSort, ConfirmDialogConfig, ContinuableListing, CountryPhoneFormatService, CsvColumnSpec, CsvSerializer, CsvSpec, CsvStreamExporter, CsvStreamExporterBuilder, CsvStreamExporterBuilderService, CuratedDataSource, CuratedListDataSource, CuratedPagedDataSource, Currency, CurrencyCode, CurrencyFormatUtil, CurrencyUnit, CurrencyUnitRegistry, CustomDateAdapter, CustomMatcherSpec, DataContextActivePage, DataContextAutoStarter, DataContextBase, DataContextBuilder, DataContextContinuableBase, DataContextContinuablePaged, DataContextContinuableToken, DataContextLifeCycleBinding, DataContextRange, DataContextSelectionDirective, DataContextSimple, DataContextSnapshot, DataContextSourceEventBinding, DataContextStateIndicatorComponent, DataContextStatus, DataSelectionController, DataSourceAdapter, DataSourceBase, DataSourceChangeEvent, DataSourceEntityPatch, DataSourceProcessor, DataTransferFactory, DataTransferProgress, DataTransferProgressAggregate, DataTransferState, DataTransferStatus, DataViewActivationController, DataViewDndControllerService, DataViewDndGroupControllerService, DataViewDndModelUtil, DataViewDragEnteredEvent, DataViewDragExitedEvent, DataViewIframeAdapterDirective, DataViewIframeComponent, DataViewInteractionControllerDirective, DataViewItemDropEvent, DataViewMessage, DataViewMessageTypeValues, DataViewOptionsProviderBinding, DataViewSelection, DataViewSelectionInit, DateUtil, DelegateContinuableDataSource, DelegateDataSource, DelegateListDataSource, DelegatePagedDataSource, Dimensions, DomUtil, DrawerOutletBinding, DurationBucket, DurationFormat, DurationFormatUtil, DynamicValidationMessageStrategy, ELDER_DATA_VIEW, ELDER_SELECT_BASE, ElderAccessDeniedComponent, ElderAccessDeniedModule, ElderAppHeaderComponent, ElderAppearanceSettingsComponent, ElderAuditModule, ElderAuditedEntityComponent, ElderAutoSelectFirstDirective, ElderAutoSelectSuggestFirstDirective, ElderAutocompleteDirective, ElderAutocompleteManyDirective, ElderAutocompleteModule, ElderBadgeDirective, ElderBasicPaneLayoutComponent, ElderBlobViewerComponent, ElderBreadCrumbsComponent, ElderBreadCrumbsModule, ElderButtonGroupComponent, ElderButtonGroupModule, ElderCardComponent, ElderCardContentDirective, ElderCardHeaderActionsDirective, ElderCardHeaderComponent, ElderCardModule, ElderCardOrganizerComponent, ElderCardOrganizerModule, ElderCardPanelComponent, ElderCardStackComponent, ElderCardSubtitleDirective, ElderCardTitleDirective, ElderCenterCellDirective, ElderChipLabelDirective, ElderChipListSelectComponent, ElderChipListSelectModule, ElderChipsIncludeExcludeDirective, ElderChipsModule, ElderClearSelectDirective, ElderClipboardPutDirective, ElderClipboardService, ElderCompositeSortComponent, ElderCompositeSortDcDirective, ElderConfirmDialogComponent, ElderConnectivityModule, ElderConnectivityService, ElderContainersModule, ElderContinuatorComponent, ElderCsvExportBtnComponent, ElderCsvModule, ElderCurrencyModule, ElderCurrencyPipe, ElderDataActivationDirective, ElderDataCommonModule, ElderDataToolbarComponent, ElderDataTransferModule, ElderDataTransferService, ElderDataViewBaseComponent, ElderDataViewDndDirective, ElderDataViewDndGroupDirective, ElderDataViewItemDragDirective, ElderDataViewOptions, ElderDataViewOptionsProvider, ElderDateSwitcherComponent, ElderDateTimeInputComponent, ElderDelayedFocusDirective, ElderDeleteActiveDirective, ElderDetailDialogComponent, ElderDetailDirective, ElderDialogConfig, ElderDialogModule, ElderDialogPanelComponent, ElderDialogService, ElderDimensionsInputComponent, ElderDropZoneComponent, ElderDurationInputComponent, ElderEntityValueAccessorUtil, ElderEnumTranslationService, ElderErrorModule, ElderEventSourceService, ElderExceptionDetailComponent, ElderExpandToggleButtonComponent, ElderExpandToggleButtonModule, ElderFileDropZoneDirective, ElderFileModule, ElderFileSelectComponent, ElderFileSelectDirective, ElderFileUploadComponent, ElderFilterChipTemplateComponent, ElderFormFieldControlBase, ElderFormFieldDenseDirective, ElderFormFieldLabelDirective, ElderFormFieldNoHintDirective, ElderFormFieldNoSpinnerDirective, ElderFormsDirectivesModule, ElderFormsModule, ElderFromFieldBase, ElderFromFieldEntityBase, ElderFromFieldMultiEntityBase, ElderGenericResizableLayoutComponent, ElderGridActivationDirective, ElderGridComponent, ElderGridModule, ElderGridNavigationBarDirective, ElderGridTileDirective, ElderGridToolbarDirective, ElderHeaderComponent, ElderHeaderModule, ElderI18nEntitiesModule, ElderIFrameModule, ElderInfiniteAutocompleteDirective, ElderInfiniteScrollDirective, ElderInfiniteScrollModule, ElderInputPatternDirective, ElderIntervalInputComponent, ElderIntervalPickerBindingDirective, ElderIntervalPickerComponent, ElderIntervalPickerToggleComponent, ElderKeyEventDirective, ElderLabelInputComponent, ElderLabelsModule, ElderLanguageConfig, ElderLanguageInterceptor, ElderLanguageModule, ElderLanguageService, ElderLanguageSwitcherComponent, ElderLocalDateInputComponent, ElderLocalDndSupportDirective, ElderLocalTimeInputComponent, ElderLocalesDeChModule, ElderLocalizedInputComponent, ElderLocalizedInputDialogComponent, ElderLocalizedInputDialogService, ElderLocalizedInputTableComponent, ElderLocalizedTextColumnDirective, ElderLocalizedTextsDirective, ElderLock, ElderLockContext, ElderLockContextDirective, ElderLockManagerService, ElderLockWarningService, ElderMasterActivationDirective, ElderMasterDetailComponent, ElderMasterDetailModule, ElderMasterDetailService, ElderMasterDirective, ElderMaxValidator, ElderMeasuresModule, ElderMinValidator, ElderMultiEntityValueAccessorUtil, ElderMultiSelectAllInitialDirective, ElderMultiSelectBase, ElderMultiSelectChipOptionsComponent, ElderMultiSelectChipsComponent, ElderMultiSelectChipsOptionsDirective, ElderMultiSelectFormField, ElderMultiTranslateHttpLoader, ElderMultipleOfUtil, ElderMultipleOfValidator, ElderNavGroupComponent, ElderNavLinkComponent, ElderNavListComponent, ElderNavModule, ElderNextFocusableDirective, ElderNumberCellDirective, ElderOfflineIndicatorComponent, ElderOverlayComponent, ElderOverlayModule, ElderOverlayOriginDirective, ElderOverlayRef, ElderOverlayTriggerDirective, ElderPaddingDirective, ElderPaneActionsComponent, ElderPaneComponent, ElderPaneContentComponent, ElderPaneHeaderComponent, ElderPaneSubtitleComponent, ElderPaneTitleComponent, ElderPanelModule, ElderPeriodInputComponent, ElderPipesModule, ElderPlugParentFormDirective, ElderProgressBarComponent, ElderProgressBarModule, ElderQuantityFormFieldComponent, ElderQuantityInputControlComponent, ElderQuantityPipe, ElderQuantityRangeValidator, ElderQuantityService, ElderQuantityTransformPipe, ElderQuestionDialogComponent, ElderRailNavDirective, ElderRepeatPipe, ElderRequiredDimensionsValidator, ElderRequiredIgnoreZeroValidator, ElderRequiredQuantityValidator, ElderResizableDirective, ElderResizablePaneLayoutComponent, ElderResizeBehaviorDirective, ElderResizeContainerComponent, ElderRoundPipe, ElderRouteOutletDrawerService, ElderRouterOutletService, ElderRouterService, ElderSafeUrlPipe, ElderScrollContainerComponent, ElderScrollbarDirective, ElderScrollbarModule, ElderSearchBoxComponent, ElderSearchContextDirective, ElderSearchIncludeExcludeDirective, ElderSearchInputDirective, ElderSearchModule, ElderSearchPanelComponent, ElderSearchUrlDirective, ElderSelectBase, ElderSelectChipAvatarDirective, ElderSelectChipDirective, ElderSelectComponent, ElderSelectComponentState, ElderSelectCustomInputDirective, ElderSelectFormField, ElderSelectModule, ElderSelectOnTabDirective, ElderSelectOptionComponent, ElderSelectValueDirective, ElderSelectionDialogComponent, ElderSelectionDialogDirective, ElderSelectionMasterCheckboxComponent, ElderSelectionPopupTriggerAdapterDirective, ElderShellCenterDirective, ElderShellComponent, ElderShellModule, ElderShellNavigationToggleComponent, ElderShellService, ElderShellSideLeftDirective, ElderShellSideRightDirective, ElderShellSlotDirective, ElderShellStaticNavSlotDirective, ElderSinglePaneWrapperComponent, ElderSingleStateCheckboxDirective, ElderStackCardDirective, ElderStaticNavToggleComponent, ElderStopEventPropagationDirective, ElderSuggestionPanelComponent, ElderTabDirective, ElderTabFocusTrapDirective, ElderTabGroupRoutingDirective, ElderTabModule, ElderTableActivationDirective, ElderTableComponent, ElderTableDropListConnectorDirective, ElderTableExtensionDirective, ElderTableGroup, ElderTableModel, ElderTableModelCdkTableBinding, ElderTableModelQueryGroup, ElderTableModule, ElderTableNavigationBarDirective, ElderTableProviders, ElderTableRootDirective, ElderTableSelectionCellComponent, ElderTableSortDirective, ElderTableToolbarDirective, ElderThemeApplierDirective, ElderThemeDirective, ElderThemeModule, ElderThemePreferenceService, ElderThemeService, ElderThemeToggleComponent, ElderTileComponent, ElderTimeModule, ElderToastModule, ElderToastService, ElderTogglePanelComponent, ElderTogglePanelPrimaryDirective, ElderTogglePanelSecondaryDirective, ElderTogglePanelTriggerDirective, ElderToggleTextInputDirective, ElderToolbarColumnDirective, ElderToolbarComponent, ElderToolbarContentDirective, ElderToolbarModule, ElderToolbarService, ElderToolbarTitleComponent, ElderToolbarTitleService, ElderTouchedDirective, ElderTripleStateCheckboxDirective, ElderTruncatePipe, ElderUnitSelectDirective, ElderUnitService, ElderUrlFragment, ElderUrlFragmentModule, ElderUrlFragmentParamsService, ElderUrlFragmentSwitcherComponent, ElderValidationErrorDirective, EntitiesChangeEvent, EntityDelta, EntityIdUtil, EntitySetPatch, ErrorUtil, ExceptionDetailCtx, FallbackValidationMessageStrategy, FileEntry, FileListingRx, FileUploadClient, Filter, FilterContext, FilterUtil, FocusUtil, FormFieldBaseComponent, GlobalDragDropService, HttpClientPristine, HttpDataTransfer, HttpDataTransferAggregateComponent, HttpDataTransferComponent, HttpDataTransferIndicatorComponent, HttpDataTransferOverviewComponent, HttpParamsBuilder, I18nBase, I18nPickAsyncPipe, I18nPickPipe, I18nText, IFrameState, IframeCloseDirective, IframeDialogComponent, IframeHostComponent, IframeService, IframeSideContentComponent, IncludeExcludeSelectionModel, IncludeExcludeState, IncludeExcludeValue, IndexedEntities, InternalRestClientConfig, Interval, IsoDurationPipe, IsoIntervalFormatUtil, IsoIntervalParsePipe, IsoIntervalPipe, ItemActivationEvent, ItemActivationOptions, ItemModel, JsonMapUtil, KafentConfig, KafentEvent, KafentEventService, KafentEventStream, KafentEventStreamDisabled, KafentEventStreamSse, KafentEventTransport, KafentModule, KafentSseEventChannel, KafentTokenProvider, KafentTokenProviderSessionStorage, KafentTopicSse, KnownElderThemes, KnownLocaleTags, LocalDataFilter, LocalListDataSource, LocalPagedDataSource, Locale, LocalisationPickerService, MasterDetailActivationEvent, MasterSelectionState, MatTableDataContextBinding, MatTableDataContextBindingBuilder, ModifierKeyService, ModifierKeyState, MultiModelBaseComponent, NamedColorDirective, NamedColorSelectDirective, NamedColorSelectValueComponent, NextNumberUtil, ObjectFieldMatcher, ObjectPathResolver, Objects, OnlineStatus, Page, PageRequest, Pageable, ParseUtil, Path, PathNode, PeriodBucket, PeriodDuration, PeriodFormat, PhoneFormatService, PhonePipe, ProcessIterationContext, ProcessState, PropertyPathUtil, Quantity, QueryListBinding, QuestionDialogConfig, ReactiveEventSource, ReactiveEventSourceState, ReactiveFetchEventSource, ReactiveFetchEventSourceService, ReactiveMap, ReactiveSSeMessage, RefreshingEntity, ResizeObserverDirective, RestClient, RestClientConfig, RestClientContinuable, RestClientList, RestClientPaged, RoutedTabActivationFailed, SearchInputState, SelectChipSpecUtil, SelectOptionChipSpecUtil, SelectionChangedEvent, SelectionEventSource, SelectionModel, SelectionModelPopupDirective, Sets, SimpleLocalisationPicker, SimpleSearchInput, Sort, SortUtil, StandardToastComponent, SubBar, SuggestionProvider, TargetValue, TemplateCompositeControl, TemplatedSelectionDialogComponent, TemporalPlainDateInterval, TemporalUtil, ThemeSpec, TimeAgoPipe, TimeDurationPipe, TimeUtil, ToIsoDateStringPipe, ToastType, TokenChunkRequest, ToolbarHeader, Translated, TranslatedConverter, TranslatedEnumValue, TranslatedText, TypedEventMessage, Unit, UnitDimension, UnitDimensionInfo, UnitInfo, UnitRegistry, UnreachableCaseError, UrlBuilder, UrlQueryParams, UuidUtil, ValueAccessorBase, ValueChangeEvent, ValueWrapper, ViewDropModelUpdateInstruction, ViewProviders, WebLocalStorage, WebSessionStorage, WebappDomainFragmentSpec, WebappDomainSpec, WebappDomainSpecService, WebappDomainSwitcherDirective, WebappUrlFragmentSwitcherConfig, WeightPipe, alphaNumStringComparator, booleanTransformFn, buildFormIntegrationProviders, coerceInterval, coerceIntervalIsoStr, createDataOptionsProvider, createSelectionModel, elderChipColorLevels, elderChipColorStates, elderNamedColorRoles, elderNamedColorToken, elderNamedColors, existingOrNewElderTableModel, initSearchUrlService, isActivePagedDataContext, isContinuableDataContext, isContinuableDataSource, isDataContext, isDataSource, isDataViewMessageType, isElderEntityValueAccessor, isElderMultiEntityValueAccessor, isListDataSource, isLocalListDataSource, isPagedDataSource, lazySample, lazySampleTime, naturalValueComparator, newElderTableModel, proxyControlContainer, registerLocale, runInZone, someSignal, themeInit };
|
|
38979
39289
|
//# sourceMappingURL=elderbyte-ngx-starter.mjs.map
|