@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-option.mjs

@@ -0,0 +1,157 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ChangeDetectorRef, input, booleanAttribute, output, signal, forwardRef, Component } from '@angular/core';
+import { Checkbox } from '@ngstarter-ui/components/checkbox';
+import { Icon } from '@ngstarter-ui/components/icon';
+
+class _Option {
+}
+class _OptionParent {
+}
+const OPTION_PARENT = new InjectionToken('OPTION_PARENT');
+const OPTION = new InjectionToken('OPTION');
+
+class Option {
+    elementRef;
+    _parent = inject(OPTION_PARENT, { optional: true });
+    _cdr = inject(ChangeDetectorRef);
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    disabledSignal = input(false, { ...(ngDevMode ? { debugName: "disabledSignal" } : /* istanbul ignore next */ {}), alias: 'disabled', transform: booleanAttribute });
+    selectedInput = input(false, { ...(ngDevMode ? { debugName: "selectedInput" } : /* istanbul ignore next */ {}), alias: 'selected', transform: booleanAttribute });
+    get disabled() {
+        return this.disabledSignal();
+    }
+    onSelectionChange = output();
+    _selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
+    _active = signal(false, ...(ngDevMode ? [{ debugName: "_active" }] : /* istanbul ignore next */ []));
+    _mutationObserver;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngAfterViewInit() {
+        this._parent?._optionsContentChanges?.update(v => v + 1);
+        if (typeof MutationObserver !== 'undefined') {
+            this._mutationObserver = new MutationObserver(() => {
+                this._parent?._optionsContentChanges?.update(v => v + 1);
+            });
+            this._mutationObserver.observe(this.elementRef.nativeElement, {
+                childList: true,
+                characterData: true,
+                subtree: true
+            });
+        }
+    }
+    ngOnDestroy() {
+        this._mutationObserver?.disconnect();
+    }
+    get selected() {
+        return this.selectedInput() || this._selected();
+    }
+    get multiple() {
+        return this._parent?.multiple() ?? false;
+    }
+    get hideCheckIcon() {
+        return this._parent?.hideCheckIcon?.() ?? false;
+    }
+    get active() {
+        return this._active();
+    }
+    select() {
+        if (!this._selected()) {
+            this._selected.set(true);
+            this._cdr.markForCheck();
+        }
+    }
+    deselect() {
+        if (this._selected()) {
+            this._selected.set(false);
+            this._cdr.markForCheck();
+        }
+    }
+    setActiveStyles() {
+        this._active.set(true);
+        this._cdr.markForCheck();
+    }
+    setInactiveStyles() {
+        this._active.set(false);
+        this._cdr.markForCheck();
+    }
+    _onClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.onSelectionChange.emit(this);
+    }
+    get viewValue() {
+        const element = this.elementRef.nativeElement;
+        const textElement = element.querySelector('.ngs-option-text');
+        if (textElement) {
+            return (textElement.textContent || '').trim();
+        }
+        return (element.textContent || '').trim();
+    }
+    getLabel() {
+        return this.viewValue;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Option, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: Option, isStandalone: true, selector: "ngs-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabledSignal: { classPropertyName: "disabledSignal", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, selectedInput: { classPropertyName: "selectedInput", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_onClick($event)" }, properties: { "attr.tabindex": "-1", "class.ngs-option-selected": "selected", "class.ngs-option-disabled": "disabled", "class.ngs-option-multiple": "multiple", "class.ngs-option-active": "active", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled" } }, providers: [
+            {
+                provide: OPTION,
+                useExisting: forwardRef(() => Option)
+            }
+        ], exportAs: ["ngsOption"], ngImport: i0, template: "@if (multiple) {\n  <ngs-checkbox [checked]=\"selected\" [disabled]=\"disabled\" class=\"pointer-events-none me-1\"/>\n}\n<span class=\"ngs-option-text\"><ng-content /></span>\n@if (!multiple && selected && !hideCheckIcon) {\n  <ngs-icon name=\"fluent:checkmark-24-regular\" class=\"ms-3\"/>\n}\n", styles: [":host{--ngs-option-padding: 0 16px;--ngs-option-font-size: 14px;--ngs-option-color: var(--color-on-surface);--ngs-option-hover-background: var(--color-surface-container-high);--ngs-option-selected-background: var(--color-primary-container);--ngs-option-selected-color: var(--color-on-primary-container);--ngs-option-active-background: var(--color-surface-container-highest);--ngs-option-disabled-color: var(--color-on-surface-variant);display:flex;align-items:center;height:var(--option-height, 48px);padding:var(--ngs-option-padding);font-size:var(--ngs-option-font-size);color:var(--ngs-option-color);cursor:pointer;outline:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:calc(var(--spacing, .25rem) * 2)}:host:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-active:not(.ngs-option-disabled){background:var(--ngs-option-active-background)}:host.ngs-option-selected:not(.ngs-option-multiple){background:var(--ngs-option-selected-background);color:var(--ngs-option-selected-color)}:host.ngs-option-multiple.ngs-option-selected{background:transparent}:host.ngs-option-multiple.ngs-option-selected:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-disabled{color:var(--ngs-option-disabled-color);cursor:default;pointer-events:none}.ngs-optgroup :host{padding-left:32px}.ngs-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Checkbox, selector: "ngs-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["checkedChange", "disabledChange", "indeterminateChange", "change"], exportAs: ["ngsCheckbox"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Option, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-option', exportAs: 'ngsOption', standalone: true, imports: [
+                        Checkbox,
+                        Icon
+                    ], providers: [
+                        {
+                            provide: OPTION,
+                            useExisting: forwardRef(() => Option)
+                        }
+                    ], host: {
+                        'role': 'option',
+                        '[attr.tabindex]': '-1',
+                        '[class.ngs-option-selected]': 'selected',
+                        '[class.ngs-option-disabled]': 'disabled',
+                        '[class.ngs-option-multiple]': 'multiple',
+                        '[class.ngs-option-active]': 'active',
+                        '[attr.aria-selected]': 'selected',
+                        '[attr.aria-disabled]': 'disabled',
+                        '(click)': '_onClick($event)'
+                    }, template: "@if (multiple) {\n  <ngs-checkbox [checked]=\"selected\" [disabled]=\"disabled\" class=\"pointer-events-none me-1\"/>\n}\n<span class=\"ngs-option-text\"><ng-content /></span>\n@if (!multiple && selected && !hideCheckIcon) {\n  <ngs-icon name=\"fluent:checkmark-24-regular\" class=\"ms-3\"/>\n}\n", styles: [":host{--ngs-option-padding: 0 16px;--ngs-option-font-size: 14px;--ngs-option-color: var(--color-on-surface);--ngs-option-hover-background: var(--color-surface-container-high);--ngs-option-selected-background: var(--color-primary-container);--ngs-option-selected-color: var(--color-on-primary-container);--ngs-option-active-background: var(--color-surface-container-highest);--ngs-option-disabled-color: var(--color-on-surface-variant);display:flex;align-items:center;height:var(--option-height, 48px);padding:var(--ngs-option-padding);font-size:var(--ngs-option-font-size);color:var(--ngs-option-color);cursor:pointer;outline:none;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;gap:calc(var(--spacing, .25rem) * 2)}:host:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-active:not(.ngs-option-disabled){background:var(--ngs-option-active-background)}:host.ngs-option-selected:not(.ngs-option-multiple){background:var(--ngs-option-selected-background);color:var(--ngs-option-selected-color)}:host.ngs-option-multiple.ngs-option-selected{background:transparent}:host.ngs-option-multiple.ngs-option-selected:hover:not(.ngs-option-disabled){background:var(--ngs-option-hover-background)}:host.ngs-option-disabled{color:var(--ngs-option-disabled-color);cursor:default;pointer-events:none}.ngs-optgroup :host{padding-left:32px}.ngs-option-text{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabledSignal: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], selectedInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], onSelectionChange: [{ type: i0.Output, args: ["onSelectionChange"] }] } });
+
+class Optgroup {
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    id = `ngs-optgroup-${Math.random().toString(36).substr(2, 9)}`;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Optgroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: Optgroup, isStandalone: true, selector: "ngs-optgroup", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.ngs-optgroup-disabled": "disabled()", "attr.role": "\"group\"", "attr.aria-disabled": "disabled().toString()", "attr.aria-labelledby": "id" }, classAttribute: "ngs-optgroup" }, exportAs: ["ngsOptgroup"], ngImport: i0, template: `
+    <span class="ngs-optgroup-label">{{ label() }}</span>
+    <ng-content select="ngs-option" />
+  `, isInline: true, styles: [":host{display:block;--ngs-optgroup-label-padding: 0 16px;--ngs-optgroup-label-height: 48px;--ngs-optgroup-label-font-size: 12px;--ngs-optgroup-label-font-weight: 600;--ngs-optgroup-label-color: rgba(0, 0, 0, .54)}.ngs-optgroup-label{display:flex;align-items:center;padding:var(--ngs-optgroup-label-padding);height:var(--ngs-optgroup-label-height);font-size:var(--ngs-optgroup-label-font-size);font-weight:var(--ngs-optgroup-label-font-weight);color:var(--ngs-optgroup-label-color);text-transform:uppercase}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Optgroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-optgroup', exportAs: 'ngsOptgroup', standalone: true, template: `
+    <span class="ngs-optgroup-label">{{ label() }}</span>
+    <ng-content select="ngs-option" />
+  `, host: {
+                        'class': 'ngs-optgroup',
+                        '[class.ngs-optgroup-disabled]': 'disabled()',
+                        '[attr.role]': '"group"',
+                        '[attr.aria-disabled]': 'disabled().toString()',
+                        '[attr.aria-labelledby]': 'id',
+                    }, styles: [":host{display:block;--ngs-optgroup-label-padding: 0 16px;--ngs-optgroup-label-height: 48px;--ngs-optgroup-label-font-size: 12px;--ngs-optgroup-label-font-weight: 600;--ngs-optgroup-label-color: rgba(0, 0, 0, .54)}.ngs-optgroup-label{display:flex;align-items:center;padding:var(--ngs-optgroup-label-padding);height:var(--ngs-optgroup-label-height);font-size:var(--ngs-optgroup-label-font-size);font-weight:var(--ngs-optgroup-label-font-weight);color:var(--ngs-optgroup-label-color);text-transform:uppercase}\n"] }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OPTION, OPTION_PARENT, Optgroup, Option, _Option, _OptionParent };
+//# sourceMappingURL=ngstarter-ui-components-option.mjs.map

package/fesm2022/ngstarter-ui-components-option.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-option.mjs","sources":["../../../projects/components/option/src/option/option-tokens.ts","../../../projects/components/option/src/option/option.ts","../../../projects/components/option/src/option/option.html","../../../projects/components/option/src/option/optgroup.ts","../../../projects/components/option/ngstarter-ui-components-option.ts"],"sourcesContent":["import { InjectionToken, Signal, ElementRef, OutputEmitterRef, WritableSignal } from '@angular/core';\n\nexport abstract class _Option {\n  abstract value: Signal<any>;\n  abstract elementRef: ElementRef<HTMLElement>;\n  abstract select(): void;\n  abstract deselect(): void;\n  abstract selected: boolean;\n  abstract viewValue: string;\n  abstract onSelectionChange: OutputEmitterRef<_Option>;\n  abstract disabled: boolean;\n}\n\nexport abstract class _OptionParent {\n  abstract multiple: Signal<boolean>;\n  abstract hideCheckIcon?: Signal<boolean>;\n  abstract _optionsContentChanges?: WritableSignal<number>;\n}\n\nexport const OPTION_PARENT = new InjectionToken<_OptionParent>('OPTION_PARENT');\nexport const OPTION = new InjectionToken<_Option>('OPTION');\n","import {\n  Component,\n  ElementRef,\n  booleanAttribute,\n  output,\n  input,\n  signal,\n  inject,\n  forwardRef,\n  AfterViewInit, OnDestroy, ChangeDetectorRef\n} from '@angular/core';\nimport { OPTION, OPTION_PARENT, _Option, _OptionParent } from './option-tokens';\nimport { Checkbox } from '@ngstarter-ui/components/checkbox';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { Highlightable } from '@angular/cdk/a11y';\n\n@Component({\n  selector: 'ngs-option',\n  exportAs: 'ngsOption',\n  standalone: true,\n  imports: [\n    Checkbox,\n    Icon\n  ],\n  templateUrl: './option.html',\n  styleUrl: './option.scss',\n  providers: [\n    {\n      provide: OPTION,\n      useExisting: forwardRef(() => Option)\n    }\n  ],\n  host: {\n    'role': 'option',\n    '[attr.tabindex]': '-1',\n    '[class.ngs-option-selected]': 'selected',\n    '[class.ngs-option-disabled]': 'disabled',\n    '[class.ngs-option-multiple]': 'multiple',\n    '[class.ngs-option-active]': 'active',\n    '[attr.aria-selected]': 'selected',\n    '[attr.aria-disabled]': 'disabled',\n    '(click)': '_onClick($event)'\n  }\n})\nexport class Option implements AfterViewInit, OnDestroy, _Option, Highlightable {\n  private _parent = inject<_OptionParent>(OPTION_PARENT, { optional: true });\n  private _cdr = inject(ChangeDetectorRef);\n\n  value = input<any>();\n  disabledSignal = input(false, { alias: 'disabled', transform: booleanAttribute });\n  selectedInput = input(false, { alias: 'selected', transform: booleanAttribute });\n\n  get disabled(): boolean {\n    return this.disabledSignal();\n  }\n\n  readonly onSelectionChange = output<_Option>();\n\n  private _selected = signal(false);\n  private _active = signal(false);\n  private _mutationObserver?: MutationObserver;\n\n  constructor(public elementRef: ElementRef<HTMLElement>) {}\n\n  ngAfterViewInit() {\n    this._parent?._optionsContentChanges?.update(v => v + 1);\n\n    if (typeof MutationObserver !== 'undefined') {\n      this._mutationObserver = new MutationObserver(() => {\n        this._parent?._optionsContentChanges?.update(v => v + 1);\n      });\n      this._mutationObserver.observe(this.elementRef.nativeElement, {\n        childList: true,\n        characterData: true,\n        subtree: true\n      });\n    }\n  }\n\n  ngOnDestroy() {\n    this._mutationObserver?.disconnect();\n  }\n\n  get selected(): boolean {\n    return this.selectedInput() || this._selected();\n  }\n\n  get multiple(): boolean {\n    return this._parent?.multiple() ?? false;\n  }\n\n  get hideCheckIcon(): boolean {\n    return this._parent?.hideCheckIcon?.() ?? false;\n  }\n\n  get active(): boolean {\n    return this._active();\n  }\n\n  select(): void {\n    if (!this._selected()) {\n      this._selected.set(true);\n      this._cdr.markForCheck();\n    }\n  }\n\n  deselect(): void {\n    if (this._selected()) {\n      this._selected.set(false);\n      this._cdr.markForCheck();\n    }\n  }\n\n  setActiveStyles(): void {\n    this._active.set(true);\n    this._cdr.markForCheck();\n  }\n\n  setInactiveStyles(): void {\n    this._active.set(false);\n    this._cdr.markForCheck();\n  }\n\n  _onClick(event: MouseEvent): void {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n    this.onSelectionChange.emit(this);\n  }\n\n  get viewValue(): string {\n    const element = this.elementRef.nativeElement;\n    const textElement = element.querySelector('.ngs-option-text');\n\n    if (textElement) {\n      return (textElement.textContent || '').trim();\n    }\n\n    return (element.textContent || '').trim();\n  }\n\n  getLabel?(): string {\n    return this.viewValue;\n  }\n}\n","@if (multiple) {\n  <ngs-checkbox [checked]=\"selected\" [disabled]=\"disabled\" class=\"pointer-events-none me-1\"/>\n}\n<span class=\"ngs-option-text\"><ng-content /></span>\n@if (!multiple && selected && !hideCheckIcon) {\n  <ngs-icon name=\"fluent:checkmark-24-regular\" class=\"ms-3\"/>\n}\n","import { Component, input, booleanAttribute } from '@angular/core';\n\n@Component({\n  selector: 'ngs-optgroup',\n  exportAs: 'ngsOptgroup',\n  standalone: true,\n  template: `\n    <span class=\"ngs-optgroup-label\">{{ label() }}</span>\n    <ng-content select=\"ngs-option\" />\n  `,\n  styles: [`\n    :host {\n      display: block;\n      --ngs-optgroup-label-padding: 0 16px;\n      --ngs-optgroup-label-height: 48px;\n      --ngs-optgroup-label-font-size: 12px;\n      --ngs-optgroup-label-font-weight: 600;\n      --ngs-optgroup-label-color: rgba(0, 0, 0, 0.54);\n    }\n    .ngs-optgroup-label {\n      display: flex;\n      align-items: center;\n      padding: var(--ngs-optgroup-label-padding);\n      height: var(--ngs-optgroup-label-height);\n      font-size: var(--ngs-optgroup-label-font-size);\n      font-weight: var(--ngs-optgroup-label-font-weight);\n      color: var(--ngs-optgroup-label-color);\n      text-transform: uppercase;\n    }\n  `],\n  host: {\n    'class': 'ngs-optgroup',\n    '[class.ngs-optgroup-disabled]': 'disabled()',\n    '[attr.role]': '\"group\"',\n    '[attr.aria-disabled]': 'disabled().toString()',\n    '[attr.aria-labelledby]': 'id',\n  }\n})\nexport class Optgroup {\n  label = input<string>();\n  disabled = input(false, { transform: booleanAttribute });\n  id = `ngs-optgroup-${Math.random().toString(36).substr(2, 9)}`;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-overlay.mjs

@@ -0,0 +1,112 @@
+class PositionManager {
+    _positions = {
+        'below-start': {
+            originY: 'bottom',
+            overlayY: 'top',
+            originX: 'start',
+            overlayX: 'start',
+            panelClass: ['ngs-overlay-below', 'ngs-overlay-below-start']
+        },
+        'below-center': {
+            originY: 'bottom',
+            overlayY: 'top',
+            originX: 'center',
+            overlayX: 'center',
+            panelClass: ['ngs-overlay-below', 'ngs-overlay-below-center']
+        },
+        'below-end': {
+            originY: 'bottom',
+            overlayY: 'top',
+            originX: 'end',
+            overlayX: 'end',
+            panelClass: ['ngs-overlay-below', 'ngs-overlay-below-end']
+        },
+        'above-start': {
+            originY: 'top',
+            overlayY: 'bottom',
+            originX: 'start',
+            overlayX: 'start',
+            panelClass: ['ngs-overlay-above', 'ngs-overlay-above-start']
+        },
+        'above-center': {
+            originY: 'top',
+            overlayY: 'bottom',
+            originX: 'center',
+            overlayX: 'center',
+            panelClass: ['ngs-overlay-above', 'ngs-overlay-above-center']
+        },
+        'above-end': {
+            originY: 'top',
+            overlayY: 'bottom',
+            originX: 'end',
+            overlayX: 'end',
+            panelClass: ['ngs-overlay-above', 'ngs-overlay-above-end']
+        },
+        'before-start': {
+            originY: 'top',
+            overlayY: 'top',
+            originX: 'start',
+            overlayX: 'end',
+            panelClass: ['ngs-overlay-before', 'ngs-overlay-before-start']
+        },
+        'before-center': {
+            originY: 'center',
+            overlayY: 'center',
+            originX: 'start',
+            overlayX: 'end',
+            panelClass: ['ngs-overlay-before', 'ngs-overlay-before-center']
+        },
+        'before-end': {
+            originY: 'bottom',
+            overlayY: 'bottom',
+            originX: 'start',
+            overlayX: 'end',
+            panelClass: ['ngs-overlay-before', 'ngs-overlay-before-end']
+        },
+        'after-end': {
+            originY: 'bottom',
+            overlayY: 'bottom',
+            originX: 'end',
+            overlayX: 'start',
+            panelClass: ['ngs-overlay-after', 'ngs-overlay-after-end']
+        },
+        'after-center': {
+            originY: 'center',
+            overlayY: 'center',
+            originX: 'end',
+            overlayX: 'start',
+            panelClass: ['ngs-overlay-after', 'ngs-overlay-after-center']
+        },
+        'after-start': {
+            originY: 'top',
+            overlayY: 'top',
+            originX: 'end',
+            overlayX: 'start',
+            panelClass: ['ngs-overlay-after', 'ngs-overlay-after-start']
+        }
+    };
+    _positionPairs = {
+        'below-start': 'above-start',
+        'below-center': 'above-center',
+        'below-end': 'above-end',
+        'above-start': 'below-start',
+        'above-center': 'below-center',
+        'above-end': 'below-end',
+        'before-end': 'before-start',
+        'before-center': 'after-center',
+        'before-start': 'before-end',
+        'after-end': 'after-start',
+        'after-center': 'before-center',
+        'after-start': 'after-end'
+    };
+    build(position) {
+        return [this._positions[position], this._positions[this._positionPairs[position]]];
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PositionManager };
+//# sourceMappingURL=ngstarter-ui-components-overlay.mjs.map

package/fesm2022/ngstarter-ui-components-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-overlay.mjs","sources":["../../../projects/components/overlay/src/position-manager.ts","../../../projects/components/overlay/ngstarter-ui-components-overlay.ts"],"sourcesContent":["import { ConnectedPosition } from '@angular/cdk/overlay';\nimport { OverlayPosition } from './types';\n\nexport class PositionManager {\n  private _positions: { [prop: string]: ConnectedPosition } = {\n    'below-start': {\n      originY: 'bottom',\n      overlayY: 'top',\n      originX: 'start',\n      overlayX: 'start',\n      panelClass: ['ngs-overlay-below', 'ngs-overlay-below-start']\n    },\n    'below-center': {\n      originY: 'bottom',\n      overlayY: 'top',\n      originX: 'center',\n      overlayX: 'center',\n      panelClass: ['ngs-overlay-below', 'ngs-overlay-below-center']\n    },\n    'below-end': {\n      originY: 'bottom',\n      overlayY: 'top',\n      originX: 'end',\n      overlayX: 'end',\n      panelClass: ['ngs-overlay-below', 'ngs-overlay-below-end']\n    },\n    'above-start': {\n      originY: 'top',\n      overlayY: 'bottom',\n      originX: 'start',\n      overlayX: 'start',\n      panelClass: ['ngs-overlay-above', 'ngs-overlay-above-start']\n    },\n    'above-center': {\n      originY: 'top',\n      overlayY: 'bottom',\n      originX: 'center',\n      overlayX: 'center',\n      panelClass: ['ngs-overlay-above', 'ngs-overlay-above-center']\n    },\n    'above-end': {\n      originY: 'top',\n      overlayY: 'bottom',\n      originX: 'end',\n      overlayX: 'end',\n      panelClass: ['ngs-overlay-above', 'ngs-overlay-above-end']\n    },\n    'before-start': {\n      originY: 'top',\n      overlayY: 'top',\n      originX: 'start',\n      overlayX: 'end',\n      panelClass: ['ngs-overlay-before', 'ngs-overlay-before-start']\n    },\n    'before-center': {\n      originY: 'center',\n      overlayY: 'center',\n      originX: 'start',\n      overlayX: 'end',\n      panelClass: ['ngs-overlay-before', 'ngs-overlay-before-center']\n    },\n    'before-end': {\n      originY: 'bottom',\n      overlayY: 'bottom',\n      originX: 'start',\n      overlayX: 'end',\n      panelClass: ['ngs-overlay-before', 'ngs-overlay-before-end']\n    },\n    'after-end': {\n      originY: 'bottom',\n      overlayY: 'bottom',\n      originX: 'end',\n      overlayX: 'start',\n      panelClass: ['ngs-overlay-after', 'ngs-overlay-after-end']\n    },\n    'after-center': {\n      originY: 'center',\n      overlayY: 'center',\n      originX: 'end',\n      overlayX: 'start',\n      panelClass: ['ngs-overlay-after', 'ngs-overlay-after-center']\n    },\n    'after-start': {\n      originY: 'top',\n      overlayY: 'top',\n      originX: 'end',\n      overlayX: 'start',\n      panelClass: ['ngs-overlay-after', 'ngs-overlay-after-start']\n    }\n  };\n\n  private _positionPairs: any = {\n    'below-start': 'above-start',\n    'below-center': 'above-center',\n    'below-end': 'above-end',\n    'above-start': 'below-start',\n    'above-center': 'below-center',\n    'above-end': 'below-end',\n    'before-end': 'before-start',\n    'before-center': 'after-center',\n    'before-start': 'before-end',\n    'after-end': 'after-start',\n    'after-center': 'before-center',\n    'after-start': 'after-end'\n  };\n\n  build(position: OverlayPosition): ConnectedPosition[] {\n    return [this._positions[position], this._positions[this._positionPairs[position]]];\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-page-loading-bar.mjs

@@ -0,0 +1,77 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, ChangeDetectorRef, input, booleanAttribute, Component } from '@angular/core';
+import { timer } from 'rxjs';
+import { Router, NavigationStart, NavigationError, NavigationEnd, NavigationCancel } from '@angular/router';
+import { take, map } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { ProgressBar } from '@ngstarter-ui/components/progress-bar';
+
+class PageLoadingBar {
+    _router = inject(Router);
+    _destroyRef = inject(DestroyRef);
+    _cdr = inject(ChangeDetectorRef);
+    fixed = input(false, { ...(ngDevMode ? { debugName: "fixed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    visible = false;
+    value = 0;
+    _subscription;
+    ngOnInit() {
+        this._router.events
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(event => {
+            if (event instanceof NavigationStart) {
+                this._start();
+            }
+            if ((event instanceof NavigationError || event instanceof NavigationEnd || event instanceof NavigationCancel)) {
+                this._finish();
+            }
+        });
+    }
+    _start() {
+        this._subscription?.unsubscribe();
+        this.visible = false;
+        this._subscription = timer(0, 250)
+            .pipe(takeUntilDestroyed(this._destroyRef), take(6), map(_result => {
+            const min = ((_result + 1) * 25) - 25;
+            const max = (_result + 1) * 25;
+            const loading = this._getRandom(min, max);
+            return loading < 100 ? loading : 100;
+        })).subscribe(_result => {
+            this.value = _result;
+            this._cdr.markForCheck();
+        }, _ => {
+        }, () => {
+            this.visible = false;
+            this._cdr.markForCheck();
+        });
+        this.visible = true;
+        this.value = 0;
+    }
+    _finish() {
+        if (this.value === 100) {
+            this.visible = false;
+            this._subscription.unsubscribe();
+        }
+    }
+    _getRandom(min, max) {
+        return Math.floor(Math.random() * (max - min)) + min;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PageLoadingBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: PageLoadingBar, isStandalone: true, selector: "ngs-page-loading-bar", inputs: { fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.is-visible": "visible", "class.is-fixed": "fixed" }, classAttribute: "ngs--page-loading-bar" }, exportAs: ["ngsPageLoadingBar"], ngImport: i0, template: "@if (visible) {\n  <ngs-progress-bar [value]=\"value\" class=\"w-full h-full\"/>\n}\n", styles: [":host{--ngs-loading-bar-bg: none;--ngs-loading-bar-height: calc(var(--spacing, .25rem) * 1);position:absolute;top:0;left:0;right:0;z-index:-99999;display:none}:host .ngs-progress-bar{position:absolute;top:0;left:0;right:0;height:var(--ngs-loading-bar-height)}:host .ngs-progress-bar__progress{background:var(--ngs-loading-bar-bg);border-radius:0}:host .ngs-progress-bar__value{border-radius:0}:host.is-fixed{width:100vw;position:fixed}:host.is-visible{z-index:999;display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: ProgressBar, selector: "ngs-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["ngsProgressBar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: PageLoadingBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-page-loading-bar', exportAs: 'ngsPageLoadingBar', imports: [
+                        ProgressBar
+                    ], host: {
+                        'class': 'ngs--page-loading-bar',
+                        '[class.is-visible]': 'visible',
+                        '[class.is-fixed]': 'fixed'
+                    }, template: "@if (visible) {\n  <ngs-progress-bar [value]=\"value\" class=\"w-full h-full\"/>\n}\n", styles: [":host{--ngs-loading-bar-bg: none;--ngs-loading-bar-height: calc(var(--spacing, .25rem) * 1);position:absolute;top:0;left:0;right:0;z-index:-99999;display:none}:host .ngs-progress-bar{position:absolute;top:0;left:0;right:0;height:var(--ngs-loading-bar-height)}:host .ngs-progress-bar__progress{background:var(--ngs-loading-bar-bg);border-radius:0}:host .ngs-progress-bar__value{border-radius:0}:host.is-fixed{width:100vw;position:fixed}:host.is-visible{z-index:999;display:block}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PageLoadingBar };
+//# sourceMappingURL=ngstarter-ui-components-page-loading-bar.mjs.map

package/fesm2022/ngstarter-ui-components-page-loading-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-page-loading-bar.mjs","sources":["../../../projects/components/page-loading-bar/src/page-loading-bar/page-loading-bar.ts","../../../projects/components/page-loading-bar/src/page-loading-bar/page-loading-bar.html","../../../projects/components/page-loading-bar/ngstarter-ui-components-page-loading-bar.ts"],"sourcesContent":["import { booleanAttribute, ChangeDetectorRef, Component, DestroyRef, inject, input, OnInit } from '@angular/core';\nimport { Subscription, timer } from 'rxjs';\nimport { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';\nimport { map, take } from 'rxjs/operators';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ProgressBar } from '@ngstarter-ui/components/progress-bar';\n\n@Component({\n  selector: 'ngs-page-loading-bar',\n  exportAs: 'ngsPageLoadingBar',\n  imports: [\n    ProgressBar\n  ],\n  templateUrl: './page-loading-bar.html',\n  styleUrl: './page-loading-bar.scss',\n  host: {\n    'class': 'ngs--page-loading-bar',\n    '[class.is-visible]': 'visible',\n    '[class.is-fixed]': 'fixed'\n  }\n})\nexport class PageLoadingBar implements OnInit {\n  private _router = inject(Router);\n  private _destroyRef = inject(DestroyRef);\n  private _cdr = inject(ChangeDetectorRef);\n\n  fixed = input(false, {\n    transform: booleanAttribute\n  })\n\n  protected visible = false;\n  protected value = 0;\n  private _subscription: Subscription;\n\n  ngOnInit(): void {\n    this._router.events\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe(event => {\n        if (event instanceof NavigationStart) {\n          this._start();\n        }\n\n        if ((event instanceof NavigationError || event instanceof NavigationEnd || event instanceof NavigationCancel)) {\n          this._finish();\n        }\n      })\n    ;\n  }\n\n  private _start(): void {\n    this._subscription?.unsubscribe();\n    this.visible = false;\n    this._subscription = timer(0, 250)\n      .pipe(\n        takeUntilDestroyed(this._destroyRef),\n        take(6),\n        map(_result => {\n          const min = ((_result + 1) * 25) - 25;\n          const max = (_result + 1) * 25;\n          const loading = this._getRandom(min, max);\n\n          return loading < 100 ? loading : 100;\n        })\n      ).subscribe(_result => {\n        this.value = _result;\n        this._cdr.markForCheck();\n      }, _ => {\n      }, () => {\n        this.visible = false;\n        this._cdr.markForCheck();\n      })\n    ;\n    this.visible = true;\n    this.value = 0;\n  }\n\n  private _finish(): void {\n    if (this.value === 100) {\n      this.visible = false;\n      this._subscription.unsubscribe();\n    }\n  }\n\n  private _getRandom(min: number, max: number): number {\n    return Math.floor(Math.random() * (max - min) ) + min;\n  }\n}\n","@if (visible) {\n  <ngs-progress-bar [value]=\"value\" class=\"w-full h-full\"/>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}