@osovitny/anatoly 2.14.20 → 2.14.22

package/fesm2020/osovitny-anatoly.mjs

@@ -18,6 +18,7 @@ import Swal from 'sweetalert2';
 import { v4 } from 'uuid';
 import * as i1$2 from 'ngx-toastr';
 import * as i1$4 from '@angular/platform-browser';
+import * as $$1 from 'jquery';
 import * as i1$5 from '@angular/forms';
 import { FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i1$6 from 'angular-froala-wysiwyg';
@@ -1650,6 +1651,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.Router }]; } });
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    8 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class DOM {
+    //Private
+    static dir(elem, dir, until = null, selector = null) {
+        let matched = [];
+        let truncate = until !== undefined && until != null;
+        while ((elem = elem[dir]) && elem.nodeType !== 9) {
+            if (elem.nodeType === 1) {
+                /*
+                if (truncate && jQuery(elem).is(until)) {
+                  break;
+                }
+                */
+                if (selector) {
+                    let className = selector.replace('.', '');
+                    if (elem.classList.contains(className)) {
+                        matched.push(elem);
+                    }
+                }
+                else {
+                    matched.push(elem);
+                }
+            }
+        }
+        return matched;
+    }
+    //Public
+    static first(elements) {
+        if (!elements || elements.length == 0) {
+            return null;
+        }
+        return elements[0];
+    }
+    static any(elements) {
+        if (!elements || elements.length == 0) {
+            return false;
+        }
+        return true;
+    }
+    static parent(elem) {
+        let parentElement = elem.parentElement;
+        let parentNode = elem.parentNode;
+        return parentNode && parentNode.nodeType !== 11 ? parentElement : null;
+    }
+    static parents(elem, selector = null) {
+        return this.dir(elem, "parentNode", null, selector);
+    }
+    static findInDocument(selector) {
+        let parent = $$1(document);
+        return $$1(parent).find(selector).get();
+    }
+    static find(elem, selector) {
+        return $$1(elem).find(selector).get();
+    }
+    static remove(nodes) {
+        if (nodes == null) {
+            return;
+        }
+        if (!Array.isArray(nodes)) {
+            if (nodes.parentNode) {
+                nodes.parentNode.removeChild(nodes);
+            }
+            return;
+        }
+        if (nodes.length == 0) {
+            return;
+        }
+        let node;
+        let i = 0;
+        for (; (node = nodes[i]) != null; i++) {
+            if (node.parentNode) {
+                node.parentNode.removeChild(node);
+            }
+        }
+    }
+    static findAndRemove(element, selector) {
+        this.remove(this.find(element, selector));
+    }
+    static show(elem) {
+        $$1(elem).show();
+    }
+    static hide(elem) {
+        $$1(elem).hide();
+    }
+    static each(selector, action) {
+        let parent = $$1(document);
+        let elems = DOM.find(parent, selector);
+        for (let i = 0; i < elems.length; i++) {
+            let elem = elems[i];
+            action(elem);
+        }
+    }
+    //Css
+    /*
+    public static addClass(e: Element, className: string): Element {
+      const class = e.getAttribute('class');
+      if (class === null || class === '') {
+        e.setAttribute('class', className);
+      } else if (!DOM.hasClass(e, className)) {
+        e.setAttribute('class', `${class} ${className}`);
+      }
+   
+      return e;
+    }
+   
+    public static removeClass(e: Element, className: string): Element {
+      const class = e.getAttribute('class')
+      if (class !== null && class !== '') {
+        if (class === className) {
+          e.setAttribute('class', '');
+        } else {
+          const result = class
+            .split(' ')
+            .filter((s: any) => s !== className)
+            .join(' ');
+          e.setAttribute('class', result);
+        }
+      }
+   
+      return e;
+    }
+   
+    public static hasClass(e: Element, className: string): boolean {
+      const class = e.getAttribute('class') || '';
+      const r = new RegExp(`\\b${className}\\b`, '');
+      return r.test(class);
+    }
+    */
+    static addClass(elem, classNames) {
+        $$1(elem).addClass(classNames);
+    }
+    static removeClass(elem, classNames) {
+        $$1(elem).removeClass(classNames);
+    }
+    static hasClass(elem, className) {
+        $$1(elem).hasClass(className);
+    }
+}
+
 /*
 <file>
   Project:
@@ -3736,28 +3890,34 @@ class UrlSlugComponent extends BaseEditComponent {
     constructor() {
         super();
         //Inputs
-        this.title = 'Permalink';
+        this.title = 'Permalink:';
         this.isTitleVisible = true;
+        //Outputs
+        this.generating = new EventEmitter();
     }
     ngOnInit() {
         this.setWatchers();
     }
     setWatchers() {
-        this.formGroup.get(this.watchedControlName).valueChanges.subscribe(val => {
-            this.generateUrlSlug();
-        });
+        if (this.watchedControlName) {
+            this.formGroup.get(this.watchedControlName).valueChanges.subscribe(val => {
+                this.generateUrlSlug();
+            });
+        }
     }
     generateUrlSlug() {
         let name = this.getFormValue(this.watchedControlName);
         let slugedText = Utils.slugify(name);
-        this.setFormValue(this.controlName, slugedText);
+        let event = { urlSlug: slugedText };
+        this.generating.emit(event);
+        this.setFormValue(this.controlName, event.urlSlug);
     }
 }
 UrlSlugComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UrlSlugComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-UrlSlugComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: UrlSlugComponent, selector: "anatoly-forms-urlslug", inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle", class: "class", watchedControlName: "watchedControlName", urlPrefix: "urlPrefix" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]='formGroup'  class=\"{'has-error': isControlInvalid(controlName)} form-group {{class}}\">\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>{{ title }} <strong>{{ urlPrefix }} </strong></label>\r\n  <input [formControlName]='controlName' type='text' placeholder='Type url slug here' class='form-control' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle'>\r\n  </anatoly-item-validation-summary>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+UrlSlugComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: UrlSlugComponent, selector: "anatoly-forms-urlslug", inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle", class: "class", watchedControlName: "watchedControlName", urlPrefix: "urlPrefix" }, outputs: { generating: "generating" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]='formGroup'  class=\"d-flex permalink form-group {'has-error': isControlInvalid(controlName)}  {{class}}\">\r\n  <label *ngIf='isTitleVisible' class='col-form-label'> {{ title }} <span> {{ urlPrefix }} </span></label>\r\n  <input [formControlName]='controlName' type='text' placeholder='Type url slug here' class='form-control' (generating)='generateUrlSlug()'/>\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle'>\r\n  </anatoly-item-validation-summary>\r\n</div>\r\n\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UrlSlugComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anatoly-forms-urlslug', template: "<div [formGroup]='formGroup'  class=\"{'has-error': isControlInvalid(controlName)} form-group {{class}}\">\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>{{ title }} <strong>{{ urlPrefix }} </strong></label>\r\n  <input [formControlName]='controlName' type='text' placeholder='Type url slug here' class='form-control' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle'>\r\n  </anatoly-item-validation-summary>\r\n</div>\r\n" }]
+            args: [{ selector: 'anatoly-forms-urlslug', template: "<div [formGroup]='formGroup'  class=\"d-flex permalink form-group {'has-error': isControlInvalid(controlName)}  {{class}}\">\r\n  <label *ngIf='isTitleVisible' class='col-form-label'> {{ title }} <span> {{ urlPrefix }} </span></label>\r\n  <input [formControlName]='controlName' type='text' placeholder='Type url slug here' class='form-control' (generating)='generateUrlSlug()'/>\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle'>\r\n  </anatoly-item-validation-summary>\r\n</div>\r\n\r\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { title: [{
                 type: Input
             }], isTitleVisible: [{
@@ -3772,6 +3932,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Input
             }], urlPrefix: [{
                 type: Input
+            }], generating: [{
+                type: Output
             }] } });
 
 /*
@@ -4287,5 +4449,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddressComponent, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CompanyComponent, ContactUsDialog, ContactUsForm, ContextInitState, Convert, CoreApiService, DefaultEditorOptions, DigitalMarketingService, EmailsApiService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NodataComponent, NotificationService, NotificationsApiService, PageSpinnerComponent, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, TranslateModuleAtRoot, UpgradePlanButtonComponent, UrlSlugComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
+export { AddressComponent, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CompanyComponent, ContactUsDialog, ContactUsForm, ContextInitState, Convert, CoreApiService, DOM, DefaultEditorOptions, DigitalMarketingService, EmailsApiService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NodataComponent, NotificationService, NotificationsApiService, PageSpinnerComponent, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, TranslateModuleAtRoot, UpgradePlanButtonComponent, UrlSlugComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
 //# sourceMappingURL=osovitny-anatoly.mjs.map