@frame-ui-ng/components 0.1.0-beta.0

package/fesm2022/frame-ui-ng-components-radio-group.mjs

@@ -0,0 +1,124 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, Directive, NgModule } from '@angular/core';
+
+const FR_RADIO_GROUP_ORIENTATIONS = ['vertical', 'horizontal'];
+const FR_RADIO_GROUP_VARIANTS = ['default', 'cards'];
+class FrRadioGroup {
+    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrRadioGroup, isStandalone: true, selector: "[frRadioGroup], frame-radio-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "radiogroup" }, properties: { "attr.data-orientation": "orientation()", "attr.data-variant": "variant()", "attr.data-disabled": "disabled() ? \"\" : null" }, classAttribute: "frame-radio-group" }, exportAs: ["frRadioGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frRadioGroup], frame-radio-group',
+                    exportAs: 'frRadioGroup',
+                    host: {
+                        class: 'frame-radio-group',
+                        role: 'radiogroup',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+class FrRadioGroupItem {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrRadioGroupItem, isStandalone: true, selector: "input[type=radio][frRadioGroupItem]", host: { classAttribute: "frame-radio-group__item" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type=radio][frRadioGroupItem]',
+                    host: {
+                        class: 'frame-radio-group__item',
+                    },
+                }]
+        }] });
+class FrRadioGroupField {
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupField, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrRadioGroupField, isStandalone: true, selector: "label[frRadioGroupField]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-orientation": "horizontal", "role": "group" }, properties: { "attr.data-disabled": "disabled() ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null" }, classAttribute: "frame-field frame-radio-group__field" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupField, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'label[frRadioGroupField]',
+                    host: {
+                        class: 'frame-field frame-radio-group__field',
+                        'data-orientation': 'horizontal',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                        '[attr.data-invalid]': 'invalid() ? "" : null',
+                        role: 'group',
+                    },
+                }]
+        }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }] } });
+class FrRadioGroupCard {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrRadioGroupCard, isStandalone: true, selector: "label[frRadioGroupCard]", host: { classAttribute: "frame-radio-group__card" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'label[frRadioGroupCard]',
+                    host: {
+                        class: 'frame-radio-group__card',
+                    },
+                }]
+        }] });
+class FrRadioGroupCardMeta {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupCardMeta, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrRadioGroupCardMeta, isStandalone: true, selector: "[frRadioGroupCardMeta]", host: { classAttribute: "frame-radio-group__card-meta" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupCardMeta, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frRadioGroupCardMeta]',
+                    host: {
+                        class: 'frame-radio-group__card-meta',
+                    },
+                }]
+        }] });
+
+class FrRadioGroupModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupModule, imports: [FrRadioGroup,
+            FrRadioGroupCard,
+            FrRadioGroupCardMeta,
+            FrRadioGroupField,
+            FrRadioGroupItem], exports: [FrRadioGroup,
+            FrRadioGroupCard,
+            FrRadioGroupCardMeta,
+            FrRadioGroupField,
+            FrRadioGroupItem] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrRadioGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrRadioGroup,
+                        FrRadioGroupCard,
+                        FrRadioGroupCardMeta,
+                        FrRadioGroupField,
+                        FrRadioGroupItem,
+                    ],
+                    exports: [
+                        FrRadioGroup,
+                        FrRadioGroupCard,
+                        FrRadioGroupCardMeta,
+                        FrRadioGroupField,
+                        FrRadioGroupItem,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_RADIO_GROUP_ORIENTATIONS, FR_RADIO_GROUP_VARIANTS, FrRadioGroup, FrRadioGroupCard, FrRadioGroupCardMeta, FrRadioGroupField, FrRadioGroupItem, FrRadioGroupModule };
+//# sourceMappingURL=frame-ui-ng-components-radio-group.mjs.map

