@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
|
@@ -16,6 +16,7 @@ import * as i4 from '@angular/material/icon';
|
|
|
16
16
|
import { MatIconModule } from '@angular/material/icon';
|
|
17
17
|
import * as i1$2 from '@angular/forms';
|
|
18
18
|
import { NG_VALUE_ACCESSOR, FormControl, Validators, ReactiveFormsModule, FormsModule, FormGroup } from '@angular/forms';
|
|
19
|
+
import { LexoRank } from 'lexorank';
|
|
19
20
|
import * as i4$1 from '@angular/material/menu';
|
|
20
21
|
import { MatMenuModule } from '@angular/material/menu';
|
|
21
22
|
import * as i2$1 from '@angular/material/core';
|
|
@@ -66,6 +67,8 @@ import * as i1$e from '@angular/material/dialog';
|
|
|
66
67
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
67
68
|
import * as i1$f from '@angular/material/snack-bar';
|
|
68
69
|
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
70
|
+
import * as i2$4 from '@angular/cdk/drag-drop';
|
|
71
|
+
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
69
72
|
|
|
70
73
|
class NiceAnimationCurves {
|
|
71
74
|
}
|
|
@@ -1451,6 +1454,33 @@ var KeyboardCodes;
|
|
|
1451
1454
|
KeyboardCodes["Comma"] = "Comma";
|
|
1452
1455
|
})(KeyboardCodes || (KeyboardCodes = {}));
|
|
1453
1456
|
|
|
1457
|
+
class LexoRankUtils {
|
|
1458
|
+
static compareStringFn(previousRank, nextRank) {
|
|
1459
|
+
if (!previousRank || !nextRank) {
|
|
1460
|
+
return 0;
|
|
1461
|
+
}
|
|
1462
|
+
return LexoRank.parse(previousRank).compareTo(LexoRank.parse(nextRank));
|
|
1463
|
+
}
|
|
1464
|
+
static compareFn(previousRank, nextRank) {
|
|
1465
|
+
return previousRank.compareTo(nextRank);
|
|
1466
|
+
}
|
|
1467
|
+
static getNewRank(afterRank, beforeRank) {
|
|
1468
|
+
if (afterRank && beforeRank) {
|
|
1469
|
+
if (LexoRank.parse(beforeRank).equals(LexoRank.parse(afterRank))) {
|
|
1470
|
+
return LexoRank.parse(afterRank).genPrev().toString();
|
|
1471
|
+
}
|
|
1472
|
+
return LexoRank.parse(afterRank).between(LexoRank.parse(beforeRank)).toString();
|
|
1473
|
+
}
|
|
1474
|
+
if (afterRank) {
|
|
1475
|
+
return LexoRank.parse(afterRank).genPrev().toString();
|
|
1476
|
+
}
|
|
1477
|
+
if (beforeRank) {
|
|
1478
|
+
return LexoRank.parse(beforeRank).genNext().toString();
|
|
1479
|
+
}
|
|
1480
|
+
return LexoRank.middle().toString();
|
|
1481
|
+
}
|
|
1482
|
+
}
|
|
1483
|
+
|
|
1454
1484
|
var ModalMode;
|
|
1455
1485
|
(function (ModalMode) {
|
|
1456
1486
|
ModalMode[ModalMode["Create"] = 0] = "Create";
|
|
@@ -7066,6 +7096,123 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
7066
7096
|
}]
|
|
7067
7097
|
}] });
|
|
7068
7098
|
|
|
7099
|
+
// tslint:disable-next-line:class-name directive-class-suffix
|
|
7100
|
+
class _HintComponentBase {
|
|
7101
|
+
constructor(_changeDetectorRef) {
|
|
7102
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
7103
|
+
/** Whether interactions on the page should close the tooltip */
|
|
7104
|
+
this._closeOnInteraction = false;
|
|
7105
|
+
/** Whether the tooltip is currently visible. */
|
|
7106
|
+
this._isVisible = false;
|
|
7107
|
+
/** Subject for notifying that the tooltip has been hidden from the view */
|
|
7108
|
+
this._onHide = new Subject();
|
|
7109
|
+
}
|
|
7110
|
+
/**
|
|
7111
|
+
* Shows the tooltip with an animation originating from the provided origin
|
|
7112
|
+
* @param delay Amount of milliseconds to the delay showing the tooltip.
|
|
7113
|
+
*/
|
|
7114
|
+
show(delay) {
|
|
7115
|
+
// Cancel the delayed hide if it is scheduled
|
|
7116
|
+
clearTimeout(this._hideTimeoutId);
|
|
7117
|
+
this._showTimeoutId = setTimeout(() => {
|
|
7118
|
+
this._toggleVisibility(true);
|
|
7119
|
+
this._showTimeoutId = undefined;
|
|
7120
|
+
}, delay);
|
|
7121
|
+
}
|
|
7122
|
+
/**
|
|
7123
|
+
* Begins the animation to hide the tooltip after the provided delay in ms.
|
|
7124
|
+
* @param delay Amount of milliseconds to delay showing the tooltip.
|
|
7125
|
+
*/
|
|
7126
|
+
hide(delay) {
|
|
7127
|
+
// Cancel the delayed show if it is scheduled
|
|
7128
|
+
clearTimeout(this._showTimeoutId);
|
|
7129
|
+
this._hideTimeoutId = setTimeout(() => {
|
|
7130
|
+
this._toggleVisibility(false);
|
|
7131
|
+
this._hideTimeoutId = undefined;
|
|
7132
|
+
}, delay);
|
|
7133
|
+
}
|
|
7134
|
+
/** Returns an observable that notifies when the tooltip has been hidden from view. */
|
|
7135
|
+
afterHidden() {
|
|
7136
|
+
return this._onHide;
|
|
7137
|
+
}
|
|
7138
|
+
/** Whether the tooltip is being displayed. */
|
|
7139
|
+
isVisible() {
|
|
7140
|
+
return this._isVisible;
|
|
7141
|
+
}
|
|
7142
|
+
ngOnDestroy() {
|
|
7143
|
+
this._cancelPendingAnimations();
|
|
7144
|
+
this._onHide.complete();
|
|
7145
|
+
this._triggerElement = null;
|
|
7146
|
+
}
|
|
7147
|
+
/**
|
|
7148
|
+
* Interactions on the HTML body should close the tooltip immediately as defined in the
|
|
7149
|
+
* material design spec.
|
|
7150
|
+
* https://material.io/design/components/tooltips.html#behavior
|
|
7151
|
+
*/
|
|
7152
|
+
_handleBodyInteraction() {
|
|
7153
|
+
if (this._closeOnInteraction) {
|
|
7154
|
+
this.hide(0);
|
|
7155
|
+
}
|
|
7156
|
+
}
|
|
7157
|
+
/**
|
|
7158
|
+
* Marks that the tooltip needs to be checked in the next change detection run.
|
|
7159
|
+
* Mainly used for rendering the initial text before positioning a tooltip, which
|
|
7160
|
+
* can be problematic in components with OnPush change detection.
|
|
7161
|
+
*/
|
|
7162
|
+
_markForCheck() {
|
|
7163
|
+
this._changeDetectorRef.markForCheck();
|
|
7164
|
+
}
|
|
7165
|
+
_handleMouseLeave({ relatedTarget }) {
|
|
7166
|
+
if (!relatedTarget || !this._triggerElement.contains(relatedTarget)) {
|
|
7167
|
+
if (this.isVisible()) {
|
|
7168
|
+
this.hide(this._mouseLeaveHideDelay);
|
|
7169
|
+
}
|
|
7170
|
+
else {
|
|
7171
|
+
this._finalizeAnimation(false);
|
|
7172
|
+
}
|
|
7173
|
+
}
|
|
7174
|
+
}
|
|
7175
|
+
/**
|
|
7176
|
+
* Callback for when the timeout in this.show() gets completed.
|
|
7177
|
+
* This method is only needed by the mdc-tooltip, and so it is only implemented
|
|
7178
|
+
* in the mdc-tooltip, not here.
|
|
7179
|
+
*/
|
|
7180
|
+
_onShow() { }
|
|
7181
|
+
/** Cancels any pending animation sequences. */
|
|
7182
|
+
_cancelPendingAnimations() {
|
|
7183
|
+
clearTimeout(this._showTimeoutId);
|
|
7184
|
+
clearTimeout(this._hideTimeoutId);
|
|
7185
|
+
this._showTimeoutId = this._hideTimeoutId = undefined;
|
|
7186
|
+
}
|
|
7187
|
+
/** Handles the cleanup after an animation has finished. */
|
|
7188
|
+
_finalizeAnimation(toVisible) {
|
|
7189
|
+
if (toVisible) {
|
|
7190
|
+
this._closeOnInteraction = true;
|
|
7191
|
+
}
|
|
7192
|
+
else if (!this.isVisible()) {
|
|
7193
|
+
this._onHide.next();
|
|
7194
|
+
}
|
|
7195
|
+
}
|
|
7196
|
+
/** Toggles the visibility of the tooltip element. */
|
|
7197
|
+
_toggleVisibility(isVisible) {
|
|
7198
|
+
// We set the classes directly here ourselves so that toggling the tooltip state
|
|
7199
|
+
// isn't bound by change detection. This allows us to hide it even if the
|
|
7200
|
+
// view ref has been detached from the CD tree.
|
|
7201
|
+
this._isVisible = isVisible;
|
|
7202
|
+
if (isVisible) {
|
|
7203
|
+
this._onShow();
|
|
7204
|
+
}
|
|
7205
|
+
}
|
|
7206
|
+
}
|
|
7207
|
+
_HintComponentBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: _HintComponentBase, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
7208
|
+
_HintComponentBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: _HintComponentBase, host: { listeners: { "mouseleave": "_handleMouseLeave($event)" } }, ngImport: i0 });
|
|
7209
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: _HintComponentBase, decorators: [{
|
|
7210
|
+
type: Directive
|
|
7211
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _handleMouseLeave: [{
|
|
7212
|
+
type: HostListener,
|
|
7213
|
+
args: ["mouseleave", ["$event"]]
|
|
7214
|
+
}] } });
|
|
7215
|
+
|
|
7069
7216
|
class NiceNavigationService {
|
|
7070
7217
|
/**
|
|
7071
7218
|
* Constructor
|
|
@@ -7913,12 +8060,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
7913
8060
|
}] });
|
|
7914
8061
|
|
|
7915
8062
|
class NiceShowHintDirective {
|
|
7916
|
-
constructor(_overlay, _elementRef, _viewContainerRef, _ngZone, _platform, _hintService) {
|
|
8063
|
+
constructor(_overlay, _elementRef, _viewContainerRef, _ngZone, _platform, _focusMonitor, _hintService) {
|
|
7917
8064
|
this._overlay = _overlay;
|
|
7918
8065
|
this._elementRef = _elementRef;
|
|
7919
8066
|
this._viewContainerRef = _viewContainerRef;
|
|
7920
8067
|
this._ngZone = _ngZone;
|
|
7921
8068
|
this._platform = _platform;
|
|
8069
|
+
this._focusMonitor = _focusMonitor;
|
|
7922
8070
|
this._hintService = _hintService;
|
|
7923
8071
|
this.shouldShow = false;
|
|
7924
8072
|
this._pointerExitEventsInitialized = false;
|
|
@@ -7927,9 +8075,18 @@ class NiceShowHintDirective {
|
|
|
7927
8075
|
}
|
|
7928
8076
|
ngAfterViewInit() {
|
|
7929
8077
|
this._setupPointerEnterEventsIfNeeded();
|
|
7930
|
-
|
|
7931
|
-
|
|
7932
|
-
|
|
8078
|
+
this._focusMonitor
|
|
8079
|
+
.monitor(this._elementRef)
|
|
8080
|
+
.pipe(takeUntil(this.unsubscribeAll$))
|
|
8081
|
+
.subscribe(origin => {
|
|
8082
|
+
// Note that the focus monitor runs outside the Angular zone.
|
|
8083
|
+
if (!origin) {
|
|
8084
|
+
this._ngZone.run(() => this.hide());
|
|
8085
|
+
}
|
|
8086
|
+
else if (origin === "keyboard") {
|
|
8087
|
+
this._ngZone.run(() => this.show());
|
|
8088
|
+
}
|
|
8089
|
+
});
|
|
7933
8090
|
}
|
|
7934
8091
|
ngOnDestroy() {
|
|
7935
8092
|
this.unsubscribeAll$.next();
|
|
@@ -7940,15 +8097,26 @@ class NiceShowHintDirective {
|
|
|
7940
8097
|
return;
|
|
7941
8098
|
}
|
|
7942
8099
|
const overlayRef = this._createOverlay();
|
|
8100
|
+
this._portal = this._portal || new ComponentPortal(this.item.hint.component);
|
|
7943
8101
|
this._detach();
|
|
7944
8102
|
this._hintInstance = overlayRef.attach(this._portal).instance;
|
|
8103
|
+
this._hintInstance._triggerElement = this._elementRef.nativeElement;
|
|
8104
|
+
this._hintInstance
|
|
8105
|
+
.afterHidden()
|
|
8106
|
+
.pipe(takeUntil(this.unsubscribeAll$))
|
|
8107
|
+
.subscribe(() => this._detach());
|
|
7945
8108
|
this._hintService.setActiveHint(true);
|
|
7946
8109
|
}
|
|
7947
8110
|
hide() {
|
|
7948
8111
|
const instance = this._hintInstance;
|
|
7949
8112
|
if (instance) {
|
|
7950
|
-
|
|
7951
|
-
|
|
8113
|
+
if (instance.isVisible()) {
|
|
8114
|
+
instance.hide(0);
|
|
8115
|
+
}
|
|
8116
|
+
else {
|
|
8117
|
+
instance._cancelPendingAnimations();
|
|
8118
|
+
this._detach();
|
|
8119
|
+
}
|
|
7952
8120
|
}
|
|
7953
8121
|
}
|
|
7954
8122
|
_createOverlay() {
|
|
@@ -7991,10 +8159,10 @@ class NiceShowHintDirective {
|
|
|
7991
8159
|
.detachments()
|
|
7992
8160
|
.pipe(takeUntil(this.unsubscribeAll$))
|
|
7993
8161
|
.subscribe(() => this._detach());
|
|
7994
|
-
|
|
8162
|
+
this._overlayRef
|
|
7995
8163
|
.outsidePointerEvents()
|
|
7996
8164
|
.pipe(takeUntil(this.unsubscribeAll$))
|
|
7997
|
-
.subscribe(() => this._hintInstance
|
|
8165
|
+
.subscribe(() => { var _a; return (_a = this._hintInstance) === null || _a === void 0 ? void 0 : _a._handleBodyInteraction(); });
|
|
7998
8166
|
return this._overlayRef;
|
|
7999
8167
|
}
|
|
8000
8168
|
_detach() {
|
|
@@ -8054,12 +8222,12 @@ class NiceShowHintDirective {
|
|
|
8054
8222
|
});
|
|
8055
8223
|
}
|
|
8056
8224
|
}
|
|
8057
|
-
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 });
|
|
8225
|
+
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 });
|
|
8058
8226
|
NiceShowHintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.3", type: NiceShowHintDirective, selector: "[niceShowHint]", inputs: { shouldShow: "shouldShow", item: "item" }, ngImport: i0 });
|
|
8059
8227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceShowHintDirective, decorators: [{
|
|
8060
8228
|
type: Directive,
|
|
8061
8229
|
args: [{ selector: "[niceShowHint]" }]
|
|
8062
|
-
}], ctorParameters: function () { return [{ type: i1$5.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.NgZone }, { type: i1$d.Platform }, { type: NiceNavigationHintService }]; }, propDecorators: { shouldShow: [{
|
|
8230
|
+
}], 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: [{
|
|
8063
8231
|
type: Input
|
|
8064
8232
|
}], item: [{
|
|
8065
8233
|
type: Input
|
|
@@ -10276,6 +10444,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
10276
10444
|
}]
|
|
10277
10445
|
}] });
|
|
10278
10446
|
|
|
10447
|
+
class NiceDraggableListDirective {
|
|
10448
|
+
constructor(formArrayName, cdkDropList) {
|
|
10449
|
+
this.formArrayName = formArrayName;
|
|
10450
|
+
this.cdkDropList = cdkDropList;
|
|
10451
|
+
this.rankProperty = "rank";
|
|
10452
|
+
this.itemsUpdated = new EventEmitter();
|
|
10453
|
+
this.itemRankUpdated = new EventEmitter();
|
|
10454
|
+
this.sortedItems = [];
|
|
10455
|
+
}
|
|
10456
|
+
ngOnInit() {
|
|
10457
|
+
if (this.formArrayName) {
|
|
10458
|
+
this.formArray = this.formArrayName.control;
|
|
10459
|
+
this.sortItems(this.formArray.getRawValue());
|
|
10460
|
+
}
|
|
10461
|
+
this.cdkDropList.dropped.subscribe((event) => this.drop(event));
|
|
10462
|
+
}
|
|
10463
|
+
ngOnChanges(changes) {
|
|
10464
|
+
if ("items" in changes && this.items) {
|
|
10465
|
+
this.sortItems(this.items);
|
|
10466
|
+
}
|
|
10467
|
+
}
|
|
10468
|
+
drop(event) {
|
|
10469
|
+
var _a;
|
|
10470
|
+
if (event.previousContainer === event.container) {
|
|
10471
|
+
if (event.previousIndex === event.currentIndex) {
|
|
10472
|
+
return;
|
|
10473
|
+
}
|
|
10474
|
+
event.item.data[this.rankProperty] = this.getNextRank(event);
|
|
10475
|
+
this.sortItems(this.sortedItems);
|
|
10476
|
+
this.itemsUpdated.next(this.sortedItems);
|
|
10477
|
+
this.itemRankUpdated.next(event.item.data);
|
|
10478
|
+
if (this.formArray) {
|
|
10479
|
+
(_a = this.formArray.get([event.previousIndex, this.rankProperty])) === null || _a === void 0 ? void 0 : _a.patchValue(event.item.data[this.rankProperty]);
|
|
10480
|
+
moveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);
|
|
10481
|
+
}
|
|
10482
|
+
}
|
|
10483
|
+
else {
|
|
10484
|
+
// TODO: Handle container change
|
|
10485
|
+
}
|
|
10486
|
+
}
|
|
10487
|
+
sortItems(items) {
|
|
10488
|
+
if (items.length && items.some((item) => !item[this.rankProperty])) {
|
|
10489
|
+
throw new Error(`All items must have a ${this.rankProperty}`);
|
|
10490
|
+
}
|
|
10491
|
+
this.sortedItems = [...items]
|
|
10492
|
+
.map(item => (Object.assign({}, item)))
|
|
10493
|
+
.sort((itemA, itemB) => LexoRankUtils.compareStringFn(itemA[this.rankProperty], itemB[this.rankProperty]));
|
|
10494
|
+
this.cdkDropList.data = this.sortedItems;
|
|
10495
|
+
}
|
|
10496
|
+
getNextRank(event) {
|
|
10497
|
+
const fromIndex = event.previousIndex;
|
|
10498
|
+
const toIndex = event.currentIndex;
|
|
10499
|
+
const itemAfter = this.sortedItems[fromIndex > toIndex ? toIndex : toIndex + 1];
|
|
10500
|
+
const itemBefore = this.sortedItems[fromIndex > toIndex ? toIndex - 1 : toIndex];
|
|
10501
|
+
return LexoRankUtils.getNewRank(itemAfter === null || itemAfter === void 0 ? void 0 : itemAfter[this.rankProperty], itemBefore === null || itemBefore === void 0 ? void 0 : itemBefore[this.rankProperty]);
|
|
10502
|
+
}
|
|
10503
|
+
}
|
|
10504
|
+
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 });
|
|
10505
|
+
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 });
|
|
10506
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListDirective, decorators: [{
|
|
10507
|
+
type: Directive,
|
|
10508
|
+
args: [{
|
|
10509
|
+
selector: "[cdkDropList][niceDraggableList]"
|
|
10510
|
+
}]
|
|
10511
|
+
}], ctorParameters: function () {
|
|
10512
|
+
return [{ type: i1$2.FormArrayName, decorators: [{
|
|
10513
|
+
type: Optional
|
|
10514
|
+
}] }, { type: i2$4.CdkDropList }];
|
|
10515
|
+
}, propDecorators: { items: [{
|
|
10516
|
+
type: Input
|
|
10517
|
+
}], rankProperty: [{
|
|
10518
|
+
type: Input
|
|
10519
|
+
}], itemsUpdated: [{
|
|
10520
|
+
type: Output
|
|
10521
|
+
}], itemRankUpdated: [{
|
|
10522
|
+
type: Output
|
|
10523
|
+
}] } });
|
|
10524
|
+
|
|
10525
|
+
class NiceDraggableListModule {
|
|
10526
|
+
}
|
|
10527
|
+
NiceDraggableListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10528
|
+
NiceDraggableListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, declarations: [NiceDraggableListDirective], imports: [DragDropModule], exports: [NiceDraggableListDirective] });
|
|
10529
|
+
NiceDraggableListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, imports: [DragDropModule] });
|
|
10530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: NiceDraggableListModule, decorators: [{
|
|
10531
|
+
type: NgModule,
|
|
10532
|
+
args: [{
|
|
10533
|
+
imports: [DragDropModule],
|
|
10534
|
+
declarations: [NiceDraggableListDirective],
|
|
10535
|
+
exports: [NiceDraggableListDirective],
|
|
10536
|
+
}]
|
|
10537
|
+
}] });
|
|
10538
|
+
|
|
10279
10539
|
class NiceImageErrorPlaceholderDirective {
|
|
10280
10540
|
constructor(elementRef, viewContainerRef) {
|
|
10281
10541
|
this.elementRef = elementRef;
|
|
@@ -10600,5 +10860,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
|
|
|
10600
10860
|
* Generated bundle index. Do not edit.
|
|
10601
10861
|
*/
|
|
10602
10862
|
|
|
10603
|
-
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 };
|
|
10863
|
+
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 };
|
|
10604
10864
|
//# sourceMappingURL=recursyve-nice-ui-kit.v2.mjs.map
|