@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-radio.mjs

@@ -0,0 +1,129 @@
+import * as i0 from '@angular/core';
+import { inject, contentChildren, forwardRef, model, Directive, linkedSignal, Component, ChangeDetectionStrategy, input, booleanAttribute, computed } from '@angular/core';
+import * as i1 from '@ngbase/adk/a11y';
+import { AccessibleGroup, AccessibleItem } from '@ngbase/adk/a11y';
+import { uniqueId, provideValueAccessor } from '@ngbase/adk/utils';
+
+class NgbRadioGroup {
+    constructor() {
+        this.allyGroup = inject(AccessibleGroup);
+        this.radios = contentChildren(forwardRef(() => NgbRadio), { descendants: true });
+        this.value = model('');
+        this.ayId = uniqueId();
+        this.allyGroup.ayId.set(this.ayId);
+        this.allyGroup.clickable.set(true);
+    }
+    updateValue(value) {
+        this.value.set(value);
+        this.onChange?.(value);
+        this.onTouched?.();
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbRadioGroup, isStandalone: true, selector: "[ngbRadioGroup]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "radiogroup" }, classAttribute: "ngb-radio-group" }, providers: [provideValueAccessor(NgbRadioGroup)], queries: [{ propertyName: "radios", predicate: i0.forwardRef(() => NgbRadio), descendants: true, isSignal: true }], hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbRadioGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbRadioGroup]',
+                    host: {
+                        class: 'ngb-radio-group',
+                        role: 'radiogroup',
+                    },
+                    hostDirectives: [AccessibleGroup],
+                    providers: [provideValueAccessor(NgbRadioGroup)],
+                }]
+        }], ctorParameters: () => [] });
+
+class NgbRadioIndicator {
+    constructor() {
+        this.radio = inject(NgbRadio);
+        this.allyItem = inject(AccessibleItem);
+        this.disabled = linkedSignal(this.radio.disabled);
+        this.allyItem._ayId.set(this.radio.ayId);
+        this.allyItem._disabled = this.disabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbRadioIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbRadioIndicator, isStandalone: true, selector: "[ngbRadioIndicator]", host: { attributes: { "type": "button", "role": "radio" }, properties: { "attr.aria-checked": "radio.checked()" } }, exportAs: ["ngbRadioIndicator"], hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0, template: `
+    @if (radio.checked()) {
+      <ng-content />
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbRadioIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ngbRadioIndicator]',
+                    exportAs: 'ngbRadioIndicator',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [AccessibleItem],
+                    template: `
+    @if (radio.checked()) {
+      <ng-content />
+    }
+  `,
+                    host: {
+                        type: 'button',
+                        role: 'radio',
+                        '[attr.aria-checked]': 'radio.checked()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class NgbRadio {
+    constructor() {
+        this.radio = inject(NgbRadioGroup);
+        this.value = input();
+        this.disabled = input(false, { transform: booleanAttribute });
+        this.checked = computed(() => this.value() === this.radio.value());
+        this.ayId = this.radio.ayId;
+    }
+    updateValue() {
+        this.radio.updateValue(this.value());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbRadio, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbRadio, isStandalone: true, selector: "[ngbRadio]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "!disabled() && updateValue($event)" }, properties: { "attr.aria-disabled": "disabled()" }, classAttribute: "ngb-radio" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbRadio, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbRadio]',
+                    // template: `
+                    //   <button
+                    //     ngbFocusStyle
+                    //     ngbRadioIndicator
+                    //     class="custom-radio relative flex h-b4 w-b4 flex-none items-center justify-center rounded-full border border-primary"
+                    //     [class]="disabled() ? 'border-muted' : 'border-primary'"
+                    //   >
+                    //     @if (checked()) {
+                    //       <div class="h-b2 w-b2 rounded-full" [class]="disabled() ? 'bg-muted' : 'bg-primary'"></div>
+                    //     }
+                    //   </button>
+                    //   <ng-content />
+                    // `,
+                    host: {
+                        class: 'ngb-radio',
+                        '(click)': '!disabled() && updateValue($event)',
+                        '[attr.aria-disabled]': 'disabled()',
+                        // '[class]': `disabled() ? 'opacity-60 cursor-not-allowed' : 'cursor-pointer'`,
+                    },
+                }]
+        }] });
+
+/*
+ * Public API Surface of radio
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbRadio, NgbRadioGroup, NgbRadioIndicator };
+//# sourceMappingURL=ngbase-adk-radio.mjs.map

package/fesm2022/ngbase-adk-radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-radio.mjs","sources":["../../../projects/adk/radio/radio-group.ts","../../../projects/adk/radio/radio.ts","../../../projects/adk/radio/public-api.ts","../../../projects/adk/radio/ngbase-adk-radio.ts"],"sourcesContent":["import { contentChildren, Directive, forwardRef, inject, model } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { provideValueAccessor, uniqueId } from '@ngbase/adk/utils';\nimport { NgbRadio } from './radio';\n\n@Directive({\n  selector: '[ngbRadioGroup]',\n  host: {\n    class: 'ngb-radio-group',\n    role: 'radiogroup',\n  },\n  hostDirectives: [AccessibleGroup],\n  providers: [provideValueAccessor(NgbRadioGroup)],\n})\nexport class NgbRadioGroup implements ControlValueAccessor {\n  readonly allyGroup = inject(AccessibleGroup);\n  readonly radios = contentChildren(\n    forwardRef(() => NgbRadio),\n    { descendants: true },\n  );\n  readonly value = model<any>('');\n  readonly ayId = uniqueId();\n  onChange?: (value: any) => {};\n  onTouched?: () => {};\n\n  constructor() {\n    this.allyGroup.ayId.set(this.ayId);\n    this.allyGroup.clickable.set(true);\n  }\n\n  updateValue(value: any) {\n    this.value.set(value);\n    this.onChange?.(value);\n    this.onTouched?.();\n  }\n\n  writeValue(value: any): void {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  inject,\n  input,\n  linkedSignal,\n} from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { NgbRadioGroup } from './radio-group';\n\n@Component({\n  selector: '[ngbRadioIndicator]',\n  exportAs: 'ngbRadioIndicator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [AccessibleItem],\n  template: `\n    @if (radio.checked()) {\n      <ng-content />\n    }\n  `,\n  host: {\n    type: 'button',\n    role: 'radio',\n    '[attr.aria-checked]': 'radio.checked()',\n  },\n})\nexport class NgbRadioIndicator {\n  readonly radio = inject(NgbRadio);\n  readonly allyItem = inject(AccessibleItem);\n  readonly disabled = linkedSignal(this.radio.disabled);\n\n  constructor() {\n    this.allyItem._ayId.set(this.radio.ayId);\n    this.allyItem._disabled = this.disabled;\n  }\n}\n\n@Directive({\n  selector: '[ngbRadio]',\n  // template: `\n  //   <button\n  //     ngbFocusStyle\n  //     ngbRadioIndicator\n  //     class=\"custom-radio relative flex h-b4 w-b4 flex-none items-center justify-center rounded-full border border-primary\"\n  //     [class]=\"disabled() ? 'border-muted' : 'border-primary'\"\n  //   >\n  //     @if (checked()) {\n  //       <div class=\"h-b2 w-b2 rounded-full\" [class]=\"disabled() ? 'bg-muted' : 'bg-primary'\"></div>\n  //     }\n  //   </button>\n  //   <ng-content />\n  // `,\n  host: {\n    class: 'ngb-radio',\n    '(click)': '!disabled() && updateValue($event)',\n    '[attr.aria-disabled]': 'disabled()',\n    // '[class]': `disabled() ? 'opacity-60 cursor-not-allowed' : 'cursor-pointer'`,\n  },\n})\nexport class NgbRadio {\n  readonly radio = inject(NgbRadioGroup);\n  readonly value = input<any>();\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly checked = computed(() => this.value() === this.radio.value());\n  readonly ayId = this.radio.ayId;\n\n  updateValue() {\n    this.radio.updateValue(this.value());\n  }\n}\n","/*\n * Public API Surface of radio\n */\n\nexport * from './radio';\nexport * from './radio-group';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-resizable.mjs

