@dso-design-system/ui 0.0.2 → 0.1.1

package/esm2022/lib/tooltip/tooltip.directive.mjs

@@ -0,0 +1,105 @@
+import { Directive, Input, HostListener } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TooltipDirective {
+    el;
+    renderer;
+    tooltipElement = null;
+    // Make input reactive so it updates dynamically
+    _tooltipText = '';
+    set dsoDirectiveTooltip(value) {
+        this._tooltipText = value;
+        if (this.tooltipElement) {
+            this.tooltipElement.textContent = value;
+        }
+    }
+    get dsoDirectiveTooltip() {
+        return this._tooltipText;
+    }
+    position = 'top';
+    tooltipWidth = 'auto';
+    gap = 4; // distance from the element
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    onMouseEnter() {
+        if (!this.dsoDirectiveTooltip)
+            return;
+        // Create tooltip element if not exists
+        if (!this.tooltipElement) {
+            this.tooltipElement = this.renderer.createElement('div');
+            this.renderer.addClass(this.tooltipElement, 'tooltip-directive');
+            // Style
+            this.renderer.setStyle(this.tooltipElement, 'position', 'fixed'); // fixed so it won't be clipped
+            this.renderer.setStyle(this.tooltipElement, 'background', '#333');
+            this.renderer.setStyle(this.tooltipElement, 'color', '#fff');
+            this.renderer.setStyle(this.tooltipElement, 'padding', '4px 8px');
+            this.renderer.setStyle(this.tooltipElement, 'border-radius', '4px');
+            this.renderer.setStyle(this.tooltipElement, 'font-size', '12px');
+            this.renderer.setStyle(this.tooltipElement, 'z-index', '1000');
+            this.renderer.setStyle(this.tooltipElement, 'max-width', this.tooltipWidth);
+            this.renderer.setStyle(this.tooltipElement, 'white-space', 'normal'); // allow wrapping
+            this.renderer.setStyle(this.tooltipElement, 'word-break', 'break-word'); // break long words
+            this.renderer.appendChild(document.body, this.tooltipElement);
+        }
+        // Step 3: set tooltip text
+        if (this.tooltipElement) {
+            this.tooltipElement.textContent = this.dsoDirectiveTooltip;
+            const rect = this.el.nativeElement.getBoundingClientRect();
+            const tooltipHeight = this.tooltipElement.offsetHeight;
+            const tooltipWidth = this.tooltipElement.offsetWidth;
+            // Step 4: position tooltip based on input
+            switch (this.position) {
+                case 'top':
+                    this.renderer.setStyle(this.tooltipElement, 'top', `${rect.top - tooltipHeight - this.gap}px`);
+                    this.renderer.setStyle(this.tooltipElement, 'left', `${rect.left + (rect.width - tooltipWidth) / 2}px`);
+                    break;
+                case 'bottom':
+                    this.renderer.setStyle(this.tooltipElement, 'top', `${rect.bottom + this.gap}px`);
+                    this.renderer.setStyle(this.tooltipElement, 'left', `${rect.left + (rect.width - tooltipWidth) / 2}px`);
+                    break;
+                case 'left':
+                    this.renderer.setStyle(this.tooltipElement, 'top', `${rect.top + (rect.height - tooltipHeight) / 2}px`);
+                    this.renderer.setStyle(this.tooltipElement, 'left', `${rect.left - tooltipWidth - this.gap}px`);
+                    break;
+                case 'right':
+                    this.renderer.setStyle(this.tooltipElement, 'top', `${rect.top + (rect.height - tooltipHeight) / 2}px`);
+                    this.renderer.setStyle(this.tooltipElement, 'left', `${rect.right + this.gap}px`);
+                    break;
+            }
+            this.renderer.setStyle(this.tooltipElement, 'visibility', 'visible');
+        }
+    }
+    onMouseLeave() {
+        if (this.tooltipElement) {
+            this.renderer.setStyle(this.tooltipElement, 'visibility', 'hidden');
+        }
+    }
+    ngOnDestroy() {
+        if (this.tooltipElement) {
+            this.renderer.removeChild(document.body, this.tooltipElement);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: TooltipDirective, isStandalone: true, selector: "[dsoDirectiveTooltip]", inputs: { dsoDirectiveTooltip: "dsoDirectiveTooltip", position: "position", tooltipWidth: "tooltipWidth" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dsoDirectiveTooltip]', // This directive will be used with the attribute dsoTooltip
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { dsoDirectiveTooltip: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], tooltipWidth: [{
+                type: Input
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3Rvb2x0aXAvdG9vbHRpcC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWEsWUFBWSxFQUFhLE1BQU0sZUFBZSxDQUFDOztBQU9qRyxNQUFNLE9BQU8sZ0JBQWdCO0lBcUJQO0lBQXdCO0lBbkJwQyxjQUFjLEdBQXVCLElBQUksQ0FBQztJQUVsRCxnREFBZ0Q7SUFDeEMsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUMxQixJQUFhLG1CQUFtQixDQUFDLEtBQWE7UUFDNUMsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQzFDLENBQUM7SUFDSCxDQUFDO0lBQ0QsSUFBSSxtQkFBbUI7UUFDckIsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFUSxRQUFRLEdBQXdDLEtBQUssQ0FBQztJQUN0RCxZQUFZLEdBQVcsTUFBTSxDQUFDO0lBRXRCLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyw0QkFBNEI7SUFFdEQsWUFBb0IsRUFBYyxFQUFVLFFBQW1CO1FBQTNDLE9BQUUsR0FBRixFQUFFLENBQVk7UUFBVSxhQUFRLEdBQVIsUUFBUSxDQUFXO0lBQUcsQ0FBQztJQUduRSxZQUFZO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUI7WUFBRSxPQUFPO1FBRXRDLHVDQUF1QztRQUN2QyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFD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R0QsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3RFLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ2hFLENBQUM7SUFDSCxDQUFDO3dHQTNGVSxnQkFBZ0I7NEZBQWhCLGdCQUFnQjs7NEZBQWhCLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCLEVBQUUsNERBQTREO29CQUMvRixVQUFVLEVBQUUsSUFBSTtpQkFDakI7dUdBUWMsbUJBQW1CO3NCQUEvQixLQUFLO2dCQVVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFPTixZQUFZO3NCQURYLFlBQVk7dUJBQUMsWUFBWTtnQkEwRDFCLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgUmVuZGVyZXIyLCBIb3N0TGlzdGVuZXIsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgc2VsZWN0b3I6ICdbZHNvRGlyZWN0aXZlVG9vbHRpcF0nLCAvLyBUaGlzIGRpcmVjdGl2ZSB3aWxsIGJlIHVzZWQgd2l0aCB0aGUgYXR0cmlidXRlIGRzb1Rvb2x0aXBcclxuICBzdGFuZGFsb25lOiB0cnVlXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgVG9vbHRpcERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcblxyXG4gIHByaXZhdGUgdG9vbHRpcEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XHJcblxyXG4gIC8vIE1ha2UgaW5wdXQgcmVhY3RpdmUgc28gaXQgdXBkYXRlcyBkeW5hbWljYWxseVxyXG4gIHByaXZhdGUgX3Rvb2x0aXBUZXh0ID0gJyc7XHJcbiAgQElucHV0KCkgc2V0IGRzb0RpcmVjdGl2ZVRvb2x0aXAodmFsdWU6IHN0cmluZykge1xyXG4gICAgdGhpcy5fdG9vbHRpcFRleHQgPSB2YWx1ZTtcclxuICAgIGlmICh0aGlzLnRvb2x0aXBFbGVtZW50KSB7XHJcbiAgICAgIHRoaXMudG9vbHRpcEVsZW1lbnQudGV4dENvbnRlbnQgPSB2YWx1ZTtcclxuICAgIH1cclxuICB9XHJcbiAgZ2V0IGRzb0RpcmVjdGl2ZVRvb2x0aXAoKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLl90b29sdGlwVGV4dDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHBvc2l0aW9uOiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JyA9ICd0b3AnO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXBXaWR0aDogc3RyaW5nID0gJ2F1dG8nO1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IGdhcCA9IDQ7IC8vIGRpc3RhbmNlIGZyb20gdGhlIGVsZW1lbnRcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJylcclxuICBvbk1vdXNlRW50ZXIoKSB7XHJcbiAgICBpZiAoIXRoaXMuZHNvRGlyZWN0aXZlVG9vbHRpcCkgcmV0dXJuO1xyXG5cclxuICAgIC8vIENyZWF0ZSB0b29sdGlwIGVsZW1lbnQgaWYgbm90IGV4aXN0c1xyXG4gICAgaWYgKCF0aGlzLnRvb2x0aXBFbGVtZW50KSB7XHJcbiAgICAgIHRoaXMudG9vbHRpcEVsZW1lbnQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMudG9vbHRpcEVsZW1lbnQsICd0b29sdGlwLWRpcmVjdGl2ZScpO1xyXG5cclxuICAgICAgLy8gU3R5bGVcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAncG9zaXRpb24nLCAnZml4ZWQnKTsgLy8gZml4ZWQgc28gaXQgd29uJ3QgYmUgY2xpcHBlZFxyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudG9vbHRpcEVsZW1lbnQsICdiYWNrZ3JvdW5kJywgJyMzMzMnKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAnY29sb3InLCAnI2ZmZicpO1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudG9vbHRpcEVsZW1lbnQsICdwYWRkaW5nJywgJzRweCA4cHgnKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAnYm9yZGVyLXJhZGl1cycsICc0cHgnKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAnZm9udC1zaXplJywgJzEycHgnKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAnei1pbmRleCcsICcxMDAwJyk7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy50b29sdGlwRWxlbWVudCwgJ21heC13aWR0aCcsIHRoaXMudG9vbHRpcFdpZHRoKTtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAnd2hpdGUtc3BhY2UnLCAnbm9ybWFsJyk7IC8vIGFsbG93IHdyYXBwaW5nXHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy50b29sdGlwRWxlbWVudCwgJ3dvcmQtYnJlYWsnLCAnYnJlYWstd29yZCcpOyAvLyBicmVhayBsb25nIHdvcmRzXHJcblxyXG5cclxuICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZChkb2N1bWVudC5ib2R5LCB0aGlzLnRvb2x0aXBFbGVtZW50KTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBTdGVwIDM6IHNldCB0b29sdGlwIHRleHRcclxuICAgIGlmICh0aGlzLnRvb2x0aXBFbGVtZW50KSB7XHJcbiAgICAgIHRoaXMudG9vbHRpcEVsZW1lbnQudGV4dENvbnRlbnQgPSB0aGlzLmRzb0RpcmVjdGl2ZVRvb2x0aXA7XHJcblxyXG4gICAgICBjb25zdCByZWN0ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICBjb25zdCB0b29sdGlwSGVpZ2h0ID0gdGhpcy50b29sdGlwRWxlbWVudC5vZmZzZXRIZWlnaHQ7XHJcbiAgICAgIGNvbnN0IHRvb2x0aXBXaWR0aCA9IHRoaXMudG9vbHRpcEVsZW1lbnQub2Zmc2V0V2lkdGg7XHJcblxyXG4gICAgICAvLyBTdGVwIDQ6IHBvc2l0aW9uIHRvb2x0aXAgYmFzZWQgb24gaW5wdXRcclxuICAgICAgc3dpdGNoICh0aGlzLnBvc2l0aW9uKSB7XHJcbiAgICAgICAgY2FzZSAndG9wJzpcclxuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy50b29sdGlwRWxlbWVudCwgJ3RvcCcsIGAke3JlY3QudG9wIC0gdG9vbHRpcEhlaWdodCAtIHRoaXMuZ2FwfXB4YCk7XHJcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudG9vbHRpcEVsZW1lbnQsICdsZWZ0JywgYCR7cmVjdC5sZWZ0ICsgKHJlY3Qud2lkdGggLSB0b29sdGlwV2lkdGgpLzJ9cHhgKTtcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ2JvdHRvbSc6XHJcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudG9vbHRpcEVsZW1lbnQsICd0b3AnLCBgJHtyZWN0LmJvdHRvbSArIHRoaXMuZ2FwfXB4YCk7XHJcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudG9vbHRpcEVsZW1lbnQsICdsZWZ0JywgYCR7cmVjdC5sZWZ0ICsgKHJlY3Qud2lkdGggLSB0b29sdGlwV2lkdGgpLzJ9cHhgKTtcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ2xlZnQnOlxyXG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAndG9wJywgYCR7cmVjdC50b3AgKyAocmVjdC5oZWlnaHQgLSB0b29sdGlwSGVpZ2h0KS8yfXB4YCk7XHJcbiAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMudG9vbHRpcEVsZW1lbnQsICdsZWZ0JywgYCR7cmVjdC5sZWZ0IC0gdG9vbHRpcFdpZHRoIC0gdGhpcy5nYXB9cHhgKTtcclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIGNhc2UgJ3JpZ2h0JzpcclxuICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy50b29sdGlwRWxlbWVudCwgJ3RvcCcsIGAke3JlY3QudG9wICsgKHJlY3QuaGVpZ2h0IC0gdG9vbHRpcEhlaWdodCkvMn1weGApO1xyXG4gICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAnbGVmdCcsIGAke3JlY3QucmlnaHQgKyB0aGlzLmdhcH1weGApO1xyXG4gICAgICAgICAgYnJlYWs7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy50b29sdGlwRWxlbWVudCwgJ3Zpc2liaWxpdHknLCAndmlzaWJsZScpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpXHJcbiAgb25Nb3VzZUxlYXZlKCkge1xyXG4gICAgaWYgKHRoaXMudG9vbHRpcEVsZW1lbnQpIHtcclxuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnRvb2x0aXBFbGVtZW50LCAndmlzaWJpbGl0eScsICdoaWRkZW4nKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgaWYgKHRoaXMudG9vbHRpcEVsZW1lbnQpIHtcclxuICAgICAgdGhpcy5yZW5kZXJlci5yZW1vdmVDaGlsZChkb2N1bWVudC5ib2R5LCB0aGlzLnRvb2x0aXBFbGVtZW50KTtcclxuICAgIH1cclxuICB9XHJcbn0iXX0=

package/esm2022/lib/top-navigation-bar/top-navigation-bar.component.mjs

@@ -0,0 +1,24 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterModule } from '@angular/router';
+import { IconComponent } from '../icon/icon.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+export class TopNavComponent {
+    /** App name displayed next to logo */
+    appName = '';
+    /** Dynamic menu items */
+    menuItems = [];
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TopNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TopNavComponent, isStandalone: true, selector: "dso-top-nav", inputs: { appName: "appName", menuItems: "menuItems" }, ngImport: i0, template: "<nav class=\"dso-top-nav\">\r\n\r\n  <!-- Left section: menu+logo -->\r\n  <div class=\"nav-left\">\r\n    <div class=\"nav-left-group menu-logo\">\r\n      <ng-content select=\"[dso-menu-logo]\"></ng-content>\r\n      <span class=\"top-nav-app-name\" *ngIf=\"appName\">{{ appName }}</span>\r\n    </div>\r\n\r\n    <div class=\"nav-left-group menu-buttons\">\r\n      <ng-container *ngFor=\"let item of menuItems\">\r\n        <!-- Router link item -->\r\n        <a \r\n          *ngIf=\"item.route; else clickItem\" \r\n          [routerLink]=\"item.route\" \r\n          class=\"top-nav-item\"\r\n        >\r\n          <dso-icon *ngIf=\"item.iconName\" [iconName]=\"item.iconName\" size=\"small\"></dso-icon>\r\n          <span>{{ item.label }}</span>\r\n        </a>\r\n\r\n        <!-- Click handler item -->\r\n        <ng-template #clickItem>\r\n          <button class=\"top-nav-item\" (click)=\"item.click?.()\">\r\n            <dso-icon *ngIf=\"item.iconName\" [iconName]=\"item.iconName\" size=\"small\"></dso-icon>\r\n            <span>{{ item.label }}</span>\r\n          </button>\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Right section -->\r\n  <div class=\"nav-right\">\r\n    <!-- \u2705 Project each element individually with dso-nav-right -->\r\n    <ng-content select=\"[dso-nav-right]\"></ng-content>\r\n  </div>\r\n\r\n</nav>\r\n", styles: ["@charset \"UTF-8\";.dso-top-nav{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 1rem;background-color:#fff;border:1px solid #e5e5e5}.dso-top-nav .nav-left{display:flex;align-items:center;gap:2rem}.dso-top-nav .nav-left .nav-left-group{display:flex;align-items:center}.dso-top-nav .nav-left .menu-logo{gap:.5rem}.dso-top-nav .nav-left .menu-buttons{gap:1rem}.dso-top-nav .nav-right{display:flex;align-items:center;gap:1rem;flex-direction:row;justify-content:flex-end}.dso-top-nav .nav-right dso-button{margin:0}.dso-top-nav .nav-right p{margin:0;font-weight:500}.top-nav-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:none;border:none;cursor:pointer;font:inherit;color:inherit;text-decoration:none}.top-nav-item:hover{background-color:#f2f2f2;border-radius:4px}.top-nav-app-name{font-weight:700;font-size:1rem;margin-left:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconComponent, selector: "dso-icon", inputs: ["iconName", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TopNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dso-top-nav', standalone: true, imports: [CommonModule, RouterModule, IconComponent], template: "<nav class=\"dso-top-nav\">\r\n\r\n  <!-- Left section: menu+logo -->\r\n  <div class=\"nav-left\">\r\n    <div class=\"nav-left-group menu-logo\">\r\n      <ng-content select=\"[dso-menu-logo]\"></ng-content>\r\n      <span class=\"top-nav-app-name\" *ngIf=\"appName\">{{ appName }}</span>\r\n    </div>\r\n\r\n    <div class=\"nav-left-group menu-buttons\">\r\n      <ng-container *ngFor=\"let item of menuItems\">\r\n        <!-- Router link item -->\r\n        <a \r\n          *ngIf=\"item.route; else clickItem\" \r\n          [routerLink]=\"item.route\" \r\n          class=\"top-nav-item\"\r\n        >\r\n          <dso-icon *ngIf=\"item.iconName\" [iconName]=\"item.iconName\" size=\"small\"></dso-icon>\r\n          <span>{{ item.label }}</span>\r\n        </a>\r\n\r\n        <!-- Click handler item -->\r\n        <ng-template #clickItem>\r\n          <button class=\"top-nav-item\" (click)=\"item.click?.()\">\r\n            <dso-icon *ngIf=\"item.iconName\" [iconName]=\"item.iconName\" size=\"small\"></dso-icon>\r\n            <span>{{ item.label }}</span>\r\n          </button>\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Right section -->\r\n  <div class=\"nav-right\">\r\n    <!-- \u2705 Project each element individually with dso-nav-right -->\r\n    <ng-content select=\"[dso-nav-right]\"></ng-content>\r\n  </div>\r\n\r\n</nav>\r\n", styles: ["@charset \"UTF-8\";.dso-top-nav{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 1rem;background-color:#fff;border:1px solid #e5e5e5}.dso-top-nav .nav-left{display:flex;align-items:center;gap:2rem}.dso-top-nav .nav-left .nav-left-group{display:flex;align-items:center}.dso-top-nav .nav-left .menu-logo{gap:.5rem}.dso-top-nav .nav-left .menu-buttons{gap:1rem}.dso-top-nav .nav-right{display:flex;align-items:center;gap:1rem;flex-direction:row;justify-content:flex-end}.dso-top-nav .nav-right dso-button{margin:0}.dso-top-nav .nav-right p{margin:0;font-weight:500}.top-nav-item{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:none;border:none;cursor:pointer;font:inherit;color:inherit;text-decoration:none}.top-nav-item:hover{background-color:#f2f2f2;border-radius:4px}.top-nav-app-name{font-weight:700;font-size:1rem;margin-left:.5rem}\n"] }]
+        }], propDecorators: { appName: [{
+                type: Input
+            }], menuItems: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wLW5hdmlnYXRpb24tYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9saWIvdG9wLW5hdmlnYXRpb24tYmFyL3RvcC1uYXZpZ2F0aW9uLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL3RvcC1uYXZpZ2F0aW9uLWJhci90b3AtbmF2aWdhdGlvbi1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7QUFpQnZELE1BQU0sT0FBTyxlQUFlO0lBQzFCLHNDQUFzQztJQUM3QixPQUFPLEdBQVcsRUFBRSxDQUFDO0lBRTlCLHlCQUF5QjtJQUNoQixTQUFTLEdBQWlCLEVBQUUsQ0FBQzt3R0FMM0IsZUFBZTs0RkFBZixlQUFlLCtIQ3BCNUIsNDNDQXVDQSwwN0JEdkJZLFlBQVksK1BBQUUsWUFBWSxnUkFBRSxhQUFhOzs0RkFJeEMsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxhQUFhLENBQUM7OEJBTTNDLE9BQU87c0JBQWYsS0FBSztnQkFHRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XHJcblxyXG4vKiogSW50ZXJmYWNlIGRlZmluaW5nIGEgc2luZ2xlIHRvcCBuYXYgbWVudSBpdGVtICovXHJcbmV4cG9ydCBpbnRlcmZhY2UgVG9wTmF2SXRlbSB7XHJcbiAgbGFiZWw6IHN0cmluZzsgICAgICAgICAgIC8vIFRleHQgZm9yIHRoZSBtZW51IGl0ZW1cclxuICBpY29uTmFtZT86IHN0cmluZzsgICAgICAgLy8gT3B0aW9uYWwgaWNvblxyXG4gIHJvdXRlPzogc3RyaW5nOyAgICAgICAgICAvLyBPcHRpb25hbCByb3V0ZXIgbGlua1xyXG4gIGNsaWNrPzogKCkgPT4gdm9pZDsgICAgICAvLyBPcHRpb25hbCBjbGljayBoYW5kbGVyXHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZHNvLXRvcC1uYXYnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlLCBJY29uQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9wLW5hdmlnYXRpb24tYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90b3AtbmF2aWdhdGlvbi1iYXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9wTmF2Q29tcG9uZW50IHtcclxuICAvKiogQXBwIG5hbWUgZGlzcGxheWVkIG5leHQgdG8gbG9nbyAqL1xyXG4gIEBJbnB1dCgpIGFwcE5hbWU6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKiogRHluYW1pYyBtZW51IGl0ZW1zICovXHJcbiAgQElucHV0KCkgbWVudUl0ZW1zOiBUb3BOYXZJdGVtW10gPSBbXTtcclxufVxyXG4iLCI8bmF2IGNsYXNzPVwiZHNvLXRvcC1uYXZcIj5cclxuXHJcbiAgPCEtLSBMZWZ0IHNlY3Rpb246IG1lbnUrbG9nbyAtLT5cclxuICA8ZGl2IGNsYXNzPVwibmF2LWxlZnRcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJuYXYtbGVmdC1ncm91cCBtZW51LWxvZ29cIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2Rzby1tZW51LWxvZ29dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInRvcC1uYXYtYXBwLW5hbWVcIiAqbmdJZj1cImFwcE5hbWVcIj57eyBhcHBOYW1lIH19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cIm5hdi1sZWZ0LWdyb3VwIG1lbnUtYnV0dG9uc1wiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1lbnVJdGVtc1wiPlxyXG4gICAgICAgIDwhLS0gUm91dGVyIGxpbmsgaXRlbSAtLT5cclxuICAgICAgICA8YSBcclxuICAgICAgICAgICpuZ0lmPVwiaXRlbS5yb3V0ZTsgZWxzZSBjbGlja0l0ZW1cIiBcclxuICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0ucm91dGVcIiBcclxuICAgICAgICAgIGNsYXNzPVwidG9wLW5hdi1pdGVtXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8ZHNvLWljb24gKm5nSWY9XCJpdGVtLmljb25OYW1lXCIgW2ljb25OYW1lXT1cIml0ZW0uaWNvbk5hbWVcIiBzaXplPVwic21hbGxcIj48L2Rzby1pY29uPlxyXG4gICAgICAgICAgPHNwYW4+e3sgaXRlbS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICA8L2E+XHJcblxyXG4gICAgICAgIDwhLS0gQ2xpY2sgaGFuZGxlciBpdGVtIC0tPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjY2xpY2tJdGVtPlxyXG4gICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInRvcC1uYXYtaXRlbVwiIChjbGljayk9XCJpdGVtLmNsaWNrPy4oKVwiPlxyXG4gICAgICAgICAgICA8ZHNvLWljb24gKm5nSWY9XCJpdGVtLmljb25OYW1lXCIgW2ljb25OYW1lXT1cIml0ZW0uaWNvbk5hbWVcIiBzaXplPVwic21hbGxcIj48L2Rzby1pY29uPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyBpdGVtLmxhYmVsIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPCEtLSBSaWdodCBzZWN0aW9uIC0tPlxyXG4gIDxkaXYgY2xhc3M9XCJuYXYtcmlnaHRcIj5cclxuICAgIDwhLS0g4pyFIFByb2plY3QgZWFjaCBlbGVtZW50IGluZGl2aWR1YWxseSB3aXRoIGRzby1uYXYtcmlnaHQgLS0+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZHNvLW5hdi1yaWdodF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcblxyXG48L25hdj5cclxuIl19

package/esm2022/public-api.mjs

@@ -1,3 +1,30 @@
+export * from './lib/alert/alert.component';
+export * from './lib/badge/badge.component';
+export * from './lib/badge/badge.directive';
+export * from './lib/breadcrumb/breadcrumb.component';
 export * from './lib/button/button.component';
-export * from './lib/icon/icon.component'; // include icon component
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywyQkFBMkIsQ0FBQyxDQUFDLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaWNvbi9pY29uLmNvbXBvbmVudCc7IC8vIGluY2x1ZGUgaWNvbiBjb21wb25lbnRcclxuIl19
+export * from './lib/checkbox/checkbox.component';
+export * from './lib/datepicker/datepicker.component';
+export * from './lib/dialog/dialog.component';
+export * from './lib/dropdown-list/dropdown-list.component';
+export * from './lib/file-upload-items/file-upload-items.component';
+export * from './lib/file-upload-multiple/file-upload-multiple.component';
+export * from './lib/file-upload-single/file-upload-single.component';
+export * from './lib/icon/icon.component';
+export * from './lib/input-text/input-text.component';
+export * from './lib/pagination/pagination.component';
+export * from './lib/progress-bar/progress-bar.component';
+export * from './lib/radio/radio.component';
+export * from './lib/select-dropdown/select-dropdown.component';
+export * from './lib/side-navigation-bar/side-navigation-bar.component';
+export * from './lib/spinner/spinner.component';
+export * from './lib/table/table.component';
+export * from './lib/tabs/tabs.component';
+export * from './lib/tabs/tab.component';
+export * from './lib/tag/tag.component';
+export * from './lib/text-area/text-area.component';
+export * from './lib/toast/toast.component';
+export * from './lib/tooltip/tooltip.component';
+export * from './lib/tooltip/tooltip.directive';
+export * from './lib/top-navigation-bar/top-navigation-bar.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3VpL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyx1REFBdUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlL2JhZGdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JhZGdlL2JhZGdlLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Ryb3Bkb3duLWxpc3QvZHJvcGRvd24tbGlzdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9maWxlLXVwbG9hZC1pdGVtcy9maWxlLXVwbG9hZC1pdGVtcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9maWxlLXVwbG9hZC1tdWx0aXBsZS9maWxlLXVwbG9hZC1tdWx0aXBsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9maWxlLXVwbG9hZC1zaW5nbGUvZmlsZS11cGxvYWQtc2luZ2xlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2ljb24vaWNvbi5jb21wb25lbnQnOyBcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaW5wdXQtdGV4dC9pbnB1dC10ZXh0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3JhZGlvL3JhZGlvLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlbGVjdC1kcm9wZG93bi9zZWxlY3QtZHJvcGRvd24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvc2lkZS1uYXZpZ2F0aW9uLWJhci9zaWRlLW5hdmlnYXRpb24tYmFyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJsZS90YWJsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90YWJzL3RhYnMuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFicy90YWIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFnL3RhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90ZXh0LWFyZWEvdGV4dC1hcmVhLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RvYXN0L3RvYXN0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2x0aXAvdG9vbHRpcC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9wLW5hdmlnYXRpb24tYmFyL3RvcC1uYXZpZ2F0aW9uLWJhci5jb21wb25lbnQnO1xyXG4iXX0=