adb-shared 6.0.1 → 6.0.2

package/fesm2022/adb-shared.mjs

@@ -9,8 +9,10 @@ import { HttpClientModule } from '@angular/common/http';
 import * as i2 from '@angular/router';
 import { NavigationEnd, RouterModule } from '@angular/router';
 import { Subscription, Subject, of } from 'rxjs';
+import * as i1$2 from '@angular/platform-browser';
 import { startOfDay, subYears, endOfDay, addYears, getMonth, subMonths, addMonths, isSameYear, startOfMonth, endOfMonth, eachWeekOfInterval, getISOWeek, addDays, eachDayOfInterval, getHours, getMinutes, isSameDay, isSameMonth, isWithinInterval, isValid, parseISO } from 'date-fns';
-import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import * as i1$3 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule } from '@angular/forms';
 import { delay } from 'rxjs/operators';
 
 let EnvironmentService$1 = class EnvironmentService {
@@ -420,17 +422,133 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 args: ['document:click', ['$event.target']]
             }] } });
 
+class AdbDropdown2Directive {
+    constructor(elementRef, adbDropdownService) {
+        this.elementRef = elementRef;
+        this.adbDropdownService = adbDropdownService;
+        this.adbDropdown = new EventEmitter();
+        this.insideClick = false;
+        this.dataToggle = "dropdown";
+        this.haspPopup = true;
+        this.expanded = false;
+        this.id = this.getId();
+        this.dropId = this.getId();
+    }
+    onClick() {
+        this.adbDropdownService.currentMenuId = this.id;
+        const node = this.elementRef.nativeElement.parentNode;
+        const menu = node.querySelector('.dropdown-menu');
+        if (menu) {
+            this.adbDropdownService.currentMenu = this.elementRef.nativeElement;
+            this.setMenuPosition(node, menu);
+            menu.setAttribute('id', this.dropId);
+            if (menu.classList.contains('show')) {
+                menu.classList.remove('show');
+                this.expanded = false;
+            }
+            else {
+                this.adbDropdown.emit();
+                menu.classList.add('show');
+                this.expanded = true;
+            }
+        }
+    }
+    onCheckOutSideClick(target) {
+        if (this.adbDropdownService.currentMenuId === this.id) {
+            const parent = this.insideClick ? this.elementRef.nativeElement.parentNode : this.elementRef.nativeElement;
+            const clickedInside = parent.contains(target);
+            if (!clickedInside) {
+                const parent = this.elementRef.nativeElement.parentNode.querySelector('.dropdown-menu');
+                parent?.classList.remove('show');
+                this.expanded = false;
+            }
+        }
+        else {
+            const parent = this.elementRef.nativeElement.parentNode.querySelector('.dropdown-menu');
+            parent?.classList.remove('show');
+            this.expanded = false;
+        }
+    }
+    onWindowScroll() {
+        const node = this.elementRef.nativeElement.parentNode;
+        const menu = node.querySelector('.dropdown-menu');
+        if (menu.classList?.contains('show')) {
+            this.setMenuPosition(node, menu);
+        }
+    }
+    setMenuPosition(dropdownNode, menu) {
+        const toggleButton = dropdownNode.querySelector('.dropdown-toggle');
+        menu.setAttribute('style', 'visibility:hidden');
+        menu.setAttribute('style', 'display:block');
+        const menuWidth = menu.offsetWidth;
+        menu.setAttribute('style', 'visibility:visible');
+        menu.setAttribute('style', 'display:none');
+        const buttonRect = toggleButton.getBoundingClientRect();
+        let menuPosition = `top:${buttonRect.bottom}px;left:${buttonRect.left}px;position:fixed;`;
+        if (menu.classList?.contains('dropdown-menu-end')) {
+            menuPosition = `top:${buttonRect.bottom}px;left:${buttonRect.right - menuWidth}px;position:fixed;`;
+        }
+        menu.setAttribute('style', menuPosition);
+    }
+    close() {
+        const node = this.elementRef.nativeElement.parentNode;
+        const menu = node.querySelector('.dropdown-menu');
+        menu.classList.remove('show');
+        this.expanded = false;
+    }
+    getId() {
+        return '' + Math.floor(Math.random() * Date.now());
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdown2Directive, deps: [{ token: i0.ElementRef }, { token: AdbDropdownService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: AdbDropdown2Directive, selector: "[adbDropdown2]", inputs: { insideClick: "insideClick" }, outputs: { adbDropdown: "adbDropdown" }, host: { listeners: { "click": "onClick()", "document:click": "onCheckOutSideClick($event.target)", "window:scroll": "onWindowScroll()" }, properties: { "id": "this.id", "attr.data-toggle": "this.dataToggle", "attr.aria-haspopup": "this.haspPopup", "attr.aria-expanded": "this.expanded", "attr.aria-controls": "this.dropId" } }, exportAs: ["adbDropdown"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdown2Directive, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[adbDropdown2]',
+                    exportAs: 'adbDropdown'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: AdbDropdownService }]; }, propDecorators: { adbDropdown: [{
+                type: Output
+            }], insideClick: [{
+                type: Input
+            }], id: [{
+                type: HostBinding,
+                args: ['id']
+            }], dataToggle: [{
+                type: HostBinding,
+                args: ['attr.data-toggle']
+            }], haspPopup: [{
+                type: HostBinding,
+                args: ['attr.aria-haspopup']
+            }], expanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], dropId: [{
+                type: HostBinding,
+                args: ['attr.aria-controls']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onCheckOutSideClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event.target']]
+            }], onWindowScroll: [{
+                type: HostListener,
+                args: ['window:scroll']
+            }] } });
+
 class AdbDropdownModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, declarations: [AdbDropdownDirective, AdbDropdown2Directive], imports: [CommonModule, i1$1.TranslateModule, AdbDirectivesModule], exports: [AdbDropdownDirective, AdbDropdown2Directive] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, providers: [AdbDropdownService], imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, TranslateModule.forChild(), AdbDirectivesModule],
