@recursyve/nice-ui-kit.v2 14.0.0-beta.107 → 14.0.0-beta.109
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/esm2020/lib/components/navigation/components/hint-component-base.mjs +120 -0
- package/esm2020/lib/components/navigation/directives/show-hint.directive.mjs +35 -12
- package/esm2020/lib/components/navigation/public-api.mjs +2 -1
- package/esm2020/lib/directives/draggable-list/draggable-list.directive.mjs +82 -0
- package/esm2020/lib/directives/draggable-list/draggable-list.module.mjs +18 -0
- package/esm2020/lib/directives/draggable-list/index.mjs +2 -0
- package/esm2020/lib/directives/draggable-list/public-api.mjs +3 -0
- package/esm2020/lib/directives/public-api.mjs +2 -1
- package/esm2020/lib/utils/lexorank.utils.mjs +28 -0
- package/esm2020/lib/utils/public-api.mjs +2 -1
- package/fesm2015/recursyve-nice-ui-kit.v2.mjs +271 -11
- package/fesm2015/recursyve-nice-ui-kit.v2.mjs.map +1 -1
- package/fesm2020/recursyve-nice-ui-kit.v2.mjs +268 -11
- package/fesm2020/recursyve-nice-ui-kit.v2.mjs.map +1 -1
- package/lib/components/navigation/components/hint-component-base.d.ts +65 -0
- package/lib/components/navigation/directives/show-hint.directive.d.ts +7 -4
- package/lib/components/navigation/public-api.d.ts +1 -0
- package/lib/directives/draggable-list/draggable-list.directive.d.ts +22 -0
- package/lib/directives/draggable-list/draggable-list.module.d.ts +8 -0
- package/lib/directives/draggable-list/index.d.ts +1 -0
- package/lib/directives/draggable-list/public-api.d.ts +2 -0
- package/lib/directives/public-api.d.ts +1 -0
- package/lib/utils/lexorank.utils.d.ts +6 -0
- package/lib/utils/public-api.d.ts +1 -0
- package/package.json +1 -1
|
@@ -15,6 +15,7 @@ import * as i4 from '@angular/material/icon';
|
|
|
15
15
|
import { MatIconModule } from '@angular/material/icon';
|
|
16
16
|
import * as i1$2 from '@angular/forms';
|
|
17
17
|
import { NG_VALUE_ACCESSOR, FormControl, Validators, ReactiveFormsModule, FormsModule, FormGroup } from '@angular/forms';
|
|
18
|
+
import { LexoRank } from 'lexorank';
|
|
18
19
|
import * as i4$1 from '@angular/material/menu';
|
|
19
20
|
import { MatMenuModule } from '@angular/material/menu';
|
|
20
21
|
import * as i2$1 from '@angular/material/core';
|
|
@@ -65,6 +66,8 @@ import * as i1$e from '@angular/material/dialog';
|
|
|
65
66
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
66
67
|
import * as i1$f from '@angular/material/snack-bar';
|
|
67
68
|
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
69
|
+
import * as i2$4 from '@angular/cdk/drag-drop';
|
|
70
|
+
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
68
71
|
|
|
69
72
|
class NiceAnimationCurves {
|
|
70
73
|
}
|
|
@@ -1454,6 +1457,33 @@ var KeyboardCodes;
|
|
|
1454
1457
|
KeyboardCodes["Comma"] = "Comma";
|
|
1455
1458
|
})(KeyboardCodes || (KeyboardCodes = {}));
|
|
1456
1459
|
|
|
1460
|
+
class LexoRankUtils {
|
|
1461
|
+
static compareStringFn(previousRank, nextRank) {
|
|
1462
|
+
if (!previousRank || !nextRank) {
|
|
1463
|
+
return 0;
|
|
1464
|
+
}
|
|
1465
|
+
return LexoRank.parse(previousRank).compareTo(LexoRank.parse(nextRank));
|
|
1466
|
+
}
|
|
1467
|
+
static compareFn(previousRank, nextRank) {
|
|
1468
|
+
return previousRank.compareTo(nextRank);
|
|
1469
|
+
}
|
|
1470
|
+
static getNewRank(afterRank, beforeRank) {
|
|
1471
|
+
if (afterRank && beforeRank) {
|
|
1472
|
+
if (LexoRank.parse(beforeRank).equals(LexoRank.parse(afterRank))) {
|
|
1473
|
+
return LexoRank.parse(afterRank).genPrev().toString();
|
|
1474
|
+
}
|
|
1475
|
+
return LexoRank.parse(afterRank).between(LexoRank.parse(beforeRank)).toString();
|
|
1476
|
+
}
|
|
1477
|
+
if (afterRank) {
|
|
1478
|
+
return LexoRank.parse(afterRank).genPrev().toString();
|
|
1479
|
+
}
|
|
1480
|
+
if (beforeRank) {
|
|
1481
|
+
return LexoRank.parse(beforeRank).genNext().toString();
|
|
1482
|
+
}
|
|
1483
|
+
return LexoRank.middle().toString();
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1486
|
+
|
|
1457
1487
|
var ModalMode;
|
|
1458
1488
|
(function (ModalMode) {
|
|
1459
1489
|
ModalMode[ModalMode["Create"] = 0] = "Create";
|
|
@@ -7056,6 +7086,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
7056
7086
|
}]
|
|
7057
7087
|
}] });
|
|
7058
7088
|
|
|
7089
|
+
// tslint:disable-next-line:class-name directive-class-suffix
|
|
7090
|
+
class _HintComponentBase {
|
|
7091
|
+
constructor(_changeDetectorRef) {
|
|
7092
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
7093
|
+
/** Whether interactions on the page should close the tooltip */
|
|
7094
|
+
this._closeOnInteraction = false;
|
|
7095
|
+
/** Whether the tooltip is currently visible. */
|
|
7096
|
+
this._isVisible = false;
|
|
7097
|
+
/** Subject for notifying that the tooltip has been hidden from the view */
|
|
7098
|
+
this._onHide = new Subject();
|
|
7099
|
+
}
|
|
7100
|
+
/**
|
|
7101
|
+
* Shows the tooltip with an animation originating from the provided origin
|
|
7102
|
+
* @param delay Amount of milliseconds to the delay showing the tooltip.
|
|
7103
|
+
*/
|
|
7104
|
+
show(delay) {
|
|
7105
|
+
// Cancel the delayed hide if it is scheduled
|
|
7106
|
+
clearTimeout(this._hideTimeoutId);
|
|
7107
|
+
this._showTimeoutId = setTimeout(() => {
|
|
7108
|
+
this._toggleVisibility(true);
|
|
7109
|
+
this._showTimeoutId = undefined;
|
|
7110
|
+
}, delay);
|
|
7111
|
+
}
|
|
7112
|
+
/**
|
|
7113
|
+
* Begins the animation to hide the tooltip after the provided delay in ms.
|
|
7114
|
+
* @param delay Amount of milliseconds to delay showing the tooltip.
|
|
7115
|
+
*/
|
|
7116
|
+
hide(delay) {
|
|
7117
|
+
// Cancel the delayed show if it is scheduled
|
|
7118
|
+
clearTimeout(this._showTimeoutId);
|
|
7119
|
+
this._hideTimeoutId = setTimeout(() => {
|
|
7120
|
+
this._toggleVisibility(false);
|
|
7121
|
+
this._hideTimeoutId = undefined;
|
|
7122
|
+
}, delay);
|
|
7123
|
+
}
|
|
7124
|
+
/** Returns an observable that notifies when the tooltip has been hidden from view. */
|
|
7125
|
+
afterHidden() {
|
|
7126
|
+
return this._onHide;
|
|
7127
|
+
}
|
|
7128
|
+
/** Whether the tooltip is being displayed. */
|
|
7129
|
+
isVisible() {
|
|
7130
|
+
return this._isVisible;
|
|
7131
|
+
}
|
|
7132
|
+
ngOnDestroy() {
|
|
7133
|
+
this._cancelPendingAnimations();
|
|
7134
|
+
this._onHide.complete();
|
|
7135
|
+
this._triggerElement = null;
|
|
7136
|
+
}
|
|
7137
|
+
/**
|
|
7138
|
+
* Interactions on the HTML body should close the tooltip immediately as defined in the
|
|
7139
|
+
* material design spec.
|
|
7140
|
+
* https://material.io/design/components/tooltips.html#behavior
|
|
7141
|
+
*/
|
|
7142
|
+
_handleBodyInteraction() {
|
|
7143
|
+
if (this._closeOnInteraction) {
|
|
7144
|
+
this.hide(0);
|
|
7145
|
+
}
|
|
7146
|
+
}
|
|
7147
|
+
/**
|
|
7148
|
+
* Marks that the tooltip needs to be checked in the next change detection run.
|
|
7149
|
+
* Mainly used for rendering the initial text before positioning a tooltip, which
|
|
7150
|
+
* can be problematic in components with OnPush change detection.
|
|
7151
|
+
*/
|
|
7152
|
+
_markForCheck() {
|
|
7153
|
+
this._changeDetectorRef.markForCheck();
|
|
7154
|
+
}
|
|
7155
|
+
_handleMouseLeave({ relatedTarget }) {
|
|
7156
|
+
if (!relatedTarget || !this._triggerElement.contains(relatedTarget)) {
|
|
7157
|
+
if (this.isVisible()) {
|
|
7158
|
+
this.hide(this._mouseLeaveHideDelay);
|
|
7159
|
+
}
|
|
7160
|
+
else {
|
|
7161
|
+
this._finalizeAnimation(false);
|
|
7162
|
+
}
|
|
7163
|
+
}
|
|
7164
|
+
}
|
|
7165
|
+
/**
|
|
7166
|
+
* Callback for when the timeout in this.show() gets completed.
|
|
7167
|
+
* This method is only needed by the mdc-tooltip, and so it is only implemented
|
|
7168
|
+
* in the mdc-tooltip, not here.
|
|
7169
|
+
*/
|
|
7170
|
+
_onShow() { }
|
|
7171
|
+
/** Cancels any pending animation sequences. */
|
|
7172
|
+
_cancelPendingAnimations() {
|
|
7173
|
+
clearTimeout(this._showTimeoutId);
|
|
7174
|
+
clearTimeout(this._hideTimeoutId);
|
|
7175
|
+
this._showTimeoutId = this._hideTimeoutId = undefined;
|
|
7176
|
+
}
|
|
7177
|
+
/** Handles the cleanup after an animation has finished. */
|
|
7178
|
+
_finalizeAnimation(toVisible) {
|
|
7179
|
+
if (toVisible) {
|
|
7180
|
+
this._closeOnInteraction = true;
|
|
7181
|
+
}
|
|
7182
|
+
else if (!this.isVisible()) {
|
|
7183
|
+
this._onHide.next();
|
|
7184
|
+
}
|
|
7185
|
+
}
|
|
7186
|
+
/** Toggles the visibility of the tooltip element. */
|
|
7187
|
+
_toggleVisibility(isVisible) {
|
|
7188
|
+
// We set the classes directly here ourselves so that toggling the tooltip state
|
|
7189
|
+
// isn't bound by change detection. This allows us to hide it even if the
|
|
7190
|
+
// view ref has been detached from the CD tree.
|
|
7191
|
+
this._isVisible = isVisible;
|
|
7192
|
+
if (isVisible) {
|
|
7193
|
+
this._onShow();
|
|
7194
|
+
}
|
|
7195
|
+
}
|
|
7196
|
+
}
|
|
7197
|
+
_HintComponentBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: _HintComponentBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7198
|
+
_HintComponentBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: _HintComponentBase, host: { listeners: { "mouseleave": "_handleMouseLeave($event)" } }, ngImport: i0 });
|
|
7199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: _HintComponentBase, decorators: [{
|
|
7200
|
+
type: Directive
|
|
7201
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _handleMouseLeave: [{
|
|
7202
|
+
type: HostListener,
|
|
7203
|
+
args: ["mouseleave", ["$event"]]
|
|
7204
|
+
}] } });
|
|
7205
|
+
|
|
7059
7206
|
class NiceNavigationService {
|
|
7060
7207
|
/**
|
|
7061
7208
|
* Constructor
|
|
@@ -7900,12 +8047,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
7900
8047
|
}] });
|
|
7901
8048
|
|
|
7902
8049
|
class NiceShowHintDirective {
|
|
7903
|
-
constructor(_overlay, _elementRef, _viewContainerRef, _ngZone, _platform, _hintService) {
|
|
8050
|
+
constructor(_overlay, _elementRef, _viewContainerRef, _ngZone, _platform, _focusMonitor, _hintService) {
|
|
7904
8051
|
this._overlay = _overlay;
|
|
7905
8052
|
this._elementRef = _elementRef;
|
|
7906
8053
|
this._viewContainerRef = _viewContainerRef;
|
|
7907
8054
|
this._ngZone = _ngZone;
|
|
7908
8055
|
this._platform = _platform;
|
|
8056
|
+
this._focusMonitor = _focusMonitor;
|
|
7909
8057
|
this._hintService = _hintService;
|
|
7910
8058
|
this.shouldShow = false;
|
|
7911
8059
|
this._pointerExitEventsInitialized = false;
|
|
@@ -7914,9 +8062,18 @@ class NiceShowHintDirective {
|
|
|
7914
8062
|
}
|
|
7915
8063
|
ngAfterViewInit() {
|
|
7916
8064
|
this._setupPointerEnterEventsIfNeeded();
|
|
7917
|
-
|
|
7918
|
-
|
|
7919
|
-
|
|
8065
|
+
this._focusMonitor
|
|
8066
|
+
.monitor(this._elementRef)
|
|
8067
|
+
.pipe(takeUntil(this.unsubscribeAll$))
|
|
8068
|
+
.subscribe(origin => {
|
|
8069
|
+
// Note that the focus monitor runs outside the Angular zone.
|
|
8070
|
+
if (!origin) {
|
|
8071
|
+
this._ngZone.run(() => this.hide());
|
|
8072
|
+
}
|
|
8073
|
+
else if (origin === "keyboard") {
|
|
8074
|
+
this._ngZone.run(() => this.show());
|
|
8075
|
+
}
|
|
8076
|
+
});
|
|
7920
8077
|
}
|
|
7921
8078
|
ngOnDestroy() {
|
|
7922
8079
|
this.unsubscribeAll$.next();
|
|
@@ -7927,15 +8084,26 @@ class NiceShowHintDirective {
|
|
|
7927
8084
|
return;
|
|
7928
8085
|
}
|
|
7929
8086
|
const overlayRef = this._createOverlay();
|
|
8087
|
+
this._portal = this._portal || new ComponentPortal(this.item.hint.component);
|
|
7930
8088
|
this._detach();
|
|
7931
8089
|
this._hintInstance = overlayRef.attach(this._portal).instance;
|
|
8090
|
+
this._hintInstance._triggerElement = this._elementRef.nativeElement;
|
|
8091
|
+
this._hintInstance
|
|
8092
|
+
.afterHidden()
|
|
8093
|
+
.pipe(takeUntil(this.unsubscribeAll$))
|
|
8094
|
+
.subscribe(() => this._detach());
|
|
7932
8095
|
this._hintService.setActiveHint(true);
|
|
7933
8096
|
}
|
|
7934
8097
|
hide() {
|
|
7935
8098
|
const instance = this._hintInstance;
|
|
7936
8099
|
if (instance) {
|
|
7937
|
-
|
|
7938
|
-
|
|
8100
|
+
if (instance.isVisible()) {
|
|
8101
|
+
instance.hide(0);
|
|
8102
|
+
}
|
|
8103
|
+
else {
|
|
8104
|
+
instance._cancelPendingAnimations();
|
|
8105
|
+
this._detach();
|
|
8106
|
+
}
|
|
7939
8107
|
}
|
|
7940
8108
|
}
|
|
7941
8109
|
_createOverlay() {
|
|
@@ -7978,10 +8146,10 @@ class NiceShowHintDirective {
|
|
|
7978
8146
|
.detachments()
|
|
7979
8147
|
.pipe(takeUntil(this.unsubscribeAll$))
|
|
7980
8148
|
.subscribe(() => this._detach());
|
|
7981
|
-
|
|
8149
|
+
this._overlayRef
|
|
7982
8150
|
.outsidePointerEvents()
|
|
7983
8151
|
.pipe(takeUntil(this.unsubscribeAll$))
|
|
7984
|
-
.subscribe(() => this._hintInstance?._handleBodyInteraction())
|
|
8152
|
+
.subscribe(() => this._hintInstance?._handleBodyInteraction());
|
|
7985
8153
|
return this._overlayRef;
|
|
7986
8154
|
}
|
|
7987
8155
|
_detach() {
|
|
@@ -8040,12 +8208,12 @@ class NiceShowHintDirective {
|
|
|
8040
8208
|
});
|
|
8041
8209
|
}
|
|
8042
8210
|
}
|
|
8043
|
-
NiceShowHintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceShowHintDirective, deps: [{ token: i1$5.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i1$d.Platform }, { token: NiceNavigationHintService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
8211
|
+
NiceShowHintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceShowHintDirective, deps: [{ token: i1$5.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.NgZone }, { token: i1$d.Platform }, { token: i2$2.FocusMonitor }, { token: NiceNavigationHintService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
8044
8212
|
NiceShowHintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceShowHintDirective, selector: "[niceShowHint]", inputs: { shouldShow: "shouldShow", item: "item" }, ngImport: i0 });
|
|
8045
8213
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceShowHintDirective, decorators: [{
|
|
8046
8214
|
type: Directive,
|
|
8047
8215
|
args: [{ selector: "[niceShowHint]" }]
|
|
8048
|
-
}], ctorParameters: function () { return [{ type: i1$5.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i1$d.Platform }, { type: NiceNavigationHintService }]; }, propDecorators: { shouldShow: [{
|
|
8216
|
+
}], ctorParameters: function () { return [{ type: i1$5.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i1$d.Platform }, { type: i2$2.FocusMonitor }, { type: NiceNavigationHintService }]; }, propDecorators: { shouldShow: [{
|
|
8049
8217
|
type: Input
|
|
8050
8218
|
}], item: [{
|
|
8051
8219
|
type: Input
|
|
@@ -10253,6 +10421,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
10253
10421
|
}]
|
|
10254
10422
|
}] });
|
|
10255
10423
|
|
|
10424
|
+
class NiceDraggableListDirective {
|
|
10425
|
+
constructor(formArrayName, cdkDropList) {
|
|
10426
|
+
this.formArrayName = formArrayName;
|
|
10427
|
+
this.cdkDropList = cdkDropList;
|
|
10428
|
+
this.rankProperty = "rank";
|
|
10429
|
+
this.itemsUpdated = new EventEmitter();
|
|
10430
|
+
this.itemRankUpdated = new EventEmitter();
|
|
10431
|
+
this.sortedItems = [];
|
|
10432
|
+
}
|
|
10433
|
+
ngOnInit() {
|
|
10434
|
+
if (this.formArrayName) {
|
|
10435
|
+
this.formArray = this.formArrayName.control;
|
|
10436
|
+
this.sortItems(this.formArray.getRawValue());
|
|
10437
|
+
}
|
|
10438
|
+
this.cdkDropList.dropped.subscribe((event) => this.drop(event));
|
|
10439
|
+
}
|
|
10440
|
+
ngOnChanges(changes) {
|
|
10441
|
+
if ("items" in changes && this.items) {
|
|
10442
|
+
this.sortItems(this.items);
|
|
10443
|
+
}
|
|
10444
|
+
}
|
|
10445
|
+
drop(event) {
|
|
10446
|
+
if (event.previousContainer === event.container) {
|
|
10447
|
+
if (event.previousIndex === event.currentIndex) {
|
|
10448
|
+
return;
|
|
10449
|
+
}
|
|
10450
|
+
event.item.data[this.rankProperty] = this.getNextRank(event);
|
|
10451
|
+
this.sortItems(this.sortedItems);
|
|
10452
|
+
this.itemsUpdated.next(this.sortedItems);
|
|
10453
|
+
this.itemRankUpdated.next(event.item.data);
|
|
10454
|
+
if (this.formArray) {
|
|
10455
|
+
this.formArray.get([event.previousIndex, this.rankProperty])?.patchValue(event.item.data[this.rankProperty]);
|
|
10456
|
+
moveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);
|
|
10457
|
+
}
|
|
10458
|
+
}
|
|
10459
|
+
else {
|
|
10460
|
+
// TODO: Handle container change
|
|
10461
|
+
}
|
|
10462
|
+
}
|
|
10463
|
+
sortItems(items) {
|
|
10464
|
+
if (items.length && items.some((item) => !item[this.rankProperty])) {
|
|
10465
|
+
throw new Error(`All items must have a ${this.rankProperty}`);
|
|
10466
|
+
}
|
|
10467
|
+
this.sortedItems = [...items]
|
|
10468
|
+
.map(item => ({ ...item }))
|
|
10469
|
+
.sort((itemA, itemB) => LexoRankUtils.compareStringFn(itemA[this.rankProperty], itemB[this.rankProperty]));
|
|
10470
|
+
this.cdkDropList.data = this.sortedItems;
|
|
10471
|
+
}
|
|
10472
|
+
getNextRank(event) {
|
|
10473
|
+
const fromIndex = event.previousIndex;
|
|
10474
|
+
const toIndex = event.currentIndex;
|
|
10475
|
+
const itemAfter = this.sortedItems[fromIndex > toIndex ? toIndex : toIndex + 1];
|
|
10476
|
+
const itemBefore = this.sortedItems[fromIndex > toIndex ? toIndex - 1 : toIndex];
|
|
10477
|
+
return LexoRankUtils.getNewRank(itemAfter?.[this.rankProperty], itemBefore?.[this.rankProperty]);
|
|
10478
|
+
}
|
|
10479
|
+
}
|
|
10480
|
+
NiceDraggableListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListDirective, deps: [{ token: i1$2.FormArrayName, optional: true }, { token: i2$4.CdkDropList }], target: i0.ɵɵFactoryTarget.Directive });
|
|
10481
|
+
NiceDraggableListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceDraggableListDirective, selector: "[cdkDropList][niceDraggableList]", inputs: { items: "items", rankProperty: "rankProperty" }, outputs: { itemsUpdated: "itemsUpdated", itemRankUpdated: "itemRankUpdated" }, usesOnChanges: true, ngImport: i0 });
|
|
10482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListDirective, decorators: [{
|
|
10483
|
+
type: Directive,
|
|
10484
|
+
args: [{
|
|
10485
|
+
selector: "[cdkDropList][niceDraggableList]"
|
|
10486
|
+
}]
|
|
10487
|
+
}], ctorParameters: function () { return [{ type: i1$2.FormArrayName, decorators: [{
|
|
10488
|
+
type: Optional
|
|
10489
|
+
}] }, { type: i2$4.CdkDropList }]; }, propDecorators: { items: [{
|
|
10490
|
+
type: Input
|
|
10491
|
+
}], rankProperty: [{
|
|
10492
|
+
type: Input
|
|
10493
|
+
}], itemsUpdated: [{
|
|
10494
|
+
type: Output
|
|
10495
|
+
}], itemRankUpdated: [{
|
|
10496
|
+
type: Output
|
|
10497
|
+
}] } });
|
|
10498
|
+
|
|
10499
|
+
class NiceDraggableListModule {
|
|
10500
|
+
}
|
|
10501
|
+
NiceDraggableListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10502
|
+
NiceDraggableListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, declarations: [NiceDraggableListDirective], imports: [DragDropModule], exports: [NiceDraggableListDirective] });
|
|
10503
|
+
NiceDraggableListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, imports: [DragDropModule] });
|
|
10504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, decorators: [{
|
|
10505
|
+
type: NgModule,
|
|
10506
|
+
args: [{
|
|
10507
|
+
imports: [DragDropModule],
|
|
10508
|
+
declarations: [NiceDraggableListDirective],
|
|
10509
|
+
exports: [NiceDraggableListDirective],
|
|
10510
|
+
}]
|
|
10511
|
+
}] });
|
|
10512
|
+
|
|
10256
10513
|
class NiceImageErrorPlaceholderDirective {
|
|
10257
10514
|
constructor(elementRef, viewContainerRef) {
|
|
10258
10515
|
this.elementRef = elementRef;
|
|
@@ -10578,5 +10835,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
10578
10835
|
* Generated bundle index. Do not edit.
|
|
10579
10836
|
*/
|
|
10580
10837
|
|
|
10581
|
-
export { ArrayUtils, BooleanPipe, CapitalizeFirstLetterPipe, CarouselComponent, CaseUtils, CeilPipe, ChipListItemLabelDirective, ColorsUtils, DateUtils, DefaultExportBottomSheetService, EntriesPipe, ExportBottomSheetComponent, ExportBottomSheetService, FileUtils, FindByKeyPipe, FirstLetterPipe, FloorPipe, FontAwesomeUtils, FormDataUtils, HttpStatusCodes, ImgCropperConfig, ImgCropperError, ImgResolution, JoinPipe, KeyboardCodes, LinkPipe, LocalizedBooleanPipe, LocalizedCurrencyPipe, LocalizedDateOnlyPipe, LocalizedDatePipe, MinutesToTimePipe, ModalMode, NavigationHideItemResolver, NavigationHintResolver, NiceAlertComponent, NiceAlertModule, NiceAlertService, NiceApiException, NiceAssetsCarouselActiveContentDirective, NiceAssetsCarouselComponent, NiceAssetsCarouselModule, NiceAsyncTypeaheadComponent, NiceAsyncTypeaheadModule, NiceAsyncTypeaheadProvider, NiceAutofocusDirective, NiceAutofocusDirectiveModule, NiceAutogrowDirective, NiceAutogrowModule, NiceBaseForm, NiceBaseFormComponent, NiceBaseFormModule, NiceCardComponent, NiceCardModule, NiceCarouselModule, NiceChipAsyncTypeaheadDirective, NiceChipListDirective, NiceChipListDirectiveModule, NiceChipListItemsComponent, NiceClickStopPropagationDirective, NiceCollapsableComponent, NiceCollapsableModule, NiceConfigModule, NiceConfigService, NiceControlStatusDirective, NiceCropperAreaComponent, NiceDateRangePickerComponent, NiceDateRangePickerModule, NiceDrawerComponent, NiceDrawerModule, NiceDrawerService, NiceDropzoneDirective, NiceDropzoneModule, NiceExportBottomSheetModule, NiceFormErrorComponent, NiceFormErrorModule, NiceFormSubmitDirective, NiceHorizontalNavigationBasicItemComponent, NiceHorizontalNavigationBranchItemComponent, NiceHorizontalNavigationComponent, NiceHorizontalNavigationDividerItemComponent, NiceHorizontalNavigationSpacerItemComponent, NiceHorizontalStepperComponent, NiceHorizontalStepperModule, NiceHttpExceptionFactory, NiceImageCropperComponent, NiceImageCropperModule, NiceImageErrorPlaceholderDirective, NiceImageErrorPlaceholderDirectiveModule, NiceLayoutComponent, NiceLayoutModule, NiceLoadingDirective, NiceLoadingSpinnerComponent, NiceLoadingSpinnerModule, NiceLottieComponent, NiceLottieModule, NiceMaterialModule, NiceMaterialStyleDirective, NiceMediaWatcherModule, NiceMediaWatcherService, NiceModalOnClickDirective, NiceModalOpenerDirective, NiceModule, NiceNavigationComponent, NiceNavigationModule, NiceNavigationService, NicePipesModule, NicePreventCloseWindowDirective, NiceRoundedStyleDirective, NiceScrollResetDirective, NiceScrollResetModule, NiceScrollbarDirective, NiceScrollbarModule, NiceSearchBarComponent, NiceSearchBarModule, NiceSplashScreenModule, NiceSplashScreenService, NiceStepComponent, NiceStopPropagationModule, NiceSweetAlertComponent, NiceSweetAlertDirective, NiceSweetAlertModule, NiceSweetAlertService, NiceToastComponent, NiceToastModule, NiceToastService, NiceToggleButtonGroupModule, NiceTransformResponseInterceptor, NiceTypeaheadComponent, NiceTypeaheadModule, NiceTypeaheadNewValue, NiceUtilsModule, NiceUtilsService, NiceVerticalNavigationAsideItemComponent, NiceVerticalNavigationBasicItemComponent, NiceVerticalNavigationCollapsableItemComponent, NiceVerticalNavigationComponent, NiceVerticalNavigationDividerItemComponent, NiceVerticalNavigationGroupItemComponent, NiceVerticalNavigationSpacerItemComponent, NiceWindowDirectiveModule, NumberToOrdinalIndicatorPipe, NumberUtils, ObjectUtils, OptionsScrollDirective, PadPipe, PhonePipe, PictureModalComponent, PictureModalService, PostalCodePipe, PromiseUtils, QueryParamsUtils, RangePipe, RegexUtils, RoundPipe, SanitizeBypassPipe, SecondsToTimePipe, TRANSFORM_TYPE, ToggleButtonComponent, ToggleButtonGroupComponent, TrackByPropPipe, TypeUtils, UrlUtils, _normalizeDegrees, isNotNullOrUndefined, isNullOrUndefined, mergeDeep, mixinNiceApi, niceAnimations, round };
|
|
10838
|
+
export { ArrayUtils, BooleanPipe, CapitalizeFirstLetterPipe, CarouselComponent, CaseUtils, CeilPipe, ChipListItemLabelDirective, ColorsUtils, DateUtils, DefaultExportBottomSheetService, EntriesPipe, ExportBottomSheetComponent, ExportBottomSheetService, FileUtils, FindByKeyPipe, FirstLetterPipe, FloorPipe, FontAwesomeUtils, FormDataUtils, HttpStatusCodes, ImgCropperConfig, ImgCropperError, ImgResolution, JoinPipe, KeyboardCodes, LexoRankUtils, LinkPipe, LocalizedBooleanPipe, LocalizedCurrencyPipe, LocalizedDateOnlyPipe, LocalizedDatePipe, MinutesToTimePipe, ModalMode, NavigationHideItemResolver, NavigationHintResolver, NiceAlertComponent, NiceAlertModule, NiceAlertService, NiceApiException, NiceAssetsCarouselActiveContentDirective, NiceAssetsCarouselComponent, NiceAssetsCarouselModule, NiceAsyncTypeaheadComponent, NiceAsyncTypeaheadModule, NiceAsyncTypeaheadProvider, NiceAutofocusDirective, NiceAutofocusDirectiveModule, NiceAutogrowDirective, NiceAutogrowModule, NiceBaseForm, NiceBaseFormComponent, NiceBaseFormModule, NiceCardComponent, NiceCardModule, NiceCarouselModule, NiceChipAsyncTypeaheadDirective, NiceChipListDirective, NiceChipListDirectiveModule, NiceChipListItemsComponent, NiceClickStopPropagationDirective, NiceCollapsableComponent, NiceCollapsableModule, NiceConfigModule, NiceConfigService, NiceControlStatusDirective, NiceCropperAreaComponent, NiceDateRangePickerComponent, NiceDateRangePickerModule, NiceDraggableListDirective, NiceDraggableListModule, NiceDrawerComponent, NiceDrawerModule, NiceDrawerService, NiceDropzoneDirective, NiceDropzoneModule, NiceExportBottomSheetModule, NiceFormErrorComponent, NiceFormErrorModule, NiceFormSubmitDirective, NiceHorizontalNavigationBasicItemComponent, NiceHorizontalNavigationBranchItemComponent, NiceHorizontalNavigationComponent, NiceHorizontalNavigationDividerItemComponent, NiceHorizontalNavigationSpacerItemComponent, NiceHorizontalStepperComponent, NiceHorizontalStepperModule, NiceHttpExceptionFactory, NiceImageCropperComponent, NiceImageCropperModule, NiceImageErrorPlaceholderDirective, NiceImageErrorPlaceholderDirectiveModule, NiceLayoutComponent, NiceLayoutModule, NiceLoadingDirective, NiceLoadingSpinnerComponent, NiceLoadingSpinnerModule, NiceLottieComponent, NiceLottieModule, NiceMaterialModule, NiceMaterialStyleDirective, NiceMediaWatcherModule, NiceMediaWatcherService, NiceModalOnClickDirective, NiceModalOpenerDirective, NiceModule, NiceNavigationComponent, NiceNavigationModule, NiceNavigationService, NicePipesModule, NicePreventCloseWindowDirective, NiceRoundedStyleDirective, NiceScrollResetDirective, NiceScrollResetModule, NiceScrollbarDirective, NiceScrollbarModule, NiceSearchBarComponent, NiceSearchBarModule, NiceSplashScreenModule, NiceSplashScreenService, NiceStepComponent, NiceStopPropagationModule, NiceSweetAlertComponent, NiceSweetAlertDirective, NiceSweetAlertModule, NiceSweetAlertService, NiceToastComponent, NiceToastModule, NiceToastService, NiceToggleButtonGroupModule, NiceTransformResponseInterceptor, NiceTypeaheadComponent, NiceTypeaheadModule, NiceTypeaheadNewValue, NiceUtilsModule, NiceUtilsService, NiceVerticalNavigationAsideItemComponent, NiceVerticalNavigationBasicItemComponent, NiceVerticalNavigationCollapsableItemComponent, NiceVerticalNavigationComponent, NiceVerticalNavigationDividerItemComponent, NiceVerticalNavigationGroupItemComponent, NiceVerticalNavigationSpacerItemComponent, NiceWindowDirectiveModule, NumberToOrdinalIndicatorPipe, NumberUtils, ObjectUtils, OptionsScrollDirective, PadPipe, PhonePipe, PictureModalComponent, PictureModalService, PostalCodePipe, PromiseUtils, QueryParamsUtils, RangePipe, RegexUtils, RoundPipe, SanitizeBypassPipe, SecondsToTimePipe, TRANSFORM_TYPE, ToggleButtonComponent, ToggleButtonGroupComponent, TrackByPropPipe, TypeUtils, UrlUtils, _HintComponentBase, _normalizeDegrees, isNotNullOrUndefined, isNullOrUndefined, mergeDeep, mixinNiceApi, niceAnimations, round };
|
|
10582
10839
|
//# sourceMappingURL=recursyve-nice-ui-kit.v2.mjs.map
|