ngx-sfc-common 0.0.27 → 0.0.29
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/models/index.mjs +2 -2
- package/esm2020/lib/models/observable.model.mjs +9 -8
- package/fesm2015/ngx-sfc-common.mjs +164 -163
- package/fesm2015/ngx-sfc-common.mjs.map +1 -1
- package/fesm2020/ngx-sfc-common.mjs +161 -160
- package/fesm2020/ngx-sfc-common.mjs.map +1 -1
- package/lib/models/index.d.ts +1 -1
- package/lib/models/observable.model.d.ts +5 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { ObservableModel } from './observable.model';
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export { ObservableModel, ObservableBehaviorModel } from './observable.model';
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL21vZGVscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsZUFBZSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJQ2xhc3NNb2RlbCB9IGZyb20gJy4vY2xhc3MubW9kZWwnO1xyXG5leHBvcnQgeyBJU2VsZWN0TW9kZWwgfSBmcm9tICcuL3NlbGVjdC5tb2RlbCc7XHJcbmV4cG9ydCB7IE9ic2VydmFibGVNb2RlbCwgT2JzZXJ2YWJsZUJlaGF2aW9yTW9kZWwgfSBmcm9tICcuL29ic2VydmFibGUubW9kZWwnOyJdfQ==
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { BehaviorSubject, Subject } from "rxjs";
|
|
2
|
-
import { isDefined } from "../utils";
|
|
3
2
|
export class ObservableModel {
|
|
3
|
+
constructor() {
|
|
4
|
+
this.subject = new Subject();
|
|
5
|
+
this.value$ = this.subject.asObservable();
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
export class ObservableBehaviorModel {
|
|
4
9
|
constructor(defaultValue = null) {
|
|
5
10
|
this.defaultValue = defaultValue;
|
|
6
|
-
this.subject =
|
|
7
|
-
? new BehaviorSubject(this.defaultValue) : new Subject();
|
|
11
|
+
this.subject = new BehaviorSubject(this.defaultValue);
|
|
8
12
|
this.value$ = this.subject.asObservable();
|
|
9
13
|
}
|
|
10
|
-
get value() {
|
|
11
|
-
return this.subject instanceof (BehaviorSubject)
|
|
12
|
-
? this.subject.value || this.defaultValue : null;
|
|
13
|
-
}
|
|
14
|
+
get value() { return this.subject.value; }
|
|
14
15
|
}
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JzZXJ2YWJsZS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvbW9kZWxzL29ic2VydmFibGUubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFNUQsTUFBTSxPQUFPLGVBQWU7SUFBNUI7UUFFVyxZQUFPLEdBQWdCLElBQUksT0FBTyxFQUFLLENBQUM7UUFFeEMsV0FBTSxHQUFrQixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQy9ELENBQUM7Q0FBQTtBQUdELE1BQU0sT0FBTyx1QkFBdUI7SUFFaEMsWUFBb0IsZUFBeUIsSUFBSTtRQUE3QixpQkFBWSxHQUFaLFlBQVksQ0FBaUI7UUFFMUMsWUFBTyxHQUF1QixJQUFJLGVBQWUsQ0FBSSxJQUFJLENBQUMsWUFBYSxDQUFDLENBQUM7UUFFekUsV0FBTSxHQUFrQixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBSk4sQ0FBQztJQU10RCxJQUFXLEtBQUssS0FBZSxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztDQUM5RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgU3ViamVjdCB9IGZyb20gXCJyeGpzXCI7XHJcblxyXG5leHBvcnQgY2xhc3MgT2JzZXJ2YWJsZU1vZGVsPFQ+IHtcclxuXHJcbiAgICBwdWJsaWMgc3ViamVjdDogU3ViamVjdDxUPiA9ICBuZXcgU3ViamVjdDxUPigpO1xyXG5cclxuICAgIHB1YmxpYyB2YWx1ZSQ6IE9ic2VydmFibGU8VD4gPSB0aGlzLnN1YmplY3QuYXNPYnNlcnZhYmxlKCk7XHJcbn1cclxuXHJcblxyXG5leHBvcnQgY2xhc3MgT2JzZXJ2YWJsZUJlaGF2aW9yTW9kZWw8VD4ge1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZGVmYXVsdFZhbHVlOiBUIHwgbnVsbCA9IG51bGwpIHsgfVxyXG5cclxuICAgIHB1YmxpYyBzdWJqZWN0OiBCZWhhdmlvclN1YmplY3Q8VD4gPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFQ+KHRoaXMuZGVmYXVsdFZhbHVlISk7XHJcblxyXG4gICAgcHVibGljIHZhbHVlJDogT2JzZXJ2YWJsZTxUPiA9IHRoaXMuc3ViamVjdC5hc09ic2VydmFibGUoKTtcclxuXHJcbiAgICBwdWJsaWMgZ2V0IHZhbHVlKCk6IFQgfCBudWxsIHsgcmV0dXJuIHRoaXMuc3ViamVjdC52YWx1ZTsgfVxyXG59Il19
|
|
@@ -4,7 +4,7 @@ import * as i1$1 from '@angular/common';
|
|
|
4
4
|
import { isPlatformBrowser, formatDate, CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1$2 from '@fortawesome/angular-fontawesome';
|
|
6
6
|
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
7
|
-
import { Subject,
|
|
7
|
+
import { Subject, BehaviorSubject, fromEvent, Observable, distinctUntilChanged, startWith, filter, map, EMPTY, combineLatest, tap, switchMap, of } from 'rxjs';
|
|
8
8
|
import * as i1 from '@angular/platform-browser';
|
|
9
9
|
import { __awaiter } from 'tslib';
|
|
10
10
|
import { HttpParams } from '@angular/common/http';
|
|
@@ -388,6 +388,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
388
388
|
}]
|
|
389
389
|
}] });
|
|
390
390
|
|
|
391
|
+
class ObservableModel {
|
|
392
|
+
constructor() {
|
|
393
|
+
this.subject = new Subject();
|
|
394
|
+
this.value$ = this.subject.asObservable();
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
class ObservableBehaviorModel {
|
|
398
|
+
constructor(defaultValue = null) {
|
|
399
|
+
this.defaultValue = defaultValue;
|
|
400
|
+
this.subject = new BehaviorSubject(this.defaultValue);
|
|
401
|
+
this.value$ = this.subject.asObservable();
|
|
402
|
+
}
|
|
403
|
+
get value() { return this.subject.value; }
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
class ReloadService {
|
|
407
|
+
constructor() {
|
|
408
|
+
/* Properties */
|
|
409
|
+
this.model = new ObservableModel();
|
|
410
|
+
}
|
|
411
|
+
get reload$() { return this.model.value$; }
|
|
412
|
+
/* End Properties */
|
|
413
|
+
reload(...ids) {
|
|
414
|
+
this.model.subject.next(ids);
|
|
415
|
+
}
|
|
416
|
+
}
|
|
417
|
+
ReloadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ReloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
418
|
+
ReloadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ReloadService, providedIn: 'root' });
|
|
419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ReloadService, decorators: [{
|
|
420
|
+
type: Injectable,
|
|
421
|
+
args: [{ providedIn: 'root' }]
|
|
422
|
+
}] });
|
|
423
|
+
|
|
424
|
+
class ClickOutsideDirective {
|
|
425
|
+
constructor(elementRef, document) {
|
|
426
|
+
this.elementRef = elementRef;
|
|
427
|
+
this.document = document;
|
|
428
|
+
/**
|
|
429
|
+
* Toggler for checking ouside click event
|
|
430
|
+
*/
|
|
431
|
+
this.listening = false;
|
|
432
|
+
/**
|
|
433
|
+
* Emitter for click event
|
|
434
|
+
*/
|
|
435
|
+
this.action = new EventEmitter();
|
|
436
|
+
}
|
|
437
|
+
ngAfterViewInit() {
|
|
438
|
+
// capture: true allow to catch event in early state (ignore stop propagation)
|
|
439
|
+
this._clickSubscription = fromEvent(this.document, 'click', { capture: true })
|
|
440
|
+
.subscribe(event => this.onClick(event));
|
|
441
|
+
}
|
|
442
|
+
ngOnDestroy() {
|
|
443
|
+
var _a;
|
|
444
|
+
(_a = this._clickSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
445
|
+
}
|
|
446
|
+
onClick(event) {
|
|
447
|
+
if (event instanceof MouseEvent && this.listening) {
|
|
448
|
+
const clickOutsideEvent = {
|
|
449
|
+
target: event.target,
|
|
450
|
+
value: !this.isDescendant(this.elementRef.nativeElement, event.target)
|
|
451
|
+
};
|
|
452
|
+
this.action.emit(clickOutsideEvent);
|
|
453
|
+
}
|
|
454
|
+
}
|
|
455
|
+
isDescendant(parent, child) {
|
|
456
|
+
let node = child;
|
|
457
|
+
while (node !== null) {
|
|
458
|
+
if (node === parent) {
|
|
459
|
+
return true;
|
|
460
|
+
}
|
|
461
|
+
else {
|
|
462
|
+
node = node.parentNode;
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
return false;
|
|
466
|
+
}
|
|
467
|
+
}
|
|
468
|
+
ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
|
|
469
|
+
ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ClickOutsideDirective, selector: "[sfcClickOutside]", inputs: { listening: ["sfcClickOutside", "listening"] }, outputs: { action: "action" }, ngImport: i0 });
|
|
470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
471
|
+
type: Directive,
|
|
472
|
+
args: [{
|
|
473
|
+
selector: '[sfcClickOutside]'
|
|
474
|
+
}]
|
|
475
|
+
}], ctorParameters: function () {
|
|
476
|
+
return [{ type: i0.ElementRef }, { type: Document, decorators: [{
|
|
477
|
+
type: Inject,
|
|
478
|
+
args: [DOCUMENT]
|
|
479
|
+
}] }];
|
|
480
|
+
}, propDecorators: { listening: [{
|
|
481
|
+
type: Input,
|
|
482
|
+
args: ['sfcClickOutside']
|
|
483
|
+
}], action: [{
|
|
484
|
+
type: Output
|
|
485
|
+
}] } });
|
|
486
|
+
|
|
391
487
|
class CommonConstants {
|
|
392
488
|
}
|
|
393
489
|
CommonConstants.NOT_FOUND_INDEX = -1;
|
|
@@ -434,6 +530,72 @@ UIConstants.CSS_CLASS_TOP = 'top';
|
|
|
434
530
|
UIConstants.CSS_CLASS_SCROLL = 'scroll';
|
|
435
531
|
UIConstants.RGB_OPACITY_PLACEHOLDER = '{opacity}';
|
|
436
532
|
|
|
533
|
+
class ShowHideElementDirective {
|
|
534
|
+
constructor(el) {
|
|
535
|
+
this.el = el;
|
|
536
|
+
this.SHOW_HIDE_TRANSITION_DELAY_DEFAULT = 0.5;
|
|
537
|
+
this.style.transition = this.getTransitionValue();
|
|
538
|
+
}
|
|
539
|
+
set showHideElement(show) {
|
|
540
|
+
this.style.visibility = show
|
|
541
|
+
? UIConstants.CSS_VISIBILITY_VISIBLE
|
|
542
|
+
: UIConstants.CSS_VISIBILITY_HIDDEN;
|
|
543
|
+
this.style.opacity = show ? 1 : 0;
|
|
544
|
+
}
|
|
545
|
+
set delay(value) {
|
|
546
|
+
this.style.transition = this.getTransitionValue(value);
|
|
547
|
+
}
|
|
548
|
+
;
|
|
549
|
+
get style() {
|
|
550
|
+
return this.el.nativeElement.style;
|
|
551
|
+
}
|
|
552
|
+
getTransitionValue(delay = this.SHOW_HIDE_TRANSITION_DELAY_DEFAULT) {
|
|
553
|
+
return `visibility ${delay}s,
|
|
554
|
+
opacity ${delay}s
|
|
555
|
+
linear`;
|
|
556
|
+
}
|
|
557
|
+
}
|
|
558
|
+
ShowHideElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ShowHideElementDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
559
|
+
ShowHideElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: { showHideElement: ["sfcShowHideElement", "showHideElement"], delay: "delay" }, ngImport: i0 });
|
|
560
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ShowHideElementDirective, decorators: [{
|
|
561
|
+
type: Directive,
|
|
562
|
+
args: [{
|
|
563
|
+
selector: '[sfcShowHideElement]'
|
|
564
|
+
}]
|
|
565
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { showHideElement: [{
|
|
566
|
+
type: Input,
|
|
567
|
+
args: ['sfcShowHideElement']
|
|
568
|
+
}], delay: [{
|
|
569
|
+
type: Input
|
|
570
|
+
}] } });
|
|
571
|
+
|
|
572
|
+
class IfDirective {
|
|
573
|
+
/* End Properties */
|
|
574
|
+
constructor(el) {
|
|
575
|
+
this.el = el;
|
|
576
|
+
this.display = this.style.display;
|
|
577
|
+
}
|
|
578
|
+
/* Inputs */
|
|
579
|
+
set sfcIf(show) {
|
|
580
|
+
this.style.display = show
|
|
581
|
+
? this.display || UIConstants.CSS_INITIAL
|
|
582
|
+
: UIConstants.CSS_NONE;
|
|
583
|
+
}
|
|
584
|
+
/* End Inputs */
|
|
585
|
+
/* Properties */
|
|
586
|
+
get style() { return this.el.nativeElement.style; }
|
|
587
|
+
}
|
|
588
|
+
IfDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IfDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
589
|
+
IfDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: IfDirective, selector: "[sfcIf]", inputs: { sfcIf: "sfcIf" }, ngImport: i0 });
|
|
590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IfDirective, decorators: [{
|
|
591
|
+
type: Directive,
|
|
592
|
+
args: [{
|
|
593
|
+
selector: '[sfcIf]'
|
|
594
|
+
}]
|
|
595
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { sfcIf: [{
|
|
596
|
+
type: Input
|
|
597
|
+
}] } });
|
|
598
|
+
|
|
437
599
|
/**
|
|
438
600
|
* Set minutes for date
|
|
439
601
|
* @param date Date value
|
|
@@ -1527,166 +1689,6 @@ function buildHttpParams(value) {
|
|
|
1527
1689
|
}
|
|
1528
1690
|
}
|
|
1529
1691
|
|
|
1530
|
-
class ObservableModel {
|
|
1531
|
-
constructor(defaultValue = null) {
|
|
1532
|
-
this.defaultValue = defaultValue;
|
|
1533
|
-
this.subject = isDefined(this.defaultValue)
|
|
1534
|
-
? new BehaviorSubject(this.defaultValue) : new Subject();
|
|
1535
|
-
this.value$ = this.subject.asObservable();
|
|
1536
|
-
}
|
|
1537
|
-
get value() {
|
|
1538
|
-
return this.subject instanceof (BehaviorSubject)
|
|
1539
|
-
? this.subject.value || this.defaultValue : null;
|
|
1540
|
-
}
|
|
1541
|
-
}
|
|
1542
|
-
|
|
1543
|
-
class ReloadService {
|
|
1544
|
-
constructor() {
|
|
1545
|
-
/* Properties */
|
|
1546
|
-
this.model = new ObservableModel();
|
|
1547
|
-
}
|
|
1548
|
-
get reload$() { return this.model.value$; }
|
|
1549
|
-
/* End Properties */
|
|
1550
|
-
reload(...ids) {
|
|
1551
|
-
this.model.subject.next(ids);
|
|
1552
|
-
}
|
|
1553
|
-
}
|
|
1554
|
-
ReloadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ReloadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1555
|
-
ReloadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ReloadService, providedIn: 'root' });
|
|
1556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ReloadService, decorators: [{
|
|
1557
|
-
type: Injectable,
|
|
1558
|
-
args: [{ providedIn: 'root' }]
|
|
1559
|
-
}] });
|
|
1560
|
-
|
|
1561
|
-
class ClickOutsideDirective {
|
|
1562
|
-
constructor(elementRef, document) {
|
|
1563
|
-
this.elementRef = elementRef;
|
|
1564
|
-
this.document = document;
|
|
1565
|
-
/**
|
|
1566
|
-
* Toggler for checking ouside click event
|
|
1567
|
-
*/
|
|
1568
|
-
this.listening = false;
|
|
1569
|
-
/**
|
|
1570
|
-
* Emitter for click event
|
|
1571
|
-
*/
|
|
1572
|
-
this.action = new EventEmitter();
|
|
1573
|
-
}
|
|
1574
|
-
ngAfterViewInit() {
|
|
1575
|
-
// capture: true allow to catch event in early state (ignore stop propagation)
|
|
1576
|
-
this._clickSubscription = fromEvent(this.document, 'click', { capture: true })
|
|
1577
|
-
.subscribe(event => this.onClick(event));
|
|
1578
|
-
}
|
|
1579
|
-
ngOnDestroy() {
|
|
1580
|
-
var _a;
|
|
1581
|
-
(_a = this._clickSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
|
|
1582
|
-
}
|
|
1583
|
-
onClick(event) {
|
|
1584
|
-
if (event instanceof MouseEvent && this.listening) {
|
|
1585
|
-
const clickOutsideEvent = {
|
|
1586
|
-
target: event.target,
|
|
1587
|
-
value: !this.isDescendant(this.elementRef.nativeElement, event.target)
|
|
1588
|
-
};
|
|
1589
|
-
this.action.emit(clickOutsideEvent);
|
|
1590
|
-
}
|
|
1591
|
-
}
|
|
1592
|
-
isDescendant(parent, child) {
|
|
1593
|
-
let node = child;
|
|
1594
|
-
while (node !== null) {
|
|
1595
|
-
if (node === parent) {
|
|
1596
|
-
return true;
|
|
1597
|
-
}
|
|
1598
|
-
else {
|
|
1599
|
-
node = node.parentNode;
|
|
1600
|
-
}
|
|
1601
|
-
}
|
|
1602
|
-
return false;
|
|
1603
|
-
}
|
|
1604
|
-
}
|
|
1605
|
-
ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1606
|
-
ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ClickOutsideDirective, selector: "[sfcClickOutside]", inputs: { listening: ["sfcClickOutside", "listening"] }, outputs: { action: "action" }, ngImport: i0 });
|
|
1607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
1608
|
-
type: Directive,
|
|
1609
|
-
args: [{
|
|
1610
|
-
selector: '[sfcClickOutside]'
|
|
1611
|
-
}]
|
|
1612
|
-
}], ctorParameters: function () {
|
|
1613
|
-
return [{ type: i0.ElementRef }, { type: Document, decorators: [{
|
|
1614
|
-
type: Inject,
|
|
1615
|
-
args: [DOCUMENT]
|
|
1616
|
-
}] }];
|
|
1617
|
-
}, propDecorators: { listening: [{
|
|
1618
|
-
type: Input,
|
|
1619
|
-
args: ['sfcClickOutside']
|
|
1620
|
-
}], action: [{
|
|
1621
|
-
type: Output
|
|
1622
|
-
}] } });
|
|
1623
|
-
|
|
1624
|
-
class ShowHideElementDirective {
|
|
1625
|
-
constructor(el) {
|
|
1626
|
-
this.el = el;
|
|
1627
|
-
this.SHOW_HIDE_TRANSITION_DELAY_DEFAULT = 0.5;
|
|
1628
|
-
this.style.transition = this.getTransitionValue();
|
|
1629
|
-
}
|
|
1630
|
-
set showHideElement(show) {
|
|
1631
|
-
this.style.visibility = show
|
|
1632
|
-
? UIConstants.CSS_VISIBILITY_VISIBLE
|
|
1633
|
-
: UIConstants.CSS_VISIBILITY_HIDDEN;
|
|
1634
|
-
this.style.opacity = show ? 1 : 0;
|
|
1635
|
-
}
|
|
1636
|
-
set delay(value) {
|
|
1637
|
-
this.style.transition = this.getTransitionValue(value);
|
|
1638
|
-
}
|
|
1639
|
-
;
|
|
1640
|
-
get style() {
|
|
1641
|
-
return this.el.nativeElement.style;
|
|
1642
|
-
}
|
|
1643
|
-
getTransitionValue(delay = this.SHOW_HIDE_TRANSITION_DELAY_DEFAULT) {
|
|
1644
|
-
return `visibility ${delay}s,
|
|
1645
|
-
opacity ${delay}s
|
|
1646
|
-
linear`;
|
|
1647
|
-
}
|
|
1648
|
-
}
|
|
1649
|
-
ShowHideElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ShowHideElementDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1650
|
-
ShowHideElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: { showHideElement: ["sfcShowHideElement", "showHideElement"], delay: "delay" }, ngImport: i0 });
|
|
1651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ShowHideElementDirective, decorators: [{
|
|
1652
|
-
type: Directive,
|
|
1653
|
-
args: [{
|
|
1654
|
-
selector: '[sfcShowHideElement]'
|
|
1655
|
-
}]
|
|
1656
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { showHideElement: [{
|
|
1657
|
-
type: Input,
|
|
1658
|
-
args: ['sfcShowHideElement']
|
|
1659
|
-
}], delay: [{
|
|
1660
|
-
type: Input
|
|
1661
|
-
}] } });
|
|
1662
|
-
|
|
1663
|
-
class IfDirective {
|
|
1664
|
-
/* End Properties */
|
|
1665
|
-
constructor(el) {
|
|
1666
|
-
this.el = el;
|
|
1667
|
-
this.display = this.style.display;
|
|
1668
|
-
}
|
|
1669
|
-
/* Inputs */
|
|
1670
|
-
set sfcIf(show) {
|
|
1671
|
-
this.style.display = show
|
|
1672
|
-
? this.display || UIConstants.CSS_INITIAL
|
|
1673
|
-
: UIConstants.CSS_NONE;
|
|
1674
|
-
}
|
|
1675
|
-
/* End Inputs */
|
|
1676
|
-
/* Properties */
|
|
1677
|
-
get style() { return this.el.nativeElement.style; }
|
|
1678
|
-
}
|
|
1679
|
-
IfDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IfDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1680
|
-
IfDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.4", type: IfDirective, selector: "[sfcIf]", inputs: { sfcIf: "sfcIf" }, ngImport: i0 });
|
|
1681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IfDirective, decorators: [{
|
|
1682
|
-
type: Directive,
|
|
1683
|
-
args: [{
|
|
1684
|
-
selector: '[sfcIf]'
|
|
1685
|
-
}]
|
|
1686
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { sfcIf: [{
|
|
1687
|
-
type: Input
|
|
1688
|
-
}] } });
|
|
1689
|
-
|
|
1690
1692
|
class ThrowElementOnHoverDirective {
|
|
1691
1693
|
constructor(el) {
|
|
1692
1694
|
this.el = el;
|
|
@@ -3675,6 +3677,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
3675
3677
|
* Generated bundle index. Do not edit.
|
|
3676
3678
|
*/
|
|
3677
3679
|
|
|
3678
|
-
export { BounceLoaderComponent, BrowserDocumentRef, BrowserWindowRef, ButtonComponent, ButtonType, CheckmarkComponent, CheckmarkType, CircleLoaderComponent, CircleLoaderType, ClickOutsideDirective, CloseComponent, CollapseExpandComponent, CollapseExpandContainerComponent, CollapseExpandDirective, CommonConstants, Compare, ComponentReferenceDirective, ComponentSize, ComponentSizeDirective, DOCUMENT, DOCUMENT_PROVIDERS, DateTimeConstants, DefaultModalFooterComponent, DefaultModalHeaderComponent, DelimeterComponent, DestroyParentDirective, Direction, DocumentRef, DomChangesDirective, DotComponent, DotsComponent, HamburgerComponent, HamburgerMenuComponent, IconComponent, IfDirective, ImageLoadDirective, ImageLoadService, ItemsView, LoadContainerChangesSource, LoadContainerComponent, LoadContainerLoadType, LoadContainerType, LoadMoreButtonComponent, LoadMoreService, LoaderService, MediaLimits, MessageComponent, ModalComponent, ModalOpenDirective, ModalOpenOnClickDirective, ModalService, ModalTemplate, MouseDownDirective, NgxSfcCommonModule, NotificationType, ObservableModel, PaginationComponent, PaginationConstants, PaginationService, Position, ReloadService, RepeatPipe, ResizeService, ScrollIntoViewDirective, ScrollTrackerDirective, Select, Sequence, ShowHideElementDirective, SortByPipe, SortingDirection, SortingService, State, SwitchMultiCasePipe, TemplateContentComponent, TemplateReferenceDirective, Theme, ThrowElementOnHoverDirective, ToggleComponent, ToggleSwitcherComponent, TooltipComponent, TooltipType, UIClass, UIConstants, WINDOW, WINDOW_PROVIDERS, WindowRef, addClasses, addItem, addPropertyToObject, all, any, browserDocumentProvider, browserWindowProvider, buildHttpParams, contains, convertDateToTimestamp, convertFromBase64String, convertTimestampToDate, convertToBase64String, convertUTCDateToLocalDate, count, distinct, documentFactory, documentProvider, firstItem, firstOrDefault, generateGuid, getAge, getCalcValue, getCollectionOrEmpty, getCssLikeValue, getFileExtension, getFirstDayOfMonth, getFirstDayOfMonthByYearAndMonth, getFirstDayOfYear, getLastDayOfMonth, getLastDayOfMonthByYearAndMonth, getLastDayOfYear, getNextDate, getNextMonth, getNextYear, getPreviousDate, getPreviousMonth, getPreviousYear, getRotateValue, getValueFromCssLikeValue, getWeeksNumberInMonth, hasAnyItem, hasItem, hasItemBy, hasObjectItem, hexToRgb, isArraysEquals, isAsyncData, isChromeBrowser, isDateGreat, isDateGreatOrEqual, isDateTimeGreat, isDateTimeGreatOrEqual, isDateTimeLessOrEqual, isDefined, isEmail, isEqual, isEqualDateTimes, isEqualDates, isImage, isJsonString, isNullOrEmptyString, isNumeric, isObject, isString, isTimeGreatOrEqual, isTimeLessOrEqual, lastItem, max, mergeDeep, nameof, parseBoolean, parseFileSize, readAsDataURL, remove, removeClasses, removeItem, removeItemBy, removePropertyFromObject, replaceRgbOpacity, rgbToHex, setDay, setDefaultSecondsAndMiliseconds, setHours, setMilliseconds, setMinutes, setSeconds, setYear, skip, sort, sortBy, sortByPath, stopAndPreventPropagation, sum, trim, updateItemBy, where, windowFactory, windowProvider };
|
|
3679
|
-
//# sourceMappingURL=ngx-sfc-common.mjs.map
|
|
3680
|
+
export { BounceLoaderComponent, BrowserDocumentRef, BrowserWindowRef, ButtonComponent, ButtonType, CheckmarkComponent, CheckmarkType, CircleLoaderComponent, CircleLoaderType, ClickOutsideDirective, CloseComponent, CollapseExpandComponent, CollapseExpandContainerComponent, CollapseExpandDirective, CommonConstants, Compare, ComponentReferenceDirective, ComponentSize, ComponentSizeDirective, DOCUMENT, DOCUMENT_PROVIDERS, DateTimeConstants, DefaultModalFooterComponent, DefaultModalHeaderComponent, DelimeterComponent, DestroyParentDirective, Direction, DocumentRef, DomChangesDirective, DotComponent, DotsComponent, HamburgerComponent, HamburgerMenuComponent, IconComponent, IfDirective, ImageLoadDirective, ImageLoadService, ItemsView, LoadContainerChangesSource, LoadContainerComponent, LoadContainerLoadType, LoadContainerType, LoadMoreButtonComponent, LoadMoreService, LoaderService, MediaLimits, MessageComponent, ModalComponent, ModalOpenDirective, ModalOpenOnClickDirective, ModalService, ModalTemplate, MouseDownDirective, NgxSfcCommonModule, NotificationType, ObservableBehaviorModel, ObservableModel, PaginationComponent, PaginationConstants, PaginationService, Position, ReloadService, RepeatPipe, ResizeService, ScrollIntoViewDirective, ScrollTrackerDirective, Select, Sequence, ShowHideElementDirective, SortByPipe, SortingDirection, SortingService, State, SwitchMultiCasePipe, TemplateContentComponent, TemplateReferenceDirective, Theme, ThrowElementOnHoverDirective, ToggleComponent, ToggleSwitcherComponent, TooltipComponent, TooltipType, UIClass, UIConstants, WINDOW, WINDOW_PROVIDERS, WindowRef, addClasses, addItem, addPropertyToObject, all, any, browserDocumentProvider, browserWindowProvider, buildHttpParams, contains, convertDateToTimestamp, convertFromBase64String, convertTimestampToDate, convertToBase64String, convertUTCDateToLocalDate, count, distinct, documentFactory, documentProvider, firstItem, firstOrDefault, generateGuid, getAge, getCalcValue, getCollectionOrEmpty, getCssLikeValue, getFileExtension, getFirstDayOfMonth, getFirstDayOfMonthByYearAndMonth, getFirstDayOfYear, getLastDayOfMonth, getLastDayOfMonthByYearAndMonth, getLastDayOfYear, getNextDate, getNextMonth, getNextYear, getPreviousDate, getPreviousMonth, getPreviousYear, getRotateValue, getValueFromCssLikeValue, getWeeksNumberInMonth, hasAnyItem, hasItem, hasItemBy, hasObjectItem, hexToRgb, isArraysEquals, isAsyncData, isChromeBrowser, isDateGreat, isDateGreatOrEqual, isDateTimeGreat, isDateTimeGreatOrEqual, isDateTimeLessOrEqual, isDefined, isEmail, isEqual, isEqualDateTimes, isEqualDates, isImage, isJsonString, isNullOrEmptyString, isNumeric, isObject, isString, isTimeGreatOrEqual, isTimeLessOrEqual, lastItem, max, mergeDeep, nameof, parseBoolean, parseFileSize, readAsDataURL, remove, removeClasses, removeItem, removeItemBy, removePropertyFromObject, replaceRgbOpacity, rgbToHex, setDay, setDefaultSecondsAndMiliseconds, setHours, setMilliseconds, setMinutes, setSeconds, setYear, skip, sort, sortBy, sortByPath, stopAndPreventPropagation, sum, trim, updateItemBy, where, windowFactory, windowProvider };
|
|
3680
3681
|
//# sourceMappingURL=ngx-sfc-common.mjs.map
|