-                    declarations: [AdbDropdownDirective],
-                    exports: [AdbDropdownDirective],
+                    declarations: [AdbDropdownDirective, AdbDropdown2Directive],
+                    exports: [AdbDropdownDirective, AdbDropdown2Directive],
                     providers: [AdbDropdownService]
                 }]
         }] });
@@ -1047,17 +1165,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class RichPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        const htmlContent = this.parseCustomMarkdown(value);
+        return this.sanitizer.bypassSecurityTrustHtml(htmlContent);
+    }
+    parseCustomMarkdown(input) {
+        const italicRegex = /_([^_]+)_/g;
+        const taxonRegex = /\[([^\]]+)\]\(taxon:([^)]+)\)/g;
+        const termRegex = /\[([^\]]+)\]\(term:([^)]+)\)/g;
+        const referenceRegex = /\[([^\]]+)\]\(reference:([^)]+)\)/g;
+        // Replace patterns with HTML tags
+        input = input.replace(italicRegex, '<em>$1</em>');
+        input = input.replace(taxonRegex, '<span class="taxon" data-id="$2">$1</span>');
+        input = input.replace(termRegex, '<span class="term" data-id="$2">$1</span>');
+        input = input.replace(referenceRegex, '<span class="reference" data-id="$2">$1</span>');
+        return input;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichPipe, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: RichPipe, name: "rich" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'rich'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.DomSanitizer }]; } });
+
 class AdbPipesModule {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbPipesModule, declarations: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe], exports: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe] }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbPipesModule, declarations: [RichPipe, HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe], exports: [RichPipe, HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe] }); }
     /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbPipesModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbPipesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [],
-                    declarations: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe],
-                    exports: [HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe]
+                    declarations: [RichPipe, HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe],
+                    exports: [RichPipe, HighlightPipe, HighlightHtmlPipe, NumberSpacingPipe, LocaleDatePipe, EmptyValuePipe]
                 }]
         }] });
 