@@ -0,0 +1,367 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, contentChildren, forwardRef, input, effect, untracked, Component, ChangeDetectionStrategy, linkedSignal, Directive, ViewContainerRef, viewChild, TemplateRef, computed, signal } from '@angular/core';
+import * as i1 from '@ngbase/adk/drag';
+import { Drag } from '@ngbase/adk/drag';
+import { DOCUMENT } from '@angular/common';
+import { uniqueId } from '@ngbase/adk/utils';
+
+class NgbResizableGroup {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.el = inject(ElementRef);
+        this.panels = contentChildren(forwardRef(() => NgbResizable));
+        this.direction = input('horizontal');
+        this.id = uniqueId();
+        effect(() => {
+            const panels = this.panels();
+            untracked(() => {
+                // set the index of each panel first before initializing the drag
+                panels.forEach((panel, index) => {
+                    panel.index = index;
+                });
+                panels.forEach((panel, index) => {
+                    // hide the last panel's drag handle
+                    panel.draggable.set(index !== panels.length - 1);
+                    if (panel.size() !== 'auto') {
+                        panel.handleDrag();
+                    }
+                });
+                // we need to called setAuto after all panels have been initialized
+                // because the number of panels could have changed
+                this.setAuto();
+            });
+        });
+    }
+    get w() {
+        return this.el.nativeElement.clientWidth;
+    }
+    get h() {
+        return this.el.nativeElement.clientHeight;
+    }
+    setAuto() {
+        const panels = this.panels();
+        let str = 'calc(100%';
+        const autos = [];
+        for (const panel of panels) {
+            if (panel.size() !== 'auto') {
+                str += panel.str ? ` - ${panel.str}` : '';
+            }
+            else {
+                autos.push(panel);
+            }
+        }
+        str += ')';
+        if (autos.length > 1) {
+            str = `calc(${str} / ${autos.length})`;
+        }
+        for (const auto of autos) {
+            auto.lSize.set(str);
+            auto.handleDrag();
+        }
+    }
+    start() {
+        const div = this.document.createElement('div');
+        div.style.position = 'absolute';
+        div.style.top = '0';
+        div.style.left = '0';
+        div.style.width = '100%';
+        div.style.height = '100%';
+        div.style.zIndex = '9999';
+        div.style.cursor = 'ew-resize';
+        this.document.body.appendChild(div);
+        this.overlayDiv = div;
+        this.panels().forEach(panel => {
+            panel.onStart();
+        });
+    }
+    end() {
+        this.overlayDiv?.remove();
+        this.panels().forEach(panel => {
+            panel.onEnd();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizableGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbResizableGroup, isStandalone: true, selector: "[ngbResizableGroup]", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.flex-col": "direction() === 'vertical'", "attr.id": "id" }, classAttribute: "flex w-full" }, queries: [{ propertyName: "panels", predicate: i0.forwardRef(() => NgbResizable), isSignal: true }], exportAs: ["ngbResizableGroup"], ngImport: i0, template: `<ng-content select="[ngbResizable]" />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizableGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ngbResizableGroup]',
+                    exportAs: 'ngbResizableGroup',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content select="[ngbResizable]" />`,
+                    host: {
+                        class: 'flex w-full',
+                        '[class.flex-col]': "direction() === 'vertical'",
+                        '[attr.id]': 'id',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+function provideResizableGroup(resizableGroup) {
+    return { provide: NgbResizableGroup, useExisting: resizableGroup };
+}
+
+class NgbGutter {
+    constructor() {
+        this.resizable = inject(NgbResizable);
+        this.drag = inject(Drag);
+        this.drag._lockAxis = linkedSignal(this.resizable.lockAxis);
+        this.drag._dragBoundary = linkedSignal(() => `#${this.resizable.id}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbGutter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbGutter, isStandalone: true, selector: "[ngbGutter]", host: { attributes: { "role": "separator" }, properties: { "attr.aria-valuemin": "resizable.min()", "attr.aria-valuemax": "resizable.max()" } }, exportAs: ["ngbGutter"], hostDirectives: [{ directive: i1.Drag }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbGutter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbGutter]',
+                    exportAs: 'ngbGutter',
+                    hostDirectives: [Drag],
+                    host: {
+                        role: 'separator',
+                        '[attr.aria-valuemin]': 'resizable.min()',
+                        '[attr.aria-valuemax]': 'resizable.max()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+class NgbResizable {
+    constructor() {
+        // Dependencies
+        this.el = inject(ElementRef);
+        this.resizable = inject(NgbResizableGroup);
+        this.containerRef = inject(ViewContainerRef);
+        this.dragElement = viewChild('dragElement', { read: TemplateRef });
+        this.drag = viewChild(Drag);
+        this.id = this.resizable.id;
+        this.lockAxis = computed(() => (this.resizable.direction() === 'horizontal' ? 'x' : 'y'));
+        // inputs
+        this.size = input('auto');
+        this.min = input(0);
+        this.max = input();
+        // State
+        this.lSize = linkedSignal({
+            source: this.size,
+            computation: size => (size !== 'auto' ? size : ''),
+        });
+        this.draggable = signal(false);
+        this.reducedSize = 0;
+        this.localMinSize = Infinity;
+        this.localMaxSize = -Infinity;
+        this.lastReducedSize = 0;
+        this.index = 0;
+        this.str = '';
+        effect(() => {
+            const size = this.size();
+            untracked(() => {
+                if (size !== 'auto')
+                    this.handleDrag();
+                this.resizable.setAuto();
+            });
+        });
+        // This effect is responsible for creating the gutter element
+        effect(() => {
+            const cf = this.containerRef;
+            if (this.draggable() && this.size()) {
+                if (cf.length === 0) {
+                    untracked(() => cf.createEmbeddedView(this.dragElement()));
+                }
+            }
+            else {
+                cf.clear();
+            }
+        });
+        // This effect is responsible for handling the drag events
+        effect(cleanup => {
+            const drag = this.drag();
+            if (!drag)
+                return;
+            untracked(() => {
+                const sub = drag.events.subscribe((data) => {
+                    data.event?.preventDefault();
+                    requestAnimationFrame(() => this.onDrag(data));
+                });
+                cleanup(() => sub.unsubscribe());
+            });
+        });
+    }
+    // get w() {
+    //   return this.el.nativeElement.clientWidth;
+    // }
+    // get h() {
+    //   return this.el.nativeElement.clientHeight;
+    // }
+    cSize() {
+        return this.resizable.direction() === 'horizontal'
+            ? this.el.nativeElement.offsetWidth
+            : this.el.nativeElement.offsetHeight;
+    }
+    onStart() {
+        const cSize = this.cSize();
+        const minSize = this.getSize(this.min());
+        this.localMinSize = cSize + this.reducedSize - minSize;
+        if (this.max()) {
+            const maxSize = this.getSize(this.max());
+            this.localMaxSize = cSize + this.reducedSize - maxSize;
+        }
+        // console.log(`onStart ${this.index}`, this.min(), this.localMinSize, this.localMaxSize);
+    }
+    onEnd() {
+        this.localMinSize = Infinity;
+        this.localMaxSize = -Infinity;
+        this.lastReducedSize = this.reducedSize;
+    }
+    getSize(size) {
+        if (!size)
+            return 0;
+        const minValue = size;
+        if (typeof minValue === 'number') {
+            // If number, treat as percentage
+            return ((this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *
+                (minValue / 100));
+        }
+        // Handle pixel values
+        const pixelMatch = minValue?.toString().match(/(\d+)px/);
+        if (pixelMatch) {
+            return parseInt(pixelMatch[1], 10);
+        }
+        // Handle percentage values provided as string
+        const percentMatch = minValue?.toString().match(/(\d+)%/);
+        if (percentMatch) {
+            return ((this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *
+                (parseInt(percentMatch[1], 10) / 100));
+        }
+        return 0;
+    }
+    onDrag(data) {
+        if (data.type === 'start') {
+            this.resizable.start();
+        }
+        // We have to call end method without calling handleDrag to avoid layout thrashing
+        if (data.type === 'end') {
+            this.resizable.end();
+        }
+        else {
+            this.handleDrag(data);
+        }
+    }
+    handleDrag(event = { x: 0, y: 0 }) {
+        const isHorizontal = this.resizable.direction() === 'horizontal';
+        let delta = isHorizontal ? event.x : event.y;
+        delta -= this.lastReducedSize;
+        const panels = this.resizable.panels();
+        let remaining = -delta;
+        for (let i = this.index; i >= 0; i--) {
+            const panel = panels[i];
+            remaining = panel.getUpdatedSize(remaining).remaining;
+            if (remaining === 0) {
+                break;
+            }
+        }
+        delta = delta + remaining;
+        remaining = delta;
+        for (let i = this.index + 1; i < panels.length; i++) {
+            const panel = panels[i];
+            remaining = panel.getUpdatedSize(remaining).remaining;
+            if (remaining === 0) {
+                break;
+            }
+        }
+        delta = delta - remaining;
+        const current = panels[this.index];
+        current.updateSize(delta, 'both');
+    }
+    getUpdatedSize(px) {
+        const v = Math.max(Math.min(px, this.localMinSize), this.localMaxSize);
+        return { remaining: px - v, value: v };
+    }
+    updateSize(px, direct) {
+        const prevSize = -px;
+        const { remaining, value } = this.getUpdatedSize(prevSize);
+        this.reducedSize = value;
+        this.updateFlex();
+        const isSame = prevSize !== this.reducedSize;
+        const v = direct === 'both' ? px : remaining;
+        if ((isSame && direct === 'next') || direct === 'both') {
+            // console.log(`updateSize ${this.index}`, this.reducedSize, px, value, v);
+            const next = this.resizable.panels()[this.index + 1];
+            next?.updateSize(-v, 'next');
+        }
+        if (isSame && (direct === 'prev' || direct === 'both')) {
+            const prev = this.resizable.panels()[this.index - 1];
+            prev?.updateSize(v, 'prev');
+        }
+    }
+    calculateSize() {
+        const size = this.lSize();
+        const baseSize = typeof size === 'number' ? `${size}%` : size;
+        if (this.reducedSize === 0) {
+            return baseSize;
+        }
+        return `calc(${baseSize} - ${this.reducedSize}px)`;
+    }
+    updateFlex() {
+        const size = this.calculateSize();
+        this.updateElementSize(size || '0px');
+    }
+    updateElementSize(str) {
+        this.str = str;
+        if (this.resizable.direction() === 'horizontal') {
+            this.el.nativeElement.style.width = this.str;
+        }
+        else {
+            this.el.nativeElement.style.height = this.str;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizable, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: NgbResizable, isStandalone: true, selector: "[ngbResizable]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "dragElement", first: true, predicate: ["dragElement"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "drag", first: true, predicate: Drag, descendants: true, isSignal: true }], exportAs: ["ngbResizable"], ngImport: i0, template: `<ng-content />
+    <ng-template #dragElement>
+      @if (draggable()) {
+        <div
+          ngbGutter
+          class="{{
+            'dragElement relative flex cursor-ew-resize items-center justify-center after:absolute after:top-0 ' +
+              (resizable.direction() === 'vertical'
+                ? 'bottom-0 left-0 h-0 w-full cursor-ns-resize border-b after:-mt-b after:h-b2 after:w-full'
+                : 'right-0 top-0 w-0 cursor-ew-resize border-l after:h-full after:w-b2')
+          }}"
+        ></div>
+      }
+    </ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgbGutter, selector: "[ngbGutter]", exportAs: ["ngbGutter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbResizable, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ngbResizable]',
+                    exportAs: 'ngbResizable',
+                    imports: [Drag, NgbGutter],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `<ng-content />
+    <ng-template #dragElement>
+      @if (draggable()) {
+        <div
+          ngbGutter
+          class="{{
+            'dragElement relative flex cursor-ew-resize items-center justify-center after:absolute after:top-0 ' +
+              (resizable.direction() === 'vertical'
+                ? 'bottom-0 left-0 h-0 w-full cursor-ns-resize border-b after:-mt-b after:h-b2 after:w-full'
+                : 'right-0 top-0 w-0 cursor-ew-resize border-l after:h-full after:w-b2')
+          }}"
+        ></div>
+      }
+    </ng-template>`,
+                }]
+        }], ctorParameters: () => [] });
+function provideResizable(resizable) {
+    return { provide: NgbResizable, useExisting: resizable };
+}
+
+/*
+ * Public API Surface of resizable
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbGutter, NgbResizable, NgbResizableGroup, provideResizable, provideResizableGroup };
+//# sourceMappingURL=ngbase-adk-resizable.mjs.map

package/fesm2022/ngbase-adk-resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-resizable.mjs","sources":["../../../projects/adk/resizable/resizable-group.ts","../../../projects/adk/resizable/resizable.ts","../../../projects/adk/resizable/public-api.ts","../../../projects/adk/resizable/ngbase-adk-resizable.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbResizable } from './resizable';\n\n@Component({\n  selector: '[ngbResizableGroup]',\n  exportAs: 'ngbResizableGroup',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content select=\"[ngbResizable]\" />`,\n  host: {\n    class: 'flex w-full',\n    '[class.flex-col]': \"direction() === 'vertical'\",\n    '[attr.id]': 'id',\n  },\n})\nexport class NgbResizableGroup {\n  readonly document = inject(DOCUMENT);\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly panels = contentChildren(forwardRef(() => NgbResizable));\n  readonly direction = input<'horizontal' | 'vertical'>('horizontal');\n  readonly id = uniqueId();\n\n  private overlayDiv?: HTMLDivElement;\n\n  constructor() {\n    effect(() => {\n      const panels = this.panels();\n\n      untracked(() => {\n        // set the index of each panel first before initializing the drag\n        panels.forEach((panel, index) => {\n          panel.index = index;\n        });\n        panels.forEach((panel, index) => {\n          // hide the last panel's drag handle\n          panel.draggable.set(index !== panels.length - 1);\n          if (panel.size() !== 'auto') {\n            panel.handleDrag();\n          }\n        });\n        // we need to called setAuto after all panels have been initialized\n        // because the number of panels could have changed\n        this.setAuto();\n      });\n    });\n  }\n\n  get w() {\n    return this.el.nativeElement.clientWidth;\n  }\n\n  get h() {\n    return this.el.nativeElement.clientHeight;\n  }\n\n  setAuto() {\n    const panels = this.panels();\n    let str = 'calc(100%';\n    const autos = [];\n    for (const panel of panels) {\n      if (panel.size() !== 'auto') {\n        str += panel.str ? ` - ${panel.str}` : '';\n      } else {\n        autos.push(panel);\n      }\n    }\n    str += ')';\n    if (autos.length > 1) {\n      str = `calc(${str} / ${autos.length})`;\n    }\n    for (const auto of autos) {\n      auto.lSize.set(str);\n      auto.handleDrag();\n    }\n  }\n\n  start() {\n    const div = this.document.createElement('div');\n    div.style.position = 'absolute';\n    div.style.top = '0';\n    div.style.left = '0';\n    div.style.width = '100%';\n    div.style.height = '100%';\n    div.style.zIndex = '9999';\n    div.style.cursor = 'ew-resize';\n    this.document.body.appendChild(div);\n    this.overlayDiv = div;\n\n    this.panels().forEach(panel => {\n      panel.onStart();\n    });\n  }\n\n  end() {\n    this.overlayDiv?.remove();\n    this.panels().forEach(panel => {\n      panel.onEnd();\n    });\n  }\n}\n\nexport function provideResizableGroup(resizableGroup: typeof NgbResizableGroup) {\n  return { provide: NgbResizableGroup, useExisting: resizableGroup };\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  ViewContainerRef,\n  computed,\n  effect,\n  inject,\n  input,\n  linkedSignal,\n  signal,\n  untracked,\n  viewChild,\n} from '@angular/core';\nimport { Drag, DragData } from '@ngbase/adk/drag';\nimport { NgbResizableGroup } from './resizable-group';\n\n@Directive({\n  selector: '[ngbGutter]',\n  exportAs: 'ngbGutter',\n  hostDirectives: [Drag],\n  host: {\n    role: 'separator',\n    '[attr.aria-valuemin]': 'resizable.min()',\n    '[attr.aria-valuemax]': 'resizable.max()',\n  },\n})\nexport class NgbGutter {\n  readonly resizable = inject(NgbResizable);\n  readonly drag = inject(Drag);\n\n  constructor() {\n    this.drag._lockAxis = linkedSignal(this.resizable.lockAxis);\n    this.drag._dragBoundary = linkedSignal(() => `#${this.resizable.id}`);\n  }\n}\n\n@Component({\n  selector: '[ngbResizable]',\n  exportAs: 'ngbResizable',\n  imports: [Drag, NgbGutter],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `<ng-content />\n    <ng-template #dragElement>\n      @if (draggable()) {\n        <div\n          ngbGutter\n          class=\"{{\n            'dragElement relative flex cursor-ew-resize items-center justify-center after:absolute after:top-0 ' +\n              (resizable.direction() === 'vertical'\n                ? 'bottom-0 left-0 h-0 w-full cursor-ns-resize border-b after:-mt-b after:h-b2 after:w-full'\n                : 'right-0 top-0 w-0 cursor-ew-resize border-l after:h-full after:w-b2')\n          }}\"\n        ></div>\n      }\n    </ng-template>`,\n})\nexport class NgbResizable {\n  // Dependencies\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly resizable = inject(NgbResizableGroup);\n  readonly containerRef = inject(ViewContainerRef);\n  readonly dragElement = viewChild('dragElement', { read: TemplateRef });\n  readonly drag = viewChild(Drag);\n  readonly id = this.resizable.id;\n  readonly lockAxis = computed(() => (this.resizable.direction() === 'horizontal' ? 'x' : 'y'));\n\n  // inputs\n  readonly size = input<number | string>('auto');\n  readonly min = input<number | string>(0);\n  readonly max = input<number | string>();\n\n  // State\n  readonly lSize = linkedSignal({\n    source: this.size,\n    computation: size => (size !== 'auto' ? size : ''),\n  });\n  readonly draggable = signal(false);\n  private reducedSize = 0;\n  private localMinSize = Infinity;\n  private localMaxSize = -Infinity;\n  private lastReducedSize = 0;\n  index = 0;\n  str = '';\n\n  constructor() {\n    effect(() => {\n      const size = this.size();\n      untracked(() => {\n        if (size !== 'auto') this.handleDrag();\n\n        this.resizable.setAuto();\n      });\n    });\n\n    // This effect is responsible for creating the gutter element\n    effect(() => {\n      const cf = this.containerRef;\n      if (this.draggable() && this.size()) {\n        if (cf.length === 0) {\n          untracked(() => cf.createEmbeddedView(this.dragElement()!));\n        }\n      } else {\n        cf.clear();\n      }\n    });\n\n    // This effect is responsible for handling the drag events\n    effect(cleanup => {\n      const drag = this.drag();\n\n      if (!drag) return;\n\n      untracked(() => {\n        const sub = drag.events.subscribe((data: DragData) => {\n          data.event?.preventDefault();\n\n          requestAnimationFrame(() => this.onDrag(data));\n        });\n        cleanup(() => sub.unsubscribe());\n      });\n    });\n  }\n\n  // get w() {\n  //   return this.el.nativeElement.clientWidth;\n  // }\n\n  // get h() {\n  //   return this.el.nativeElement.clientHeight;\n  // }\n\n  cSize() {\n    return this.resizable.direction() === 'horizontal'\n      ? this.el.nativeElement.offsetWidth\n      : this.el.nativeElement.offsetHeight;\n  }\n\n  onStart() {\n    const cSize = this.cSize();\n    const minSize = this.getSize(this.min());\n    this.localMinSize = cSize + this.reducedSize - minSize;\n    if (this.max()) {\n      const maxSize = this.getSize(this.max());\n      this.localMaxSize = cSize + this.reducedSize - maxSize;\n    }\n    // console.log(`onStart ${this.index}`, this.min(), this.localMinSize, this.localMaxSize);\n  }\n\n  onEnd() {\n    this.localMinSize = Infinity;\n    this.localMaxSize = -Infinity;\n    this.lastReducedSize = this.reducedSize;\n  }\n\n  private getSize(size?: number | string): number {\n    if (!size) return 0;\n\n    const minValue = size;\n    if (typeof minValue === 'number') {\n      // If number, treat as percentage\n      return (\n        (this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *\n        (minValue / 100)\n      );\n    }\n\n    // Handle pixel values\n    const pixelMatch = minValue?.toString().match(/(\\d+)px/);\n    if (pixelMatch) {\n      return parseInt(pixelMatch[1], 10);\n    }\n\n    // Handle percentage values provided as string\n    const percentMatch = minValue?.toString().match(/(\\d+)%/);\n    if (percentMatch) {\n      return (\n        (this.resizable.direction() === 'horizontal' ? this.resizable.w : this.resizable.h) *\n        (parseInt(percentMatch[1], 10) / 100)\n      );\n    }\n\n    return 0;\n  }\n\n  onDrag(data: DragData): void {\n    if (data.type === 'start') {\n      this.resizable.start();\n    }\n\n    // We have to call end method without calling handleDrag to avoid layout thrashing\n    if (data.type === 'end') {\n      this.resizable.end();\n    } else {\n      this.handleDrag(data);\n    }\n  }\n\n  handleDrag(event = { x: 0, y: 0 } as DragData) {\n    const isHorizontal = this.resizable.direction() === 'horizontal';\n\n    let delta = isHorizontal ? event.x : event.y;\n    delta -= this.lastReducedSize;\n\n    const panels = this.resizable.panels();\n\n    let remaining = -delta;\n    for (let i = this.index; i >= 0; i--) {\n      const panel = panels[i];\n      remaining = panel.getUpdatedSize(remaining).remaining;\n      if (remaining === 0) {\n        break;\n      }\n    }\n    delta = delta + remaining;\n    remaining = delta;\n    for (let i = this.index + 1; i < panels.length; i++) {\n      const panel = panels[i];\n      remaining = panel.getUpdatedSize(remaining).remaining;\n      if (remaining === 0) {\n        break;\n      }\n    }\n    delta = delta - remaining;\n\n    const current = panels[this.index];\n    current.updateSize(delta, 'both');\n  }\n\n  private getUpdatedSize(px: number): { remaining: number; value: number } {\n    const v = Math.max(Math.min(px, this.localMinSize), this.localMaxSize);\n    return { remaining: px - v, value: v };\n  }\n\n  updateSize(px: number, direct: 'both' | 'prev' | 'next') {\n    const prevSize = -px;\n    const { remaining, value } = this.getUpdatedSize(prevSize);\n    this.reducedSize = value;\n\n    this.updateFlex();\n    const isSame = prevSize !== this.reducedSize;\n\n    const v = direct === 'both' ? px : remaining;\n\n    if ((isSame && direct === 'next') || direct === 'both') {\n      // console.log(`updateSize ${this.index}`, this.reducedSize, px, value, v);\n      const next = this.resizable.panels()[this.index + 1];\n      next?.updateSize(-v, 'next');\n    }\n    if (isSame && (direct === 'prev' || direct === 'both')) {\n      const prev = this.resizable.panels()[this.index - 1];\n      prev?.updateSize(v, 'prev');\n    }\n  }\n\n  private calculateSize(): string {\n    const size = this.lSize();\n\n    const baseSize = typeof size === 'number' ? `${size}%` : size;\n\n    if (this.reducedSize === 0) {\n      return baseSize;\n    }\n\n    return `calc(${baseSize} - ${this.reducedSize}px)`;\n  }\n\n  private updateFlex() {\n    const size = this.calculateSize();\n    this.updateElementSize(size || '0px');\n  }\n\n  updateElementSize(str: string) {\n    this.str = str;\n    if (this.resizable.direction() === 'horizontal') {\n      this.el.nativeElement.style.width = this.str;\n    } else {\n      this.el.nativeElement.style.height = this.str;\n    }\n  }\n}\n\nexport function provideResizable(resizable: typeof NgbResizable) {\n  return { provide: NgbResizable, useExisting: resizable };\n}\n","/*\n * Public API Surface of resizable\n */\n\nexport * from './resizable';\nexport * from './resizable-group';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}