package/fesm2022/frame-ui-ng-components-radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-radio-group.mjs","sources":["../../../projects/components/radio-group/src/radio-group.ts","../../../projects/components/radio-group/radio-group.module.ts","../../../projects/components/radio-group/frame-ui-ng-components-radio-group.ts"],"sourcesContent":["import { Directive, booleanAttribute, input } from '@angular/core';\n\nexport const FR_RADIO_GROUP_ORIENTATIONS = ['vertical', 'horizontal'] as const;\nexport const FR_RADIO_GROUP_VARIANTS = ['default', 'cards'] as const;\n\nexport type FrRadioGroupOrientation = (typeof FR_RADIO_GROUP_ORIENTATIONS)[number];\nexport type FrRadioGroupVariant = (typeof FR_RADIO_GROUP_VARIANTS)[number];\n\n@Directive({\n  selector: '[frRadioGroup], frame-radio-group',\n  exportAs: 'frRadioGroup',\n  host: {\n    class: 'frame-radio-group',\n    role: 'radiogroup',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-variant]': 'variant()',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class FrRadioGroup {\n  readonly orientation = input<FrRadioGroupOrientation>('vertical');\n  readonly variant = input<FrRadioGroupVariant>('default');\n  readonly disabled = input(false, { transform: booleanAttribute });\n}\n\n@Directive({\n  selector: 'input[type=radio][frRadioGroupItem]',\n  host: {\n    class: 'frame-radio-group__item',\n  },\n})\nexport class FrRadioGroupItem {}\n\n@Directive({\n  selector: 'label[frRadioGroupField]',\n  host: {\n    class: 'frame-field frame-radio-group__field',\n    'data-orientation': 'horizontal',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    role: 'group',\n  },\n})\nexport class FrRadioGroupField {\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n}\n\n@Directive({\n  selector: 'label[frRadioGroupCard]',\n  host: {\n    class: 'frame-radio-group__card',\n  },\n})\nexport class FrRadioGroupCard {}\n\n@Directive({\n  selector: '[frRadioGroupCardMeta]',\n  host: {\n    class: 'frame-radio-group__card-meta',\n  },\n})\nexport class FrRadioGroupCardMeta {}\n","import { NgModule } from '@angular/core';\nimport {\n  FrRadioGroup,\n  FrRadioGroupCard,\n  FrRadioGroupCardMeta,\n  FrRadioGroupField,\n  FrRadioGroupItem,\n} from './src/radio-group';\n\n@NgModule({\n  imports: [\n    FrRadioGroup,\n    FrRadioGroupCard,\n    FrRadioGroupCardMeta,\n    FrRadioGroupField,\n    FrRadioGroupItem,\n  ],\n  exports: [\n    FrRadioGroup,\n    FrRadioGroupCard,\n    FrRadioGroupCardMeta,\n    FrRadioGroupField,\n    FrRadioGroupItem,\n  ],\n})\nexport class FrRadioGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-resizable.mjs

@@ -0,0 +1,325 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, booleanAttribute, output, Directive, HostListener, NgModule } from '@angular/core';
+
+const FR_RESIZABLE_ORIENTATIONS = ['horizontal', 'vertical'];
+let nextResizableId = 0;
+function coerceSize(value, fallback) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : fallback;
+}
+function clampSize(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+class FrResizablePanelGroup {
+    elementRef = inject((ElementRef));
+    groupId = `frame-resizable-${++nextResizableId}`;
+    cleanupFns = [];
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    layoutChange = output();
+    ngAfterViewInit() {
+        queueMicrotask(() => this.initializeLayout());
+    }
+    ngOnDestroy() {
+        for (const cleanup of this.cleanupFns) {
+            cleanup();
+        }
+    }
+    panelId(index) {
+        return `${this.groupId}-panel-${index}`;
+    }
+    panels() {
+        return Array.from(this.elementRef.nativeElement.children).filter((child) => child instanceof HTMLElement && child.hasAttribute('FrResizablePanel'));
+    }
+    handles() {
+        return Array.from(this.elementRef.nativeElement.children).filter((child) => child instanceof HTMLElement && child.hasAttribute('FrResizableHandle'));
+    }
+    initializeLayout() {
+        const panels = this.panels();
+        if (!panels.length) {
+            return;
+        }
+        const remainingPanels = panels.filter((panel) => !panel.style.flexBasis);
+        const assignedTotal = panels.reduce((total, panel) => total + (this.panelSize(panel) ?? 0), 0);
+        const fallbackSize = remainingPanels.length
+            ? Math.max((100 - assignedTotal) / remainingPanels.length, 0)
+            : 0;
+        panels.forEach((panel, index) => {
+            panel.id ||= this.panelId(index);
+            panel.style.flexGrow = '0';
+            panel.style.flexShrink = '0';
+            if (!panel.style.flexBasis) {
+                this.applyPanelSize(panel, clampSize(this.defaultSize(panel) ?? fallbackSize, this.minSize(panel), this.maxSize(panel)));
+            }
+            else {
+                this.applyPanelSize(panel, this.panelSize(panel) ?? 0);
+            }
+        });
+        this.updateHandleMetadata();
+        this.emitLayout();
+    }
+    startResize(handle, pointerId, startClientX, startClientY) {
+        if (this.disabled()) {
+            return;
+        }
+        const pair = this.panelPairForHandle(handle);
+        if (!pair) {
+            return;
+        }
+        const groupRect = this.elementRef.nativeElement.getBoundingClientRect();
+        const dimension = this.orientation() === 'horizontal' ? groupRect.width : groupRect.height;
+        if (dimension <= 0) {
+            return;
+        }
+        const [previousPanel, nextPanel] = pair;
+        const startPrevious = this.panelSize(previousPanel) ?? 0;
+        const startNext = this.panelSize(nextPanel) ?? 0;
+        const pairTotal = startPrevious + startNext;
+        const rtlMultiplier = this.orientation() === 'horizontal' && getComputedStyle(this.elementRef.nativeElement).direction === 'rtl'
+            ? -1
+            : 1;
+        handle.setPointerCapture?.(pointerId);
+        handle.setAttribute('data-dragging', '');
+        this.elementRef.nativeElement.setAttribute('data-resizing', '');
+        const move = (event) => {
+            const deltaPx = this.orientation() === 'horizontal'
+                ? (event.clientX - startClientX) * rtlMultiplier
+                : event.clientY - startClientY;
+            this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + (deltaPx / dimension) * 100);
+        };
+        const end = () => {
+            handle.removeAttribute('data-dragging');
+            this.elementRef.nativeElement.removeAttribute('data-resizing');
+            window.removeEventListener('pointermove', move);
+            window.removeEventListener('pointerup', end);
+            window.removeEventListener('pointercancel', end);
+        };
+        window.addEventListener('pointermove', move);
+        window.addEventListener('pointerup', end, { once: true });
+        window.addEventListener('pointercancel', end, { once: true });
+    }
+    resizeFromKeyboard(handle, key) {
+        if (this.disabled()) {
+            return false;
+        }
+        const pair = this.panelPairForHandle(handle);
+        if (!pair) {
+            return false;
+        }
+        const [previousPanel, nextPanel] = pair;
+        const startPrevious = this.panelSize(previousPanel) ?? 0;
+        const startNext = this.panelSize(nextPanel) ?? 0;
+        const pairTotal = startPrevious + startNext;
+        const isRtl = this.orientation() === 'horizontal' &&
+            getComputedStyle(this.elementRef.nativeElement).direction === 'rtl';
+        const step = 10;
+        switch (key) {
+            case 'ArrowLeft':
+                this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + (isRtl ? step : -step));
+                return true;
+            case 'ArrowRight':
+                this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + (isRtl ? -step : step));
+                return true;
+            case 'ArrowUp':
+                this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious - step);
+                return true;
+            case 'ArrowDown':
+                this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + step);
+                return true;
+            case 'Home':
+                this.resizePair(previousPanel, nextPanel, pairTotal, this.minSize(previousPanel));
+                return true;
+            case 'End':
+                this.resizePair(previousPanel, nextPanel, pairTotal, pairTotal - this.minSize(nextPanel));
+                return true;
+            default:
+                return false;
+        }
+    }
+    resizePair(previousPanel, nextPanel, pairTotal, requestedPreviousSize) {
+        const previousMin = this.minSize(previousPanel);
+        const previousMax = Math.min(this.maxSize(previousPanel), pairTotal - this.minSize(nextPanel));
+        const previousSize = clampSize(requestedPreviousSize, previousMin, previousMax);
+        const nextSize = clampSize(pairTotal - previousSize, this.minSize(nextPanel), this.maxSize(nextPanel));
+        this.applyPanelSize(previousPanel, previousSize);
+        this.applyPanelSize(nextPanel, nextSize);
+        this.updateHandleMetadata();
+        this.emitLayout();
+    }
+    applyPanelSize(panel, size) {
+        const normalizedSize = Math.max(size, 0);
+        const collapsedThreshold = this.collapsible(panel) ? this.collapsedSize(panel) : 0;
+        const collapsed = normalizedSize <= collapsedThreshold;
+        const appliedSize = collapsed ? collapsedThreshold : normalizedSize;
+        panel.style.flexBasis = `${appliedSize}%`;
+        panel.setAttribute('data-size', String(appliedSize));
+        panel.toggleAttribute('data-collapsed', collapsed);
+    }
+    panelPairForHandle(handle) {
+        let previous = handle.previousElementSibling;
+        let next = handle.nextElementSibling;
+        while (previous && !(previous instanceof HTMLElement && previous.hasAttribute('FrResizablePanel'))) {
+            previous = previous.previousElementSibling;
+        }
+        while (next && !(next instanceof HTMLElement && next.hasAttribute('FrResizablePanel'))) {
+            next = next.nextElementSibling;
+        }
+        if (!(previous instanceof HTMLElement) || !(next instanceof HTMLElement)) {
+            return null;
+        }
+        return [previous, next];
+    }
+    updateHandleMetadata() {
+        const panels = this.panels();
+        this.handles().forEach((handle) => {
+            const pair = this.panelPairForHandle(handle);
+            if (!pair) {
+                return;
+            }
+            const [previousPanel, nextPanel] = pair;
+            const previousIndex = panels.indexOf(previousPanel);
+            const nextIndex = panels.indexOf(nextPanel);
+            handle.setAttribute('aria-controls', [previousPanel.id, nextPanel.id].filter(Boolean).join(' '));
+            handle.setAttribute('aria-valuemin', String(this.minSize(previousPanel)));
+            handle.setAttribute('aria-valuemax', String(this.maxSize(previousPanel)));
+            handle.setAttribute('aria-valuenow', String(Math.round(this.panelSize(previousPanel) ?? 0)));
+            handle.setAttribute('data-panels', `${previousIndex}:${nextIndex}`);
+        });
+    }
+    emitLayout() {
+        this.layoutChange.emit(this.panels().map((panel) => this.panelSize(panel) ?? 0));
+    }
+    panelSize(panel) {
+        const styleSize = Number.parseFloat(panel.style.flexBasis);
+        if (Number.isFinite(styleSize)) {
+            return styleSize;
+        }
+        const dataSize = Number(panel.getAttribute('data-size'));
+        return Number.isFinite(dataSize) ? dataSize : null;
+    }
+    defaultSize(panel) {
+        const value = panel.getAttribute('data-default-size');
+        return value === null ? null : coerceSize(value, 0);
+    }
+    minSize(panel) {
+        return coerceSize(panel.getAttribute('data-min-size'), 0);
+    }
+    maxSize(panel) {
+        return coerceSize(panel.getAttribute('data-max-size'), 100);
+    }
+    collapsedSize(panel) {
+        return coerceSize(panel.getAttribute('data-collapsed-size'), 0);
+    }
+    collapsible(panel) {
+        return panel.hasAttribute('data-collapsible');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizablePanelGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrResizablePanelGroup, isStandalone: true, selector: "[frResizablePanelGroup], frame-resizable-panel-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { layoutChange: "layoutChange" }, host: { properties: { "attr.data-orientation": "orientation()", "attr.data-disabled": "disabled() ? \"\" : null" }, classAttribute: "frame-resizable" }, exportAs: ["frResizablePanelGroup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizablePanelGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frResizablePanelGroup], frame-resizable-panel-group',
+                    exportAs: 'frResizablePanelGroup',
+                    host: {
+                        class: 'frame-resizable',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-disabled]': 'disabled() ? "" : null',
+                    },
+                }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], layoutChange: [{ type: i0.Output, args: ["layoutChange"] }] } });
+class FrResizablePanel {
+    defaultSize = input(0, { ...(ngDevMode ? { debugName: "defaultSize" } : /* istanbul ignore next */ {}), transform: (value) => coerceSize(value, 0) });
+    minSize = input(0, { ...(ngDevMode ? { debugName: "minSize" } : /* istanbul ignore next */ {}), transform: (value) => coerceSize(value, 0) });
+    maxSize = input(100, { ...(ngDevMode ? { debugName: "maxSize" } : /* istanbul ignore next */ {}), transform: (value) => coerceSize(value, 100) });
+    collapsible = input(false, { ...(ngDevMode ? { debugName: "collapsible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    collapsedSize = input(0, { ...(ngDevMode ? { debugName: "collapsedSize" } : /* istanbul ignore next */ {}), transform: (value) => coerceSize(value, 0) });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizablePanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrResizablePanel, isStandalone: true, selector: "[frResizablePanel], frame-resizable-panel", inputs: { defaultSize: { classPropertyName: "defaultSize", publicName: "defaultSize", isSignal: true, isRequired: false, transformFunction: null }, minSize: { classPropertyName: "minSize", publicName: "minSize", isSignal: true, isRequired: false, transformFunction: null }, maxSize: { classPropertyName: "maxSize", publicName: "maxSize", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, collapsedSize: { classPropertyName: "collapsedSize", publicName: "collapsedSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-default-size": "defaultSize()", "attr.data-min-size": "minSize()", "attr.data-max-size": "maxSize()", "attr.data-collapsible": "collapsible() ? \"\" : null", "attr.data-collapsed-size": "collapsedSize()" }, classAttribute: "frame-resizable__panel" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizablePanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frResizablePanel], frame-resizable-panel',
+                    host: {
+                        class: 'frame-resizable__panel',
+                        '[attr.data-default-size]': 'defaultSize()',
+                        '[attr.data-min-size]': 'minSize()',
+                        '[attr.data-max-size]': 'maxSize()',
+                        '[attr.data-collapsible]': 'collapsible() ? "" : null',
+                        '[attr.data-collapsed-size]': 'collapsedSize()',
+                    },
+                }]
+        }], propDecorators: { defaultSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSize", required: false }] }], minSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minSize", required: false }] }], maxSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxSize", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], collapsedSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedSize", required: false }] }] } });
+class FrResizableHandle {
+    group = inject(FrResizablePanelGroup);
+    elementRef = inject((ElementRef));
+    withHandle = input(false, { ...(ngDevMode ? { debugName: "withHandle" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    onPointerDown(event) {
+        if (event.button !== 0) {
+            return;
+        }
+        event.preventDefault();
+        this.group.startResize(this.elementRef.nativeElement, event.pointerId, event.clientX, event.clientY);
+    }
+    onKeydown(event) {
+        if (this.group.resizeFromKeyboard(this.elementRef.nativeElement, event.key)) {
+            event.preventDefault();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizableHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrResizableHandle, isStandalone: true, selector: "[frResizableHandle], frame-resizable-handle", inputs: { withHandle: { classPropertyName: "withHandle", publicName: "withHandle", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator", "tabindex": "0" }, listeners: { "pointerdown": "onPointerDown($event)", "keydown": "onKeydown($event)" }, properties: { "attr.aria-orientation": "group.orientation()", "attr.data-orientation": "group.orientation()", "attr.data-handle": "withHandle() ? \"\" : null", "attr.data-disabled": "group.disabled() ? \"\" : null" }, classAttribute: "frame-resizable__handle" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizableHandle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frResizableHandle], frame-resizable-handle',
+                    host: {
+                        class: 'frame-resizable__handle',
+                        role: 'separator',
+                        tabindex: '0',
+                        '[attr.aria-orientation]': 'group.orientation()',
+                        '[attr.data-orientation]': 'group.orientation()',
+                        '[attr.data-handle]': 'withHandle() ? "" : null',
+                        '[attr.data-disabled]': 'group.disabled() ? "" : null',
+                    },
+                }]
+        }], propDecorators: { withHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "withHandle", required: false }] }], onPointerDown: [{
+                type: HostListener,
+                args: ['pointerdown', ['$event']]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class FrResizableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrResizableModule, imports: [FrResizableHandle,
+            FrResizablePanel,
+            FrResizablePanelGroup], exports: [FrResizableHandle,
+            FrResizablePanel,
+            FrResizablePanelGroup] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizableModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrResizableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrResizableHandle,
+                        FrResizablePanel,
+                        FrResizablePanelGroup,
+                    ],
+                    exports: [
+                        FrResizableHandle,
+                        FrResizablePanel,
+                        FrResizablePanelGroup,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_RESIZABLE_ORIENTATIONS, FrResizableHandle, FrResizableModule, FrResizablePanel, FrResizablePanelGroup };
+//# sourceMappingURL=frame-ui-ng-components-resizable.mjs.map

package/fesm2022/frame-ui-ng-components-resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-resizable.mjs","sources":["../../../projects/components/resizable/src/resizable.ts","../../../projects/components/resizable/resizable.module.ts","../../../projects/components/resizable/frame-ui-ng-components-resizable.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  HostListener,\n  OnDestroy,\n  booleanAttribute,\n  inject,\n  input,\n  output,\n} from '@angular/core';\n\nexport const FR_RESIZABLE_ORIENTATIONS = ['horizontal', 'vertical'] as const;\nexport type FrResizableOrientation = (typeof FR_RESIZABLE_ORIENTATIONS)[number];\n\nlet nextResizableId = 0;\n\nfunction coerceSize(value: unknown, fallback: number): number {\n  const parsed = Number(value);\n  return Number.isFinite(parsed) ? parsed : fallback;\n}\n\nfunction clampSize(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n@Directive({\n  selector: '[frResizablePanelGroup], frame-resizable-panel-group',\n  exportAs: 'frResizablePanelGroup',\n  host: {\n    class: 'frame-resizable',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n  },\n})\nexport class FrResizablePanelGroup implements AfterViewInit, OnDestroy {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly groupId = `frame-resizable-${++nextResizableId}`;\n  private readonly cleanupFns: Array<() => void> = [];\n\n  readonly orientation = input<FrResizableOrientation>('horizontal');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly layoutChange = output<number[]>();\n\n  ngAfterViewInit(): void {\n    queueMicrotask(() => this.initializeLayout());\n  }\n\n  ngOnDestroy(): void {\n    for (const cleanup of this.cleanupFns) {\n      cleanup();\n    }\n  }\n\n  panelId(index: number): string {\n    return `${this.groupId}-panel-${index}`;\n  }\n\n  panels(): HTMLElement[] {\n    return Array.from(\n      this.elementRef.nativeElement.children,\n    ).filter((child): child is HTMLElement => child instanceof HTMLElement && child.hasAttribute('FrResizablePanel'));\n  }\n\n  handles(): HTMLElement[] {\n    return Array.from(\n      this.elementRef.nativeElement.children,\n    ).filter((child): child is HTMLElement => child instanceof HTMLElement && child.hasAttribute('FrResizableHandle'));\n  }\n\n  initializeLayout(): void {\n    const panels = this.panels();\n\n    if (!panels.length) {\n      return;\n    }\n\n    const remainingPanels = panels.filter((panel) => !panel.style.flexBasis);\n    const assignedTotal = panels.reduce((total, panel) => total + (this.panelSize(panel) ?? 0), 0);\n    const fallbackSize = remainingPanels.length\n      ? Math.max((100 - assignedTotal) / remainingPanels.length, 0)\n      : 0;\n\n    panels.forEach((panel, index) => {\n      panel.id ||= this.panelId(index);\n      panel.style.flexGrow = '0';\n      panel.style.flexShrink = '0';\n\n      if (!panel.style.flexBasis) {\n        this.applyPanelSize(\n          panel,\n          clampSize(this.defaultSize(panel) ?? fallbackSize, this.minSize(panel), this.maxSize(panel)),\n        );\n      } else {\n        this.applyPanelSize(panel, this.panelSize(panel) ?? 0);\n      }\n    });\n\n    this.updateHandleMetadata();\n    this.emitLayout();\n  }\n\n  startResize(handle: HTMLElement, pointerId: number, startClientX: number, startClientY: number): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    const pair = this.panelPairForHandle(handle);\n\n    if (!pair) {\n      return;\n    }\n\n    const groupRect = this.elementRef.nativeElement.getBoundingClientRect();\n    const dimension = this.orientation() === 'horizontal' ? groupRect.width : groupRect.height;\n\n    if (dimension <= 0) {\n      return;\n    }\n\n    const [previousPanel, nextPanel] = pair;\n    const startPrevious = this.panelSize(previousPanel) ?? 0;\n    const startNext = this.panelSize(nextPanel) ?? 0;\n    const pairTotal = startPrevious + startNext;\n    const rtlMultiplier =\n      this.orientation() === 'horizontal' && getComputedStyle(this.elementRef.nativeElement).direction === 'rtl'\n        ? -1\n        : 1;\n\n    handle.setPointerCapture?.(pointerId);\n    handle.setAttribute('data-dragging', '');\n    this.elementRef.nativeElement.setAttribute('data-resizing', '');\n\n    const move = (event: PointerEvent) => {\n      const deltaPx =\n        this.orientation() === 'horizontal'\n          ? (event.clientX - startClientX) * rtlMultiplier\n          : event.clientY - startClientY;\n      this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + (deltaPx / dimension) * 100);\n    };\n\n    const end = () => {\n      handle.removeAttribute('data-dragging');\n      this.elementRef.nativeElement.removeAttribute('data-resizing');\n      window.removeEventListener('pointermove', move);\n      window.removeEventListener('pointerup', end);\n      window.removeEventListener('pointercancel', end);\n    };\n\n    window.addEventListener('pointermove', move);\n    window.addEventListener('pointerup', end, { once: true });\n    window.addEventListener('pointercancel', end, { once: true });\n  }\n\n  resizeFromKeyboard(handle: HTMLElement, key: string): boolean {\n    if (this.disabled()) {\n      return false;\n    }\n\n    const pair = this.panelPairForHandle(handle);\n\n    if (!pair) {\n      return false;\n    }\n\n    const [previousPanel, nextPanel] = pair;\n    const startPrevious = this.panelSize(previousPanel) ?? 0;\n    const startNext = this.panelSize(nextPanel) ?? 0;\n    const pairTotal = startPrevious + startNext;\n    const isRtl =\n      this.orientation() === 'horizontal' &&\n      getComputedStyle(this.elementRef.nativeElement).direction === 'rtl';\n    const step = 10;\n\n    switch (key) {\n      case 'ArrowLeft':\n        this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + (isRtl ? step : -step));\n        return true;\n      case 'ArrowRight':\n        this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + (isRtl ? -step : step));\n        return true;\n      case 'ArrowUp':\n        this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious - step);\n        return true;\n      case 'ArrowDown':\n        this.resizePair(previousPanel, nextPanel, pairTotal, startPrevious + step);\n        return true;\n      case 'Home':\n        this.resizePair(previousPanel, nextPanel, pairTotal, this.minSize(previousPanel));\n        return true;\n      case 'End':\n        this.resizePair(previousPanel, nextPanel, pairTotal, pairTotal - this.minSize(nextPanel));\n        return true;\n      default:\n        return false;\n    }\n  }\n\n  private resizePair(\n    previousPanel: HTMLElement,\n    nextPanel: HTMLElement,\n    pairTotal: number,\n    requestedPreviousSize: number,\n  ): void {\n    const previousMin = this.minSize(previousPanel);\n    const previousMax = Math.min(this.maxSize(previousPanel), pairTotal - this.minSize(nextPanel));\n    const previousSize = clampSize(requestedPreviousSize, previousMin, previousMax);\n    const nextSize = clampSize(pairTotal - previousSize, this.minSize(nextPanel), this.maxSize(nextPanel));\n\n    this.applyPanelSize(previousPanel, previousSize);\n    this.applyPanelSize(nextPanel, nextSize);\n    this.updateHandleMetadata();\n    this.emitLayout();\n  }\n\n  private applyPanelSize(panel: HTMLElement, size: number): void {\n    const normalizedSize = Math.max(size, 0);\n    const collapsedThreshold = this.collapsible(panel) ? this.collapsedSize(panel) : 0;\n    const collapsed = normalizedSize <= collapsedThreshold;\n    const appliedSize = collapsed ? collapsedThreshold : normalizedSize;\n\n    panel.style.flexBasis = `${appliedSize}%`;\n    panel.setAttribute('data-size', String(appliedSize));\n    panel.toggleAttribute('data-collapsed', collapsed);\n  }\n\n  private panelPairForHandle(handle: HTMLElement): [HTMLElement, HTMLElement] | null {\n    let previous = handle.previousElementSibling;\n    let next = handle.nextElementSibling;\n\n    while (previous && !(previous instanceof HTMLElement && previous.hasAttribute('FrResizablePanel'))) {\n      previous = previous.previousElementSibling;\n    }\n\n    while (next && !(next instanceof HTMLElement && next.hasAttribute('FrResizablePanel'))) {\n      next = next.nextElementSibling;\n    }\n\n    if (!(previous instanceof HTMLElement) || !(next instanceof HTMLElement)) {\n      return null;\n    }\n\n    return [previous, next];\n  }\n\n  private updateHandleMetadata(): void {\n    const panels = this.panels();\n\n    this.handles().forEach((handle) => {\n      const pair = this.panelPairForHandle(handle);\n\n      if (!pair) {\n        return;\n      }\n\n      const [previousPanel, nextPanel] = pair;\n      const previousIndex = panels.indexOf(previousPanel);\n      const nextIndex = panels.indexOf(nextPanel);\n\n      handle.setAttribute('aria-controls', [previousPanel.id, nextPanel.id].filter(Boolean).join(' '));\n      handle.setAttribute('aria-valuemin', String(this.minSize(previousPanel)));\n      handle.setAttribute('aria-valuemax', String(this.maxSize(previousPanel)));\n      handle.setAttribute('aria-valuenow', String(Math.round(this.panelSize(previousPanel) ?? 0)));\n      handle.setAttribute('data-panels', `${previousIndex}:${nextIndex}`);\n    });\n  }\n\n  private emitLayout(): void {\n    this.layoutChange.emit(this.panels().map((panel) => this.panelSize(panel) ?? 0));\n  }\n\n  private panelSize(panel: HTMLElement): number | null {\n    const styleSize = Number.parseFloat(panel.style.flexBasis);\n\n    if (Number.isFinite(styleSize)) {\n      return styleSize;\n    }\n\n    const dataSize = Number(panel.getAttribute('data-size'));\n    return Number.isFinite(dataSize) ? dataSize : null;\n  }\n\n  private defaultSize(panel: HTMLElement): number | null {\n    const value = panel.getAttribute('data-default-size');\n    return value === null ? null : coerceSize(value, 0);\n  }\n\n  private minSize(panel: HTMLElement): number {\n    return coerceSize(panel.getAttribute('data-min-size'), 0);\n  }\n\n  private maxSize(panel: HTMLElement): number {\n    return coerceSize(panel.getAttribute('data-max-size'), 100);\n  }\n\n  private collapsedSize(panel: HTMLElement): number {\n    return coerceSize(panel.getAttribute('data-collapsed-size'), 0);\n  }\n\n  private collapsible(panel: HTMLElement): boolean {\n    return panel.hasAttribute('data-collapsible');\n  }\n}\n\n@Directive({\n  selector: '[frResizablePanel], frame-resizable-panel',\n  host: {\n    class: 'frame-resizable__panel',\n    '[attr.data-default-size]': 'defaultSize()',\n    '[attr.data-min-size]': 'minSize()',\n    '[attr.data-max-size]': 'maxSize()',\n    '[attr.data-collapsible]': 'collapsible() ? \"\" : null',\n    '[attr.data-collapsed-size]': 'collapsedSize()',\n  },\n})\nexport class FrResizablePanel {\n  readonly defaultSize = input<number, unknown>(0, { transform: (value) => coerceSize(value, 0) });\n  readonly minSize = input<number, unknown>(0, { transform: (value) => coerceSize(value, 0) });\n  readonly maxSize = input<number, unknown>(100, { transform: (value) => coerceSize(value, 100) });\n  readonly collapsible = input(false, { transform: booleanAttribute });\n  readonly collapsedSize = input<number, unknown>(0, { transform: (value) => coerceSize(value, 0) });\n}\n\n@Directive({\n  selector: '[frResizableHandle], frame-resizable-handle',\n  host: {\n    class: 'frame-resizable__handle',\n    role: 'separator',\n    tabindex: '0',\n    '[attr.aria-orientation]': 'group.orientation()',\n    '[attr.data-orientation]': 'group.orientation()',\n    '[attr.data-handle]': 'withHandle() ? \"\" : null',\n    '[attr.data-disabled]': 'group.disabled() ? \"\" : null',\n  },\n})\nexport class FrResizableHandle {\n  protected readonly group = inject(FrResizablePanelGroup);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly withHandle = input(false, { transform: booleanAttribute });\n\n  @HostListener('pointerdown', ['$event'])\n  protected onPointerDown(event: PointerEvent): void {\n    if (event.button !== 0) {\n      return;\n    }\n\n    event.preventDefault();\n    this.group.startResize(this.elementRef.nativeElement, event.pointerId, event.clientX, event.clientY);\n  }\n\n  @HostListener('keydown', ['$event'])\n  protected onKeydown(event: KeyboardEvent): void {\n    if (this.group.resizeFromKeyboard(this.elementRef.nativeElement, event.key)) {\n      event.preventDefault();\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport {\n  FrResizableHandle,\n  FrResizablePanel,\n  FrResizablePanelGroup,\n} from './src/resizable';\n\n@NgModule({\n  imports: [\n    FrResizableHandle,\n    FrResizablePanel,\n    FrResizablePanelGroup,\n  ],\n  exports: [\n    FrResizableHandle,\n    FrResizablePanel,\n    FrResizablePanelGroup,\n  ],\n})\nexport class FrResizableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}