@@ -1251,10 +1402,10 @@ class AdbDatePickerDirective {
         this.adbBlur = new EventEmitter();
         this.format = 'yyyy-MM-dd';
         this.settings = null;
-        this.onValidationChange = () => { };
         //ControlValueAccessor
         this.onChange = () => { };
         this.onTouched = () => { };
+        this.onValidationChange = () => { };
     }
     ngOnInit() {
         this.elementRef.nativeElement.setAttribute("placeholder", this.format);
@@ -1675,6 +1826,81 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class AdbRichEditorComponent {
+    constructor(renderer, el) {
+        this.renderer = renderer;
+        this.el = el;
+        //ControlValueAccessor
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    ngAfterViewInit() {
+    }
+    onDoubleClick() {
+        console.log('what');
+        const textarea = this.el.nativeElement.querySelector('textarea');
+        const selectionStart = textarea.selectionStart;
+        let selectionEnd = textarea.selectionEnd;
+        while (selectionEnd > selectionStart && textarea.value[selectionEnd - 1] === ' ') {
+            selectionEnd--;
+        }
+        textarea.setSelectionRange(selectionStart, selectionEnd);
+    }
+    onItalicClick() {
+        const textarea = this.el.nativeElement.querySelector('textarea');
+        if (textarea) {
+            const selectionStart = textarea.selectionStart;
+            const selectionEnd = textarea.selectionEnd;
+            let currentValue = textarea.value;
+            let modifiedText = `${currentValue.substring(0, selectionStart)}_${currentValue.substring(selectionStart, selectionEnd)}_${currentValue.substring(selectionEnd)}`;
+            this.text = modifiedText;
+            this.onChange(this.text);
+        }
+    }
+    onTextChange() {
+        this.onChange(this.text);
+    }
+    writeValue(value) {
+        this.text = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+    }
+    ngOnDestroy() {
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbRichEditorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AdbRichEditorComponent, selector: "adb-rich-editor", providers: [{
+                provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbRichEditorComponent)),
+                multi: true
+            }], ngImport: i0, template: "<div>\r\n    <div class=\"d-flex justify-content-end gap-3 mb-1\">\r\n        <button class=\"btn btn-secondary\" (click)=\"onItalicClick()\"><span class=\"fas fa-italic\"></span></button>\r\n    </div>\r\n    <textarea class=\"form-control\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange()\" (dblclick)=\"onDoubleClick()\"></textarea>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbRichEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'adb-rich-editor', providers: [{
+                            provide: NG_VALUE_ACCESSOR, useExisting: forwardRef((() => AdbRichEditorComponent)),
+                            multi: true
+                        }], template: "<div>\r\n    <div class=\"d-flex justify-content-end gap-3 mb-1\">\r\n        <button class=\"btn btn-secondary\" (click)=\"onItalicClick()\"><span class=\"fas fa-italic\"></span></button>\r\n    </div>\r\n    <textarea class=\"form-control\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange()\" (dblclick)=\"onDoubleClick()\"></textarea>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
+
+class AdbRichEditorModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbRichEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AdbRichEditorModule, declarations: [AdbRichEditorComponent], imports: [CommonModule, FormsModule], exports: [AdbRichEditorComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbRichEditorModule, imports: [CommonModule, FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AdbRichEditorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule],
+                    declarations: [AdbRichEditorComponent],
+                    exports: [AdbRichEditorComponent]
+                }]
+        }] });
+
 /*
  * Public API Surface of artdata-shared
  */
@@ -1683,5 +1909,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ADBHeaderModule, ADBNavComponent, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdownDirective, AdbDropdownModule, AdbHelpButtonComponent, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, AdbToast, AdbToastModule, AdbToastService, ArtportalenFooterComponent, ArtportalenNavComponent, ArtportalenNavModule, ClickOutsideDirective, EmptyValuePipe, FileUploadDirective, FocusDirective, HighlightHtmlPipe, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, PagerInlineComponent, RedListBadgeClassDirective, RiskClassDirective, ToastType };
+export { ADBHeaderModule, ADBNavComponent, AdbButtonsModule, AdbConfirmModal, AdbDatePickerComponent, AdbDatePickerDirective, AdbDatePickerModule, AdbDirectivesModule, AdbDropdown2Directive, AdbDropdownDirective, AdbDropdownModule, AdbHelpButtonComponent, AdbModalModule, AdbModalService, AdbPagersModule, AdbPipesModule, AdbRichEditorComponent, AdbRichEditorModule, AdbToast, AdbToastModule, AdbToastService, ArtportalenFooterComponent, ArtportalenNavComponent, ArtportalenNavModule, ClickOutsideDirective, EmptyValuePipe, FileUploadDirective, FocusDirective, HighlightHtmlPipe, HighlightPipe, InfiniteScrollComponent, LocaleDatePipe, NumberSpacingPipe, PagerComponent, PagerInlineComponent, RedListBadgeClassDirective, RichPipe, RiskClassDirective, ToastType };
 //# sourceMappingURL=adb-shared.mjs.map