@ng-atomic/components 19.0.0-preview.9 → 19.2.0

package/fesm2022/ng-atomic-components-frames-divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/divider/divider.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/divider/ng-atomic-components-frames-divider.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Signal, inject, signal, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\n\nenum ActionId {\n  DRAG_STARTED = '[@ng-atomic/divider] drag start',\n  DRAG_MOVED = '[@ng-atomic/divider] drag move',\n  DRAG_ENDED = '[@ng-atomic/divider] drag end',\n}\n\n@Component({\n    selector: 'frames-divider',\n    imports: [\n        MatDividerModule,\n        CdkDrag,\n    ],\n    template: `\n    <div class=\"first container\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    />\n    <div class=\"second container\">\n      <ng-content select=\"[second]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n  `,\n    styleUrls: ['./divider.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DividerFrame extends NgAtomicComponent {\n  static ActionId = ActionId;\n\n  private el = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected firstContentHeight: number;\n  readonly firstContent: Signal<ElementRef<HTMLDivElement>> = viewChild('first', {read: ElementRef});\n  readonly divider: Signal<ElementRef<HTMLDivElement>> = viewChild.required('el', {read: ElementRef});\n  readonly dragging = signal(false);\n\n  protected onDragStart($event: CdkDragStart) {\n    this.dragging.set(true);\n    this.dispatch({id: ActionId.DRAG_STARTED, payload: $event}, 'default');\n    const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n    const elementRect = this.divider().nativeElement.getBoundingClientRect();\n    this.firstContentHeight = elementRect.top - parentRect.top;\n  }\n\n  protected onDragMoved($event: CdkDragMove) {\n    this.dispatch({id: ActionId.DRAG_MOVED, payload: $event}, 'default');\n    this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n    const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n    this.setFirstContentHeight(height, 'px');\n  }\n\n  protected onDragEnd($event: CdkDragMove) {\n    this.dragging.set(false);\n    this.dispatch({id: ActionId.DRAG_ENDED, payload: $event}, 'default');\n  }\n\n  setFirstContentHeight(height: number, unit: 'px' | '%' = 'px', {\n    animate = false\n  }: {animate?: boolean} = {}) {\n    if (this.firstContent() && animate) {\n      this.firstContent().nativeElement.style.transition = 'height 0.5s';\n      setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n    }\n    this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-divider.mjs","sources":["../tmp-esm2022/frames/divider/divider.frame.js","../tmp-esm2022/frames/divider/ng-atomic-components-frames-divider.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, inject, signal, viewChild } from '@angular/core';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { CdkDrag } from '@angular/cdk/drag-drop';\nimport { NgAtomicComponent } from '@ng-atomic/core';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/divider\";\nvar ActionId;\n(function (ActionId) {\n    ActionId[\"DRAG_STARTED\"] = \"[@ng-atomic/divider] drag start\";\n    ActionId[\"DRAG_MOVED\"] = \"[@ng-atomic/divider] drag move\";\n    ActionId[\"DRAG_ENDED\"] = \"[@ng-atomic/divider] drag end\";\n})(ActionId || (ActionId = {}));\nexport class DividerFrame extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.el = inject(ElementRef);\n        this.firstContent = viewChild('first', { read: ElementRef });\n        this.divider = viewChild.required('el', { read: ElementRef });\n        this.dragging = signal(false);\n    }\n    static { this.ActionId = ActionId; }\n    onDragStart($event) {\n        this.dragging.set(true);\n        this.dispatch({ id: ActionId.DRAG_STARTED, payload: $event }, 'default');\n        const parentRect = this.divider().nativeElement.parentElement.getBoundingClientRect();\n        const elementRect = this.divider().nativeElement.getBoundingClientRect();\n        this.firstContentHeight = elementRect.top - parentRect.top;\n    }\n    onDragMoved($event) {\n        this.dispatch({ id: ActionId.DRAG_MOVED, payload: $event }, 'default');\n        this.divider().nativeElement.style.transform = `translate3d(0, 0, 0)`;\n        const height = Math.max(1, this.firstContentHeight + $event.distance.y);\n        this.setFirstContentHeight(height, 'px');\n    }\n    onDragEnd($event) {\n        this.dragging.set(false);\n        this.dispatch({ id: ActionId.DRAG_ENDED, payload: $event }, 'default');\n    }\n    setFirstContentHeight(height, unit = 'px', { animate = false } = {}) {\n        if (this.firstContent() && animate) {\n            this.firstContent().nativeElement.style.transition = 'height 0.5s';\n            setTimeout(() => this.firstContent().nativeElement.style.transition = 'none', 500);\n        }\n        this.el.nativeElement.style.setProperty('--first-content-height', `${height}${unit}`);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DividerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: DividerFrame, isStandalone: true, selector: \"frames-divider\", host: { properties: { \"class.dragging\": \"dragging()\" } }, viewQueries: [{ propertyName: \"firstContent\", first: true, predicate: [\"first\"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: \"divider\", first: true, predicate: [\"el\"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `\n    <div class=\"first container\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    />\n    <div class=\"second container\">\n      <ng-content select=\"[second]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n  `, isInline: true, styles: [\":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-q1Kd: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-q1Kd: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-q1Kd: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-q1Kd: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-q1Kd: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-q1Kd: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-q1Kd: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-q1Kd: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-q1Kd: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-q1Kd: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-q1Kd),var(--min-first-content-height-SCOPED-IN-divider-q1Kd)),var(--max-first-content-height-SCOPED-IN-divider-q1Kd));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-q1Kd),var(--min-first-content-height-SCOPED-IN-divider-q1Kd)),var(--max-first-content-height-SCOPED-IN-divider-q1Kd)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\\\"\\\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-q1Kd)}:host.dragging .container{transition:none}\\n\"], dependencies: [{ kind: \"ngmodule\", type: MatDividerModule }, { kind: \"component\", type: i1.MatDivider, selector: \"mat-divider\", inputs: [\"vertical\", \"inset\"] }, { kind: \"directive\", type: CdkDrag, selector: \"[cdkDrag]\", inputs: [\"cdkDragData\", \"cdkDragLockAxis\", \"cdkDragRootElement\", \"cdkDragBoundary\", \"cdkDragStartDelay\", \"cdkDragFreeDragPosition\", \"cdkDragDisabled\", \"cdkDragConstrainPosition\", \"cdkDragPreviewClass\", \"cdkDragPreviewContainer\", \"cdkDragScale\"], outputs: [\"cdkDragStarted\", \"cdkDragReleased\", \"cdkDragEnded\", \"cdkDragEntered\", \"cdkDragExited\", \"cdkDragDropped\", \"cdkDragMoved\"], exportAs: [\"cdkDrag\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DividerFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-divider', imports: [\n                        MatDividerModule,\n                        CdkDrag,\n                    ], host: {\n                        '[class.dragging]': 'dragging()'\n                    }, template: `\n    <div class=\"first container\" #first>\n      <ng-content select=\"[first]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n    <mat-divider\n      cdkDrag\n      cdkDragHandle\n      [cdkDragStartDelay]=\"0\"\n      (cdkDragStarted)=\"onDragStart($event)\"\n      (cdkDragMoved)=\"onDragMoved($event)\"\n      (cdkDragEnded)=\"onDragEnd($event)\"\n      cdkDragLockAxis=\"y\"\n      #el\n    />\n    <div class=\"second container\">\n      <ng-content select=\"[second]\"></ng-content>\n      @if (dragging()) { <div class=\"cover\"></div> }\n    </div>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: [\":host{--primary-color: #404040;--primary-color-SCOPED-IN-divider-q1Kd: var(--primary-color);--secondary-color: #B0B0B0;--secondary-color-SCOPED-IN-divider-q1Kd: var(--secondary-color);--background-color: #B0B0B0;--background-color-SCOPED-IN-divider-q1Kd: var(--background-color);--on-background-color: #f0f0f0;--on-background-color-SCOPED-IN-divider-q1Kd: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-divider-q1Kd: var(--surface-color);--on-primary-color: #f0f0f0;--on-primary-color-SCOPED-IN-divider-q1Kd: var(--on-primary-color);--on-surface-color: #f0f0f0;--on-surface-color-SCOPED-IN-divider-q1Kd: var(--on-surface-color);--first-content-height: 0px;--first-content-height-SCOPED-IN-divider-q1Kd: var(--first-content-height);--min-first-content-height: 0px;--min-first-content-height-SCOPED-IN-divider-q1Kd: var(--min-first-content-height);--max-first-content-height: calc(100% - 80px) ;--max-first-content-height-SCOPED-IN-divider-q1Kd: var(--max-first-content-height)}:host{position:relative;display:flex;flex-direction:column;height:100%;width:100%}:host .container{position:relative;transition:height .3s ease}:host .container.first{height:min(max(var(--first-content-height-SCOPED-IN-divider-q1Kd),var(--min-first-content-height-SCOPED-IN-divider-q1Kd)),var(--max-first-content-height-SCOPED-IN-divider-q1Kd));overflow:hidden;display:flex;flex-direction:column}:host .container.second{display:flex;flex-direction:column;height:calc(100% - min(max(var(--first-content-height-SCOPED-IN-divider-q1Kd),var(--min-first-content-height-SCOPED-IN-divider-q1Kd)),var(--max-first-content-height-SCOPED-IN-divider-q1Kd)));overflow:hidden}:host .container .cover{position:absolute;top:0;left:0;width:100%;height:100%}:host mat-divider{z-index:1000;width:100%;cursor:row-resize;position:relative;border:0px}:host mat-divider:before{content:\\\"\\\";position:absolute;top:-8px;left:0;width:100%;height:8px;background-color:transparent;transition:.1s background-color}:host mat-divider:hover:before{background-color:var(--primary-color-SCOPED-IN-divider-q1Kd)}:host.dragging .container{transition:none}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGl2aWRlci5mcmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9kaXZpZGVyL2RpdmlkZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLE9BQU8sRUFBNkIsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRXBELElBQUssUUFJSjtBQUpELFdBQUssUUFBUTtJQUNYLDREQUFnRCxDQUFBO0lBQ2hELHlEQUE2QyxDQUFBO0lBQzdDLHdEQUE0QyxDQUFBO0FBQzlDLENBQUMsRUFKSSxRQUFRLEtBQVIsUUFBUSxRQUlaO0FBa0NELE1BQU0sT0FBTyxZQUFhLFNBQVEsaUJBQWlCO0lBaENuRDs7UUFtQ1UsT0FBRSxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUM7UUFFaEQsaUJBQVksR0FBdUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO1FBQzVGLFlBQU8sR0FBdUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLENBQUMsQ0FBQztRQUM3RixhQUFRLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBK0JuQzthQXJDUSxhQUFRLEdBQUcsUUFBUSxBQUFYLENBQVk7SUFRakIsV0FBVyxDQUFDLE1BQW9CO1FBQ3hDLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLFlBQVksRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDekUsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUN0RixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDekUsSUFBSSxDQUFDLGtCQUFrQixHQUFHLFdBQVcsQ0FBQyxHQUFHLEdBQUcsVUFBVSxDQUFDLEdBQUcsQ0FBQztJQUM3RCxDQUFDO0lBRVMsV0FBVyxDQUFDLE1BQW1CO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxFQUFFLEVBQUUsUUFBUSxDQUFDLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDdkUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLHNCQUFzQixDQUFDO1FBQ3RFLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3hFLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQztJQUVTLFNBQVMsQ0FBQyxNQUFtQjtRQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFRCxxQkFBcUIsQ0FBQyxNQUFjLEVBQUUsT0FBbUIsSUFBSSxFQUFFLEVBQzdELE9BQU8sR0FBRyxLQUFLLEtBQ1UsRUFBRTtRQUMzQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxPQUFPLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsYUFBYSxDQUFDO1lBQ25FLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3JGLENBQUM7UUFDRCxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLHdCQUF3QixFQUFFLEdBQUcsTUFBTSxHQUFHLElBQUksRUFBRSxDQUFDLENBQUM7SUFDeEYsQ0FBQzs4R0FyQ1UsWUFBWTtrR0FBWixZQUFZLHNOQUtnRSxVQUFVLHdHQUNULFVBQVUsb0VBN0J4Rjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVCw0cEVBekJDLGdCQUFnQixtSUFDaEIsT0FBTzs7MkZBNEJFLFlBQVk7a0JBaEN4QixTQUFTOytCQUNFLGdCQUFnQixXQUNqQjt3QkFDUCxnQkFBZ0I7d0JBQ2hCLE9BQU87cUJBQ1IsUUFDSzt3QkFDSixrQkFBa0IsRUFBRSxZQUFZO3FCQUNqQyxZQUNTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgU2lnbmFsLCBpbmplY3QsIHNpZ25hbCwgdmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaXZpZGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGl2aWRlcic7XG5pbXBvcnQgeyBDZGtEcmFnLCBDZGtEcmFnTW92ZSwgQ2RrRHJhZ1N0YXJ0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBOZ0F0b21pY0NvbXBvbmVudCB9IGZyb20gJ0BuZy1hdG9taWMvY29yZSc7XG5cbmVudW0gQWN0aW9uSWQge1xuICBEUkFHX1NUQVJURUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBzdGFydCcsXG4gIERSQUdfTU9WRUQgPSAnW0BuZy1hdG9taWMvZGl2aWRlcl0gZHJhZyBtb3ZlJyxcbiAgRFJBR19FTkRFRCA9ICdbQG5nLWF0b21pYy9kaXZpZGVyXSBkcmFnIGVuZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ZyYW1lcy1kaXZpZGVyJyxcbiAgaW1wb3J0czogW1xuICAgIE1hdERpdmlkZXJNb2R1bGUsXG4gICAgQ2RrRHJhZyxcbiAgXSxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuZHJhZ2dpbmddJzogJ2RyYWdnaW5nKCknXG4gIH0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImZpcnN0IGNvbnRhaW5lclwiICNmaXJzdD5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmaXJzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICBAaWYgKGRyYWdnaW5nKCkpIHsgPGRpdiBjbGFzcz1cImNvdmVyXCI+PC9kaXY+IH1cbiAgICA8L2Rpdj5cbiAgICA8bWF0LWRpdmlkZXJcbiAgICAgIGNka0RyYWdcbiAgICAgIGNka0RyYWdIYW5kbGVcbiAgICAgIFtjZGtEcmFnU3RhcnREZWxheV09XCIwXCJcbiAgICAgIChjZGtEcmFnU3RhcnRlZCk9XCJvbkRyYWdTdGFydCgkZXZlbnQpXCJcbiAgICAgIChjZGtEcmFnTW92ZWQpPVwib25EcmFnTW92ZWQoJGV2ZW50KVwiXG4gICAgICAoY2RrRHJhZ0VuZGVkKT1cIm9uRHJhZ0VuZCgkZXZlbnQpXCJcbiAgICAgIGNka0RyYWdMb2NrQXhpcz1cInlcIlxuICAgICAgI2VsXG4gICAgLz5cbiAgICA8ZGl2IGNsYXNzPVwic2Vjb25kIGNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlY29uZF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICBAaWYgKGRyYWdnaW5nKCkpIHsgPGRpdiBjbGFzcz1cImNvdmVyXCI+PC9kaXY+IH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vZGl2aWRlci5mcmFtZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERpdmlkZXJGcmFtZSBleHRlbmRzIE5nQXRvbWljQ29tcG9uZW50IHtcbiAgc3RhdGljIEFjdGlvbklkID0gQWN0aW9uSWQ7XG5cbiAgcHJpdmF0ZSBlbCA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG4gIHByb3RlY3RlZCBmaXJzdENvbnRlbnRIZWlnaHQ6IG51bWJlcjtcbiAgcmVhZG9ubHkgZmlyc3RDb250ZW50OiBTaWduYWw8RWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD4+ID0gdmlld0NoaWxkKCdmaXJzdCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KTtcbiAgcmVhZG9ubHkgZGl2aWRlcjogU2lnbmFsPEVsZW1lbnRSZWY8SFRNTERpdkVsZW1lbnQ+PiA9IHZpZXdDaGlsZC5yZXF1aXJlZCgnZWwnLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSk7XG4gIHJlYWRvbmx5IGRyYWdnaW5nID0gc2lnbmFsKGZhbHNlKTtcblxuICBwcm90ZWN0ZWQgb25EcmFnU3RhcnQoJGV2ZW50OiBDZGtEcmFnU3RhcnQpIHtcbiAgICB0aGlzLmRyYWdnaW5nLnNldCh0cnVlKTtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLkRSQUdfU1RBUlRFRCwgcGF5bG9hZDogJGV2ZW50IH0sICdkZWZhdWx0Jyk7XG4gICAgY29uc3QgcGFyZW50UmVjdCA9IHRoaXMuZGl2aWRlcigpLm5hdGl2ZUVsZW1lbnQucGFyZW50RWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBlbGVtZW50UmVjdCA9IHRoaXMuZGl2aWRlcigpLm5hdGl2ZUVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgdGhpcy5maXJzdENvbnRlbnRIZWlnaHQgPSBlbGVtZW50UmVjdC50b3AgLSBwYXJlbnRSZWN0LnRvcDtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkRyYWdNb3ZlZCgkZXZlbnQ6IENka0RyYWdNb3ZlKSB7XG4gICAgdGhpcy5kaXNwYXRjaCh7IGlkOiBBY3Rpb25JZC5EUkFHX01PVkVELCBwYXlsb2FkOiAkZXZlbnQgfSwgJ2RlZmF1bHQnKTtcbiAgICB0aGlzLmRpdmlkZXIoKS5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zZm9ybSA9IGB0cmFuc2xhdGUzZCgwLCAwLCAwKWA7XG4gICAgY29uc3QgaGVpZ2h0ID0gTWF0aC5tYXgoMSwgdGhpcy5maXJzdENvbnRlbnRIZWlnaHQgKyAkZXZlbnQuZGlzdGFuY2UueSk7XG4gICAgdGhpcy5zZXRGaXJzdENvbnRlbnRIZWlnaHQoaGVpZ2h0LCAncHgnKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkRyYWdFbmQoJGV2ZW50OiBDZGtEcmFnTW92ZSkge1xuICAgIHRoaXMuZHJhZ2dpbmcuc2V0KGZhbHNlKTtcbiAgICB0aGlzLmRpc3BhdGNoKHsgaWQ6IEFjdGlvbklkLkRSQUdfRU5ERUQsIHBheWxvYWQ6ICRldmVudCB9LCAnZGVmYXVsdCcpO1xuICB9XG5cbiAgc2V0Rmlyc3RDb250ZW50SGVpZ2h0KGhlaWdodDogbnVtYmVyLCB1bml0OiAncHgnIHwgJyUnID0gJ3B4Jywge1xuICAgIGFuaW1hdGUgPSBmYWxzZVxuICB9OiB7IGFuaW1hdGU/OiBib29sZWFuIH0gPSB7fSkge1xuICAgIGlmICh0aGlzLmZpcnN0Q29udGVudCgpICYmIGFuaW1hdGUpIHtcbiAgICAgIHRoaXMuZmlyc3RDb250ZW50KCkubmF0aXZlRWxlbWVudC5zdHlsZS50cmFuc2l0aW9uID0gJ2hlaWdodCAwLjVzJztcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5maXJzdENvbnRlbnQoKS5uYXRpdmVFbGVtZW50LnN0eWxlLnRyYW5zaXRpb24gPSAnbm9uZScsIDUwMCk7XG4gICAgfVxuICAgIHRoaXMuZWwubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1maXJzdC1jb250ZW50LWhlaWdodCcsIGAke2hlaWdodH0ke3VuaXR9YCk7XG4gIH1cbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLWRpdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZGl2aWRlci9uZy1hdG9taWMtY29tcG9uZW50cy1mcmFtZXMtZGl2aWRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-drawer.mjs

@@ -1,9 +1,10 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { input, Directive, inject, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, Directive, inject, Renderer2, ElementRef, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { InjectableComponent, TokenizedType, NgAtomicComponent } from '@ng-atomic/core';
+import { DOCUMENT, CommonModule } from '@angular/common';
 
 let DrawerFrameStore = class DrawerFrameStore extends InjectableComponent {
     constructor() {
@@ -12,40 +13,117 @@ let DrawerFrameStore = class DrawerFrameStore extends InjectableComponent {
         this.mode = input('side');
         this.hasBackdrop = input(true);
         this.position = input('start');
+        this.width = input('360px');
+        this.resizable = input(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: DrawerFrameStore, isStandalone: true, selector: "frames-drawer", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: DrawerFrameStore, isStandalone: true, selector: "frames-drawer", inputs: { opened: { classPropertyName: "opened", publicName: "opened", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 };
 DrawerFrameStore = __decorate([
     TokenizedType()
 ], DrawerFrameStore);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DrawerFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-drawer' }]
         }] });
 class DrawerFrame extends NgAtomicComponent {
     constructor() {
-        super(...arguments);
+        super();
         this.store = inject(DrawerFrameStore);
+        this.renderer = inject(Renderer2);
+        this.document = inject(DOCUMENT);
+        this.el = inject(ElementRef);
+        this.currentWidth = signal('360px');
+        this.isResizing = false;
+        this.startX = 0;
+        this.startWidth = 0;
+        // widthの変更を監視
+        effect(() => {
+            this.currentWidth.set(this.store.width());
+        });
+    }
+    startResize(event) {
+        if (!this.store.resizable())
+            return;
+        event.preventDefault();
+        this.isResizing = true;
+        this.startX = event.clientX;
+        // 現在の幅を取得
+        const drawer = this.el.nativeElement.querySelector('mat-drawer');
+        if (drawer) {
+            this.startWidth = drawer.offsetWidth;
+        }
+        // ドラッグ中のスタイル
+        this.renderer.setStyle(this.document.body, 'cursor', 'col-resize');
+        this.renderer.setStyle(this.document.body, 'user-select', 'none');
+        // ドキュメントレベルでイベントリスナーを追加
+        const mouseMoveListener = this.renderer.listen('document', 'mousemove', (e) => {
+            this.onMouseMove(e);
+        });
+        const mouseUpListener = this.renderer.listen('document', 'mouseup', () => {
+            this.onMouseUp();
+            mouseMoveListener();
+            mouseUpListener();
+        });
+    }
+    onMouseMove(event) {
+        if (!this.isResizing)
+            return;
+        const deltaX = this.startX - event.clientX;
+        const newWidth = Math.max(200, this.startWidth + deltaX);
+        this.currentWidth.set(`min(${newWidth}px, calc(100% - 64px))`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DrawerFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: ["opened", "opened", "mode", "mode", "hasBackdrop", "hasBackdrop", "position", "position"] }], ngImport: i0, template: `
-  <mat-drawer-container [autosize]="false" [hasBackdrop]="store.hasBackdrop()">
-    <mat-drawer #drawer [opened]="store.opened()" [mode]="store.mode()" [position]="store.position()">
+    onMouseUp() {
+        this.isResizing = false;
+        // スタイルをリセット
+        this.renderer.removeStyle(this.document.body, 'cursor');
+        this.renderer.removeStyle(this.document.body, 'user-select');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: DrawerFrame, isStandalone: true, selector: "frames-drawer", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: ["opened", "opened", "mode", "mode", "hasBackdrop", "hasBackdrop", "position", "position", "width", "width", "resizable", "resizable"] }], ngImport: i0, template: `
+  <mat-drawer-container [autosize]="true" [hasBackdrop]="store.hasBackdrop()">
+    <mat-drawer 
+      #drawer 
+      [opened]="store.opened()" 
+      [mode]="store.mode()" 
+      [position]="store.position()"
+      [style.width]="currentWidth()"
+      [class.resizing]="isResizing"
+    >
+      @if (store.resizable() && store.position() === 'end') {
+        <div 
+          class="resize-handle"
+          (mousedown)="startResize($event)"
+        ></div>
+      }
       <ng-content select=[drawer] />
     </mat-drawer>
     <mat-drawer-content>
       <ng-content select=[contents] />
     </mat-drawer-content>
-  </mat-drawer-container>`, isInline: true, styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-JEsD: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-JEsD: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-JEsD: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-JEsD: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-JEsD)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-JEsD)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  </mat-drawer-container>`, isInline: true, styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-sySq: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-sySq: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-sySq: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-sySq: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-sySq: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-sySq: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-sySq: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-sySq)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-sySq)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}\n"], dependencies: [{ kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i1.MatDrawer, selector: "mat-drawer", inputs: ["position", "mode", "disableClose", "autoFocus", "opened"], outputs: ["openedChange", "opened", "openedStart", "closed", "closedStart", "positionChanged"], exportAs: ["matDrawer"] }, { kind: "component", type: i1.MatDrawerContainer, selector: "mat-drawer-container", inputs: ["autosize", "hasBackdrop"], outputs: ["backdropClick"], exportAs: ["matDrawerContainer"] }, { kind: "component", type: i1.MatDrawerContent, selector: "mat-drawer-content" }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: DrawerFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: DrawerFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-drawer', imports: [
                         MatSidenavModule,
+                        CommonModule,
                     ], template: `
-  <mat-drawer-container [autosize]="false" [hasBackdrop]="store.hasBackdrop()">
-    <mat-drawer #drawer [opened]="store.opened()" [mode]="store.mode()" [position]="store.position()">
+  <mat-drawer-container [autosize]="true" [hasBackdrop]="store.hasBackdrop()">
+    <mat-drawer 
+      #drawer 
+      [opened]="store.opened()" 
+      [mode]="store.mode()" 
+      [position]="store.position()"
+      [style.width]="currentWidth()"
+      [class.resizing]="isResizing"
+    >
+      @if (store.resizable() && store.position() === 'end') {
+        <div 
+          class="resize-handle"
+          (mousedown)="startResize($event)"
+        ></div>
+      }
       <ng-content select=[drawer] />
     </mat-drawer>
     <mat-drawer-content>
@@ -54,10 +132,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
   </mat-drawer-container>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: DrawerFrameStore,
-                            inputs: ['opened', 'mode', 'hasBackdrop', 'position'],
+                            inputs: ['opened', 'mode', 'hasBackdrop', 'position', 'width', 'resizable'],
                         }
-                    ], styles: [":host{--content-width: 360px;--content-width-SCOPED-IN-drawer-JEsD: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-JEsD: var(--height);--background-color: #f0f0f0;--background-color-SCOPED-IN-drawer-JEsD: var(--background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-JEsD: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-JEsD)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-JEsD)}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}\n"] }]
-        }] });
+                    ], styles: [":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-sySq: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-sySq: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-sySq: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-sySq: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-sySq: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-sySq: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-sySq: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-sySq)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-sySq)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}\n"] }]
+        }], ctorParameters: () => [] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ng-atomic-components-frames-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/drawer.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/drawer/ng-atomic-components-frames-drawer.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, effect, inject, input } from '@angular/core';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\n\n@TokenizedType()\n@Directive({ standalone: true, selector: 'frames-drawer' })\nexport class DrawerFrameStore extends InjectableComponent {\n  readonly opened = input<boolean>(false);\n  readonly mode = input<'side' | 'over' | 'push'>('side');\n  readonly hasBackdrop = input<boolean>(true);\n  readonly position = input<'start' | 'end'>('start');\n}\n\n@Component({\n    selector: 'frames-drawer',\n    imports: [\n        MatSidenavModule,\n    ],\n    template: `\n  <mat-drawer-container [autosize]=\"false\" [hasBackdrop]=\"store.hasBackdrop()\">\n    <mat-drawer #drawer [opened]=\"store.opened()\" [mode]=\"store.mode()\" [position]=\"store.position()\">\n      <ng-content select=[drawer] />\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content select=[contents] />\n    </mat-drawer-content>\n  </mat-drawer-container>`,\n    styleUrls: ['./drawer.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: DrawerFrameStore,\n            inputs: ['opened', 'mode', 'hasBackdrop', 'position'],\n        }\n    ]\n})\nexport class DrawerFrame extends NgAtomicComponent {\n  readonly store = inject(DrawerFrameStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-drawer.mjs","sources":["../tmp-esm2022/frames/drawer/drawer.frame.js","../tmp-esm2022/frames/drawer/ng-atomic-components-frames-drawer.js"],"sourcesContent":["import { __decorate } from \"tslib\";\nimport { ChangeDetectionStrategy, Component, Directive, effect, inject, input, signal, ElementRef, Renderer2 } from '@angular/core';\nimport { MatSidenavModule } from '@angular/material/sidenav';\nimport { InjectableComponent, NgAtomicComponent, TokenizedType } from '@ng-atomic/core';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@angular/material/sidenav\";\nlet DrawerFrameStore = class DrawerFrameStore extends InjectableComponent {\n    constructor() {\n        super(...arguments);\n        this.opened = input(false);\n        this.mode = input('side');\n        this.hasBackdrop = input(true);\n        this.position = input('start');\n        this.width = input('360px');\n        this.resizable = input(false);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DrawerFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: DrawerFrameStore, isStandalone: true, selector: \"frames-drawer\", inputs: { opened: { classPropertyName: \"opened\", publicName: \"opened\", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: \"mode\", publicName: \"mode\", isSignal: true, isRequired: false, transformFunction: null }, hasBackdrop: { classPropertyName: \"hasBackdrop\", publicName: \"hasBackdrop\", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: \"position\", publicName: \"position\", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: \"width\", publicName: \"width\", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: \"resizable\", publicName: \"resizable\", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }\n};\nDrawerFrameStore = __decorate([\n    TokenizedType()\n], DrawerFrameStore);\nexport { DrawerFrameStore };\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DrawerFrameStore, decorators: [{\n            type: Directive,\n            args: [{ standalone: true, selector: 'frames-drawer' }]\n        }] });\nexport class DrawerFrame extends NgAtomicComponent {\n    constructor() {\n        super();\n        this.store = inject(DrawerFrameStore);\n        this.renderer = inject(Renderer2);\n        this.document = inject(DOCUMENT);\n        this.el = inject(ElementRef);\n        this.currentWidth = signal('360px');\n        this.isResizing = false;\n        this.startX = 0;\n        this.startWidth = 0;\n        // widthの変更を監視\n        effect(() => {\n            this.currentWidth.set(this.store.width());\n        });\n    }\n    startResize(event) {\n        if (!this.store.resizable())\n            return;\n        event.preventDefault();\n        this.isResizing = true;\n        this.startX = event.clientX;\n        // 現在の幅を取得\n        const drawer = this.el.nativeElement.querySelector('mat-drawer');\n        if (drawer) {\n            this.startWidth = drawer.offsetWidth;\n        }\n        // ドラッグ中のスタイル\n        this.renderer.setStyle(this.document.body, 'cursor', 'col-resize');\n        this.renderer.setStyle(this.document.body, 'user-select', 'none');\n        // ドキュメントレベルでイベントリスナーを追加\n        const mouseMoveListener = this.renderer.listen('document', 'mousemove', (e) => {\n            this.onMouseMove(e);\n        });\n        const mouseUpListener = this.renderer.listen('document', 'mouseup', () => {\n            this.onMouseUp();\n            mouseMoveListener();\n            mouseUpListener();\n        });\n    }\n    onMouseMove(event) {\n        if (!this.isResizing)\n            return;\n        const deltaX = this.startX - event.clientX;\n        const newWidth = Math.max(200, this.startWidth + deltaX);\n        this.currentWidth.set(`min(${newWidth}px, calc(100% - 64px))`);\n    }\n    onMouseUp() {\n        this.isResizing = false;\n        // スタイルをリセット\n        this.renderer.removeStyle(this.document.body, 'cursor');\n        this.renderer.removeStyle(this.document.body, 'user-select');\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DrawerFrame, deps: [], target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.0.5\", type: DrawerFrame, isStandalone: true, selector: \"frames-drawer\", usesInheritance: true, hostDirectives: [{ directive: DrawerFrameStore, inputs: [\"opened\", \"opened\", \"mode\", \"mode\", \"hasBackdrop\", \"hasBackdrop\", \"position\", \"position\", \"width\", \"width\", \"resizable\", \"resizable\"] }], ngImport: i0, template: `\n  <mat-drawer-container [autosize]=\"true\" [hasBackdrop]=\"store.hasBackdrop()\">\n    <mat-drawer \n      #drawer \n      [opened]=\"store.opened()\" \n      [mode]=\"store.mode()\" \n      [position]=\"store.position()\"\n      [style.width]=\"currentWidth()\"\n      [class.resizing]=\"isResizing\"\n    >\n      @if (store.resizable() && store.position() === 'end') {\n        <div \n          class=\"resize-handle\"\n          (mousedown)=\"startResize($event)\"\n        ></div>\n      }\n      <ng-content select=[drawer] />\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content select=[contents] />\n    </mat-drawer-content>\n  </mat-drawer-container>`, isInline: true, styles: [\":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-sySq: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-sySq: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-sySq: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-sySq: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-sySq: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-sySq: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-sySq: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-sySq)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-sySq)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}\\n\"], dependencies: [{ kind: \"ngmodule\", type: MatSidenavModule }, { kind: \"component\", type: i1.MatDrawer, selector: \"mat-drawer\", inputs: [\"position\", \"mode\", \"disableClose\", \"autoFocus\", \"opened\"], outputs: [\"openedChange\", \"opened\", \"openedStart\", \"closed\", \"closedStart\", \"positionChanged\"], exportAs: [\"matDrawer\"] }, { kind: \"component\", type: i1.MatDrawerContainer, selector: \"mat-drawer-container\", inputs: [\"autosize\", \"hasBackdrop\"], outputs: [\"backdropClick\"], exportAs: [\"matDrawerContainer\"] }, { kind: \"component\", type: i1.MatDrawerContent, selector: \"mat-drawer-content\" }, { kind: \"ngmodule\", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: DrawerFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-drawer', imports: [\n                        MatSidenavModule,\n                        CommonModule,\n                    ], template: `\n  <mat-drawer-container [autosize]=\"true\" [hasBackdrop]=\"store.hasBackdrop()\">\n    <mat-drawer \n      #drawer \n      [opened]=\"store.opened()\" \n      [mode]=\"store.mode()\" \n      [position]=\"store.position()\"\n      [style.width]=\"currentWidth()\"\n      [class.resizing]=\"isResizing\"\n    >\n      @if (store.resizable() && store.position() === 'end') {\n        <div \n          class=\"resize-handle\"\n          (mousedown)=\"startResize($event)\"\n        ></div>\n      }\n      <ng-content select=[drawer] />\n    </mat-drawer>\n    <mat-drawer-content>\n      <ng-content select=[contents] />\n    </mat-drawer-content>\n  </mat-drawer-container>`, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                        {\n                            directive: DrawerFrameStore,\n                            inputs: ['opened', 'mode', 'hasBackdrop', 'position', 'width', 'resizable'],\n                        }\n                    ], styles: [\":host{--primary-color: #000000;--primary-color-SCOPED-IN-drawer-sySq: var(--primary-color);--on-primary-color: #ffffff;--on-primary-color-SCOPED-IN-drawer-sySq: var(--on-primary-color);--content-width: 360px;--content-width-SCOPED-IN-drawer-sySq: var(--content-width);--height: 100%;--height-SCOPED-IN-drawer-sySq: var(--height);--background-color: #ffffff;--background-color-SCOPED-IN-drawer-sySq: var(--background-color);--on-background-color: #000000;--on-background-color-SCOPED-IN-drawer-sySq: var(--on-background-color);--surface-color: transparent;--surface-color-SCOPED-IN-drawer-sySq: var(--surface-color)}:host{display:contents;height:var(--height-SCOPED-IN-drawer-sySq)}:host mat-drawer{background-color:var(--background-color-SCOPED-IN-drawer-sySq)}:host mat-drawer.resizing{transition:width 0s}:host mat-drawer-container{--mat-sidenav-content-background-color: transparent;width:100%;height:100%}:host mat-drawer-content{width:100%;height:100%}:host .resize-handle{position:absolute;left:0;top:0;width:8px;height:100%;background:transparent;cursor:col-resize;z-index:1000;transition:background .2s}:host .resize-handle:hover{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}:host .resize-handle:active{background:var(--on-background-color-SCOPED-IN-drawer-sySq)}\\n\"] }]\n        }], ctorParameters: () => [] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmZyYW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2RyYXdlci9kcmF3ZXIuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUNsSixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBSWxELElBQU0sZ0JBQWdCLEdBQXRCLE1BQU0sZ0JBQWlCLFNBQVEsbUJBQW1CO0lBQWxEOztRQUNJLFdBQU0sR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDL0IsU0FBSSxHQUFHLEtBQUssQ0FBMkIsTUFBTSxDQUFDLENBQUM7UUFDL0MsZ0JBQVcsR0FBRyxLQUFLLENBQVUsSUFBSSxDQUFDLENBQUM7UUFDbkMsYUFBUSxHQUFHLEtBQUssQ0FBa0IsT0FBTyxDQUFDLENBQUM7UUFDM0MsVUFBSyxHQUFHLEtBQUssQ0FBUyxPQUFPLENBQUMsQ0FBQztRQUMvQixjQUFTLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO0tBQzVDOzhHQVBZLGdCQUFnQjtrR0FBaEIsZ0JBQWdCOztBQUFoQixnQkFBZ0I7SUFGNUIsYUFBYSxFQUFFO0dBRUgsZ0JBQWdCLENBTzVCOzsyRkFQWSxnQkFBZ0I7a0JBRDVCLFNBQVM7bUJBQUMsRUFBRSxVQUFVLEVB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SSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUM7SUFDL0QsQ0FBQzs4R0FoRVUsV0FBVztrR0FBWCxXQUFXLHNHQTlDWCxnQkFBZ0IsNktBZWY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzswQkFxQlksaTFDQXhCbEIsZ0JBQWdCLDBpQkFDaEIsWUFBWTs7MkZBaUNQLFdBQVc7a0JBckN2QixTQUFTOytCQUNJLGVBQWUsV0FDaEI7d0JBQ0wsZ0JBQWdCO3dCQUNoQixZQUFZO3FCQUNmLFlBQ1M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzswQkFxQlksbUJBRUwsdUJBQXVCLENBQUMsTUFBTSxrQkFDL0I7d0JBQ1o7NEJBQ0ksU0FBUyxFQUFFLGdCQUFnQjs0QkFDM0IsTUFBTSxFQUFFLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxXQUFXLENBQUM7eUJBQzlFO3FCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRGlyZWN0aXZlLCBlZmZlY3QsIGluamVjdCwgaW5wdXQsIHNpZ25hbCwgRWxlbWVudFJlZiwgUmVuZGVyZXIyLCBIb3N0TGlzdGVuZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFNpZGVuYXZNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2JztcbmltcG9ydCB7IEluamVjdGFibGVDb21wb25lbnQsIE5nQXRvbWljQ29tcG9uZW50LCBUb2tlbml6ZWRUeXBlIH0gZnJvbSAnQG5nLWF0b21pYy9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AVG9rZW5pemVkVHlwZSgpXG5ARGlyZWN0aXZlKHsgc3RhbmRhbG9uZTogdHJ1ZSwgc2VsZWN0b3I6ICdmcmFtZXMtZHJhd2VyJyB9KVxuZXhwb3J0IGNsYXNzIERyYXdlckZyYW1lU3RvcmUgZXh0ZW5kcyBJbmplY3RhYmxlQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgb3BlbmVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuICByZWFkb25seSBtb2RlID0gaW5wdXQ8J3NpZGUnIHwgJ292ZXInIHwgJ3B1c2gnPignc2lkZScpO1xuICByZWFkb25seSBoYXNCYWNrZHJvcCA9IGlucHV0PGJvb2xlYW4+KHRydWUpO1xuICByZWFkb25seSBwb3NpdGlvbiA9IGlucHV0PCdzdGFydCcgfCAnZW5kJz4oJ3N0YXJ0Jyk7XG4gIHJlYWRvbmx5IHdpZHRoID0gaW5wdXQ8c3RyaW5nPignMzYwcHgnKTtcbiAgcmVhZG9ubHkgcmVzaXphYmxlID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2ZyYW1lcy1kcmF3ZXInLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgTWF0U2lkZW5hdk1vZHVsZSxcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgIF0sXG4gICAgdGVtcGxhdGU6IGBcbiAgPG1hdC1kcmF3ZXItY29udGFpbmVyIFthdXRvc2l6ZV09XCJ0cnVlXCIgW2hhc0JhY2tkcm9wXT1cInN0b3JlLmhhc0JhY2tkcm9wKClcIj5cbiAgICA8bWF0LWRyYXdlciBcbiAgICAgICNkcmF3ZXIgXG4gICAgICBbb3BlbmVkXT1cInN0b3JlLm9wZW5lZCgpXCIgXG4gICAgICBbbW9kZV09XCJzdG9yZS5tb2RlKClcIiBcbiAgICAgIFtwb3NpdGlvbl09XCJzdG9yZS5wb3NpdGlvbigpXCJcbiAgICAgIFtzdHlsZS53aWR0aF09XCJjdXJyZW50V2lkdGgoKVwiXG4gICAgICBbY2xhc3MucmVzaXppbmddPVwiaXNSZXNpemluZ1wiXG4gICAgPlxuICAgICAgQGlmIChzdG9yZS5yZXNpemFibGUoKSAmJiBzdG9yZS5wb3NpdGlvbigpID09PSAnZW5kJykge1xuICAgICAgICA8ZGl2IFxuICAgICAgICAgIGNsYXNzPVwicmVzaXplLWhhbmRsZVwiXG4gICAgICAgICAgKG1vdXNlZG93bik9XCJzdGFydFJlc2l6ZSgkZXZlbnQpXCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgfVxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVtkcmF3ZXJdIC8+XG4gICAgPC9tYXQtZHJhd2VyPlxuICAgIDxtYXQtZHJhd2VyLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9W2NvbnRlbnRzXSAvPlxuICAgIDwvbWF0LWRyYXdlci1jb250ZW50PlxuICA8L21hdC1kcmF3ZXItY29udGFpbmVyPmAsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHJhd2VyLmZyYW1lLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IERyYXdlckZyYW1lU3RvcmUsXG4gICAgICAgICAgICBpbnB1dHM6IFsnb3BlbmVkJywgJ21vZGUnLCAnaGFzQmFja2Ryb3AnLCAncG9zaXRpb24nLCAnd2lkdGgnLCAncmVzaXphYmxlJ10sXG4gICAgICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIERyYXdlckZyYW1lIGV4dGVuZHMgTmdBdG9taWNDb21wb25lbnQge1xuICByZWFkb25seSBzdG9yZSA9IGluamVjdChEcmF3ZXJGcmFtZVN0b3JlKTtcbiAgcHJpdmF0ZSByZWFkb25seSByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuICBwcml2YXRlIHJlYWRvbmx5IGRvY3VtZW50ID0gaW5qZWN0KERPQ1VNRU5UKTtcbiAgcHJpdmF0ZSByZWFkb25seSBlbCA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgXG4gIHJlYWRvbmx5IGN1cnJlbnRXaWR0aCA9IHNpZ25hbDxzdHJpbmc+KCczNjBweCcpO1xuICBwcm90ZWN0ZWQgaXNSZXNpemluZyA9IGZhbHNlO1xuICBwcml2YXRlIHN0YXJ0WCA9IDA7XG4gIHByaXZhdGUgc3RhcnRXaWR0aCA9IDA7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgICBcbiAgICAvLyB3aWR0aOOBruWkieabtOOCkuebo+imllxuICAgIGVmZmVjdCgoKSA9PiB7XG4gICAgICB0aGlzLmN1cnJlbnRXaWR0aC5zZXQodGhpcy5zdG9yZS53aWR0aCgpKTtcbiAgICB9KTtcbiAgfVxuXG4gIHN0YXJ0UmVzaXplKGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLnN0b3JlLnJlc2l6YWJsZSgpKSByZXR1cm47XG4gICAgXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLmlzUmVzaXppbmcgPSB0cnVlO1xuICAgIHRoaXMuc3RhcnRYID0gZXZlbnQuY2xpZW50WDtcbiAgICBcbiAgICAvLyDnj77lnKjjga7luYXjgpLlj5blvpdcbiAgICBjb25zdCBkcmF3ZXIgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQucXVlcnlTZWxlY3RvcignbWF0LWRyYXdlcicpO1xuICAgIGlmIChkcmF3ZXIpIHtcbiAgICAgIHRoaXMuc3RhcnRXaWR0aCA9IGRyYXdlci5vZmZzZXRXaWR0aDtcbiAgICB9XG4gICAgXG4gICAgLy8g44OJ44Op44OD44Kw5Lit44Gu44K544K/44Kk44OrXG4gICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmRvY3VtZW50LmJvZHksICdjdXJzb3InLCAnY29sLXJlc2l6ZScpO1xuICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kb2N1bWVudC5ib2R5LCAndXNlci1zZWxlY3QnLCAnbm9uZScpO1xuICAgIFxuICAgIC8vIOODieOCreODpeODoeODs+ODiOODrOODmeODq+OBp+OCpOODmeODs+ODiOODquOCueODiuODvOOCkui/veWKoFxuICAgIGNvbnN0IG1vdXNlTW92ZUxpc3RlbmVyID0gdGhpcy5yZW5kZXJlci5saXN0ZW4oJ2RvY3VtZW50JywgJ21vdXNlbW92ZScsIChlOiBNb3VzZUV2ZW50KSA9PiB7XG4gICAgICB0aGlzLm9uTW91c2VNb3ZlKGUpO1xuICAgIH0pO1xuICAgIFxuICAgIGNvbnN0IG1vdXNlVXBMaXN0ZW5lciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKCdkb2N1bWVudCcsICdtb3VzZXVwJywgKCkgPT4ge1xuICAgICAgdGhpcy5vbk1vdXNlVXAoKTtcbiAgICAgIG1vdXNlTW92ZUxpc3RlbmVyKCk7XG4gICAgICBtb3VzZVVwTGlzdGVuZXIoKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgb25Nb3VzZU1vdmUoZXZlbnQ6IE1vdXNlRXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuaXNSZXNpemluZykgcmV0dXJuO1xuICAgIFxuICAgIGNvbnN0IGRlbHRhWCA9IHRoaXMuc3RhcnRYIC0gZXZlbnQuY2xpZW50WDtcbiAgICBjb25zdCBuZXdXaWR0aCA9IE1hdGgubWF4KDIwMCwgdGhpcy5zdGFydFdpZHRoICsgZGVsdGFYKTtcbiAgICBcbiAgICB0aGlzLmN1cnJlbnRXaWR0aC5zZXQoYG1pbigke25ld1dpZHRofXB4LCBjYWxjKDEwMCUgLSA2NHB4KSlgKTtcbiAgfVxuXG4gIHByaXZhdGUgb25Nb3VzZVVwKCkge1xuICAgIHRoaXMuaXNSZXNpemluZyA9IGZhbHNlO1xuICAgIFxuICAgIC8vIOOCueOCv+OCpOODq+OCkuODquOCu+ODg+ODiFxuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlU3R5bGUodGhpcy5kb2N1bWVudC5ib2R5LCAnY3Vyc29yJyk7XG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZSh0aGlzLmRvY3VtZW50LmJvZHksICd1c2VyLXNlbGVjdCcpO1xuICB9XG59XG4iXX0=","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLWRyYXdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL0BuZy1hdG9taWMvY29tcG9uZW50cy9zcmMvbGliL2ZyYW1lcy9kcmF3ZXIvbmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLWRyYXdlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-entrance.mjs

@@ -16,10 +16,10 @@ class EntranceFrameStore extends InjectableComponent {
         }));
         this.title = input('ログイン');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EntranceFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: EntranceFrameStore, isStandalone: true, inputs: { isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EntranceFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: EntranceFrameStore, isStandalone: true, inputs: { isEntrance: { classPropertyName: "isEntrance", publicName: "isEntrance", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EntranceFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EntranceFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true }]
         }] });
@@ -28,8 +28,8 @@ class EntranceFrame extends NgAtomicComponent {
         super(...arguments);
         this.store = inject(EntranceFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EntranceFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: EntranceFrame, isStandalone: true, selector: "frames-entrance", usesInheritance: true, hostDirectives: [{ directive: EntranceFrameStore, inputs: ["isEntrance", "isEntrance", "actions", "actions", "form", "form", "title", "title"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EntranceFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.5", type: EntranceFrame, isStandalone: true, selector: "frames-entrance", usesInheritance: true, hostDirectives: [{ directive: EntranceFrameStore, inputs: ["isEntrance", "isEntrance", "actions", "actions", "form", "form", "title", "title"] }], ngImport: i0, template: `
     <frames-overlay
       [hasNext]="store.isEntrance()"
       [animationType]="'fade'"
@@ -43,9 +43,9 @@ class EntranceFrame extends NgAtomicComponent {
         (action)="dispatch($event)"
       />
     </frames-overlay>
-  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-p4lI: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-p4lI: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-p4lI: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-p4lI: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-p4lI: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-p4lI: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-p4lI: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-p4lI: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-p4lI: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-p4lI: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-p4lI: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-p4lI: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-p4lI);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-p4lI);--surface-color: var(--surface-color-SCOPED-IN-entrance-p4lI);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-p4lI);--background-color: var(--background-color-SCOPED-IN-entrance-p4lI);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-p4lI);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-p4lI);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-p4lI)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-GhPA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-GhPA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-GhPA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-GhPA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-GhPA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-GhPA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-GhPA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-GhPA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-GhPA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-GhPA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-GhPA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-GhPA: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-GhPA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-GhPA);--surface-color: var(--surface-color-SCOPED-IN-entrance-GhPA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-GhPA);--background-color: var(--background-color-SCOPED-IN-entrance-GhPA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-GhPA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-GhPA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-GhPA)}\n"], dependencies: [{ kind: "component", type: OverlayFrame, selector: "frames-overlay" }, { kind: "directive", type: EntranceTemplateStore, selector: "templates-entrance", inputs: ["form", "actions", "fieldMap", "title"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: EntranceFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: EntranceFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-entrance', imports: [
                         OverlayFrame,
@@ -69,7 +69,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                             directive: EntranceFrameStore,
                             inputs: ['isEntrance', 'actions', 'form', 'title'],
                         },
-                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-p4lI: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-p4lI: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-p4lI: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-p4lI: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-p4lI: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-p4lI: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-p4lI: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-p4lI: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-p4lI: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-p4lI: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-p4lI: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-p4lI: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-p4lI);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-p4lI);--surface-color: var(--surface-color-SCOPED-IN-entrance-p4lI);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-p4lI);--background-color: var(--background-color-SCOPED-IN-entrance-p4lI);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-p4lI);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-p4lI);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-p4lI)}\n"] }]
+                    ], styles: [":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-GhPA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-GhPA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-GhPA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-GhPA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-GhPA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-GhPA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-GhPA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-GhPA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-GhPA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-GhPA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-GhPA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-GhPA: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-GhPA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-GhPA);--surface-color: var(--surface-color-SCOPED-IN-entrance-GhPA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-GhPA);--background-color: var(--background-color-SCOPED-IN-entrance-GhPA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-GhPA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-GhPA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-GhPA)}\n"] }]
         }] });
 
 /**

package/fesm2022/ng-atomic-components-frames-entrance.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-atomic-components-frames-entrance.mjs","sources":["../../../../../packages/@ng-atomic/components/src/lib/frames/entrance/entrance.frame.ts","../../../../../packages/@ng-atomic/components/src/lib/frames/entrance/ng-atomic-components-frames-entrance.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { OverlayFrame } from '@ng-atomic/components/frames/overlay';\nimport { EntranceTemplateStore } from '@ng-atomic/components/templates/entrance';\nimport { Action, InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\n@Directive({standalone: true})\nexport class EntranceFrameStore extends InjectableComponent {\n  readonly isEntrance = input(true);\n  readonly actions = input<Action[]>([]);\n  readonly form = input(new FormGroup({\n    email: new FormControl(''),\n    password: new FormControl(''),\n  }));\n  readonly title = input('ログイン');\n}\n\n@Component({\n    selector: 'frames-entrance',\n    imports: [\n        OverlayFrame,\n        EntranceTemplateStore,\n    ],\n    template: `\n    <frames-overlay\n      [hasNext]=\"store.isEntrance()\"\n      [animationType]=\"'fade'\"\n      ngSkipHydration\n    >\n      <ng-content main/>\n      <templates-entrance next injectable\n        [actions]=\"store.actions()\"\n        [form]=\"store.form()\"\n        [title]=\"store.title()\"\n        (action)=\"dispatch($event)\"\n      />\n    </frames-overlay>\n  `,\n    styleUrls: ['./entrance.frame.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [\n        {\n            directive: EntranceFrameStore,\n            inputs: ['isEntrance', 'actions', 'form', 'title'],\n        },\n    ]\n})\nexport class EntranceFrame extends NgAtomicComponent {\n  protected store = inject(EntranceFrameStore);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-atomic-components-frames-entrance.mjs","sources":["../tmp-esm2022/frames/entrance/entrance.frame.js","../tmp-esm2022/frames/entrance/ng-atomic-components-frames-entrance.js"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Directive, inject, input } from '@angular/core';\nimport { OverlayFrame } from '@ng-atomic/components/frames/overlay';\nimport { EntranceTemplateStore } from '@ng-atomic/components/templates/entrance';\nimport { InjectableComponent, NgAtomicComponent } from '@ng-atomic/core';\nimport { FormControl, FormGroup } from '@angular/forms';\nimport * as i0 from \"@angular/core\";\nexport class EntranceFrameStore extends InjectableComponent {\n    constructor() {\n        super(...arguments);\n        this.isEntrance = input(true);\n        this.actions = input([]);\n        this.form = input(new FormGroup({\n            email: new FormControl(''),\n            password: new FormControl(''),\n        }));\n        this.title = input('ログイン');\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EntranceFrameStore, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }\n    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"17.1.0\", version: \"20.0.5\", type: EntranceFrameStore, isStandalone: true, inputs: { isEntrance: { classPropertyName: \"isEntrance\", publicName: \"isEntrance\", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: \"actions\", publicName: \"actions\", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: \"form\", publicName: \"form\", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: \"title\", publicName: \"title\", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EntranceFrameStore, decorators: [{\n            type: Directive,\n            args: [{ standalone: true }]\n        }] });\nexport class EntranceFrame extends NgAtomicComponent {\n    constructor() {\n        super(...arguments);\n        this.store = inject(EntranceFrameStore);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EntranceFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"14.0.0\", version: \"20.0.5\", type: EntranceFrame, isStandalone: true, selector: \"frames-entrance\", usesInheritance: true, hostDirectives: [{ directive: EntranceFrameStore, inputs: [\"isEntrance\", \"isEntrance\", \"actions\", \"actions\", \"form\", \"form\", \"title\", \"title\"] }], ngImport: i0, template: `\n    <frames-overlay\n      [hasNext]=\"store.isEntrance()\"\n      [animationType]=\"'fade'\"\n      ngSkipHydration\n    >\n      <ng-content main/>\n      <templates-entrance next injectable\n        [actions]=\"store.actions()\"\n        [form]=\"store.form()\"\n        [title]=\"store.title()\"\n        (action)=\"dispatch($event)\"\n      />\n    </frames-overlay>\n  `, isInline: true, styles: [\":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-GhPA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-GhPA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-GhPA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-GhPA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-GhPA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-GhPA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-GhPA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-GhPA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-GhPA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-GhPA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-GhPA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-GhPA: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-GhPA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-GhPA);--surface-color: var(--surface-color-SCOPED-IN-entrance-GhPA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-GhPA);--background-color: var(--background-color-SCOPED-IN-entrance-GhPA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-GhPA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-GhPA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-GhPA)}\\n\"], dependencies: [{ kind: \"component\", type: OverlayFrame, selector: \"frames-overlay\" }, { kind: \"directive\", type: EntranceTemplateStore, selector: \"templates-entrance\", inputs: [\"form\", \"actions\", \"fieldMap\", \"title\"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.0.5\", ngImport: i0, type: EntranceFrame, decorators: [{\n            type: Component,\n            args: [{ selector: 'frames-entrance', imports: [\n                        OverlayFrame,\n                        EntranceTemplateStore,\n                    ], template: `\n    <frames-overlay\n      [hasNext]=\"store.isEntrance()\"\n      [animationType]=\"'fade'\"\n      ngSkipHydration\n    >\n      <ng-content main/>\n      <templates-entrance next injectable\n        [actions]=\"store.actions()\"\n        [form]=\"store.form()\"\n        [title]=\"store.title()\"\n        (action)=\"dispatch($event)\"\n      />\n    </frames-overlay>\n  `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [\n                        {\n                            directive: EntranceFrameStore,\n                            inputs: ['isEntrance', 'actions', 'form', 'title'],\n                        },\n                    ], styles: [\":host{display:block;--primary-color: inherit;--primary-color-SCOPED-IN-entrance-GhPA: var(--primary-color);--on-primary-color: inherit;--on-primary-color-SCOPED-IN-entrance-GhPA: var(--on-primary-color);--surface-color: inherit;--surface-color-SCOPED-IN-entrance-GhPA: var(--surface-color);--on-surface-color: inherit;--on-surface-color-SCOPED-IN-entrance-GhPA: var(--on-surface-color);--background-color: inherit;--background-color-SCOPED-IN-entrance-GhPA: var(--background-color);--on-background-color: inherit;--on-background-color-SCOPED-IN-entrance-GhPA: var(--on-background-color);--menu-width: inherit;--menu-width-SCOPED-IN-entrance-GhPA: var(--menu-width);--menu-background-color: inherit;--menu-background-color-SCOPED-IN-entrance-GhPA: var(--menu-background-color);--menu-on-background-color: inherit;--menu-on-background-color-SCOPED-IN-entrance-GhPA: var(--menu-on-background-color);--background-primary-color: inherit;--background-primary-color-SCOPED-IN-entrance-GhPA: var(--background-primary-color);--background-on-primary-color: inherit;--background-on-primary-color-SCOPED-IN-entrance-GhPA: var(--background-on-primary-color);--background-background-color: inherit;--background-background-color-SCOPED-IN-entrance-GhPA: var(--background-background-color)}:host{display:block;width:100%;height:100%}:host templates-entrance{position:relative;width:100%;height:100%}:host *{--primary-color: var(--primary-color-SCOPED-IN-entrance-GhPA);--on-primary-color: var(--on-primary-color-SCOPED-IN-entrance-GhPA);--surface-color: var(--surface-color-SCOPED-IN-entrance-GhPA);--on-surface-color: var(--on-surface-color-SCOPED-IN-entrance-GhPA);--background-color: var(--background-color-SCOPED-IN-entrance-GhPA);--on-background-color: var(--on-background-color-SCOPED-IN-entrance-GhPA);--menu-background-color: var(--menu-background-color-SCOPED-IN-entrance-GhPA);--menu-on-background-color: var(--menu-on-background-color-SCOPED-IN-entrance-GhPA)}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50cmFuY2UuZnJhbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9AbmctYXRvbWljL2NvbXBvbmVudHMvc3JjL2xpYi9mcmFtZXMvZW50cmFuY2UvZW50cmFuY2UuZnJhbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFVLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDakYsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFHeEQsTUFBTSxPQUFPLGtCQUFtQixTQUFRLG1CQUFtQjtJQUQzRDs7UUFFVyxlQUFVLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pCLFlBQU8sR0FBRyxLQUFLLENBQVcsRUFBRSxDQUFDLENBQUM7UUFDOUIsU0FBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLFNBQVMsQ0FBQztZQUNsQyxLQUFLLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxDQUFDO1lBQzFCLFFBQVEsRUFBRSxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUM7U0FDOUIsQ0FBQyxDQUFDLENBQUM7UUFDSyxVQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0tBQ2hDOzhHQVJZLGtCQUFrQjtrR0FBbEIsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQUQ5QixTQUFTO21CQUFDLEVBQUMsVUFBVSxFQUFFLElBQUksRUFBQzs7QUF5QzdCLE1BQU0sT0FBTyxhQUFjLFNBQVEsaUJBQWlCO0lBOUJwRDs7UUErQlksVUFBSyxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0tBQzlDOzhHQUZZLGFBQWE7a0dBQWIsYUFBYSx3R0F4Q2Isa0JBQWtCLDJIQWdCakI7Ozs7Ozs7Ozs7Ozs7O0dBY1gsKytEQWpCSyxZQUFZLDJEQUNaLHFCQUFxQjs7MkZBMEJoQixhQUFhO2tCQTlCekIsU0FBUzsrQkFDSSxpQkFBaUIsV0FDbEI7d0JBQ0wsWUFBWTt3QkFDWixxQkFBcUI7cUJBQ3hCLFlBQ1M7Ozs7Ozs7Ozs7Ozs7O0dBY1gsbUJBRWtCLHVCQUF1QixDQUFDLE1BQU0sa0JBQy9CO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxrQkFBa0I7NEJBQzdCLE1BQU0sRUFBRSxDQUFDLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE9BQU8sQ0FBQzt5QkFDckQ7cUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE92ZXJsYXlGcmFtZSB9IGZyb20gJ0BuZy1hdG9taWMvY29tcG9uZW50cy9mcmFtZXMvb3ZlcmxheSc7XG5pbXBvcnQgeyBFbnRyYW5jZVRlbXBsYXRlU3RvcmUgfSBmcm9tICdAbmctYXRvbWljL2NvbXBvbmVudHMvdGVtcGxhdGVzL2VudHJhbmNlJztcbmltcG9ydCB7IEFjdGlvbiwgSW5qZWN0YWJsZUNvbXBvbmVudCwgTmdBdG9taWNDb21wb25lbnQgfSBmcm9tICdAbmctYXRvbWljL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQERpcmVjdGl2ZSh7c3RhbmRhbG9uZTogdHJ1ZX0pXG5leHBvcnQgY2xhc3MgRW50cmFuY2VGcmFtZVN0b3JlIGV4dGVuZHMgSW5qZWN0YWJsZUNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGlzRW50cmFuY2UgPSBpbnB1dCh0cnVlKTtcbiAgcmVhZG9ubHkgYWN0aW9ucyA9IGlucHV0PEFjdGlvbltdPihbXSk7XG4gIHJlYWRvbmx5IGZvcm0gPSBpbnB1dChuZXcgRm9ybUdyb3VwKHtcbiAgICBlbWFpbDogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgICBwYXNzd29yZDogbmV3IEZvcm1Db250cm9sKCcnKSxcbiAgfSkpO1xuICByZWFkb25seSB0aXRsZSA9IGlucHV0KCfjg63jgrDjgqTjg7MnKTtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmcmFtZXMtZW50cmFuY2UnLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgT3ZlcmxheUZyYW1lLFxuICAgICAgICBFbnRyYW5jZVRlbXBsYXRlU3RvcmUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxmcmFtZXMtb3ZlcmxheVxuICAgICAgW2hhc05leHRdPVwic3RvcmUuaXNFbnRyYW5jZSgpXCJcbiAgICAgIFthbmltYXRpb25UeXBlXT1cIidmYWRlJ1wiXG4gICAgICBuZ1NraXBIeWRyYXRpb25cbiAgICA+XG4gICAgICA8bmctY29udGVudCBtYWluLz5cbiAgICAgIDx0ZW1wbGF0ZXMtZW50cmFuY2UgbmV4dCBpbmplY3RhYmxlXG4gICAgICAgIFthY3Rpb25zXT1cInN0b3JlLmFjdGlvbnMoKVwiXG4gICAgICAgIFtmb3JtXT1cInN0b3JlLmZvcm0oKVwiXG4gICAgICAgIFt0aXRsZV09XCJzdG9yZS50aXRsZSgpXCJcbiAgICAgICAgKGFjdGlvbik9XCJkaXNwYXRjaCgkZXZlbnQpXCJcbiAgICAgIC8+XG4gICAgPC9mcmFtZXMtb3ZlcmxheT5cbiAgYCxcbiAgICBzdHlsZVVybHM6IFsnLi9lbnRyYW5jZS5mcmFtZS5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgZGlyZWN0aXZlOiBFbnRyYW5jZUZyYW1lU3RvcmUsXG4gICAgICAgICAgICBpbnB1dHM6IFsnaXNFbnRyYW5jZScsICdhY3Rpb25zJywgJ2Zvcm0nLCAndGl0bGUnXSxcbiAgICAgICAgfSxcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIEVudHJhbmNlRnJhbWUgZXh0ZW5kcyBOZ0F0b21pY0NvbXBvbmVudCB7XG4gIHByb3RlY3RlZCBzdG9yZSA9IGluamVjdChFbnRyYW5jZUZyYW1lU3RvcmUpO1xufVxuIl19","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctYXRvbWljLWNvbXBvbmVudHMtZnJhbWVzLWVudHJhbmNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvQG5nLWF0b21pYy9jb21wb25lbnRzL3NyYy9saWIvZnJhbWVzL2VudHJhbmNlL25nLWF0b21pYy1jb21wb25lbnRzLWZyYW1lcy1lbnRyYW5jZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

package/fesm2022/ng-atomic-components-frames-fab.mjs

@@ -24,10 +24,10 @@ class FabService {
     pop() {
         return this.contexts.pop();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FabService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FabService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FabService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -37,6 +37,7 @@ class FabFrameStore {
         this.config = FabFrameStore.Config.inject();
         this.actions = input(_computed(() => this.config().actions));
         this.hide = input(_computed(() => this.config().hide));
+        this.type = input('fab');
     }
     static { this.Config = makeConfig(() => {
         return () => ({
@@ -44,10 +45,10 @@ class FabFrameStore {
             hide: false,
         });
     }, ['components', 'frames', 'fab']); }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: FabFrameStore, isStandalone: true, selector: "frames-fab", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FabFrameStore, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.5", type: FabFrameStore, isStandalone: true, selector: "frames-fab", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, hide: { classPropertyName: "hide", publicName: "hide", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabFrameStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FabFrameStore, decorators: [{
             type: Directive,
             args: [{ standalone: true, selector: 'frames-fab' }]
         }] });
@@ -57,17 +58,32 @@ class FabFrame extends NgAtomicComponent {
         this.fab = inject(FabService);
         this.store = inject(FabFrameStore);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: FabFrame, isStandalone: true, selector: "frames-fab", host: { properties: { "attr.hide": "store.hide()" } }, usesInheritance: true, hostDirectives: [{ directive: FabFrameStore, inputs: ["actions", "actions", "hide", "hide"] }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FabFrame, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: FabFrame, isStandalone: true, selector: "frames-fab", host: { properties: { "attr.hide": "store.hide()" } }, usesInheritance: true, hostDirectives: [{ directive: FabFrameStore, inputs: ["actions", "actions", "hide", "hide", "type", "type"] }], ngImport: i0, template: `
     <ng-content></ng-content>
     @for (action of store.actions(); track action.id) {
-      <button mat-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
-        <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
-      </button>
+      @switch (store.type()) {
+        @case ('fab') {
+          <button mat-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
+            <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+          </button>
+        }
+        @case ('mini-fab') {
+          <button mat-mini-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
+            <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+          </button>
+        }
+        @case ('extended') {
+          <button mat-fab extended [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
+            <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+            <span>{{ action?.name }}</span>
+          </button>
+        }
+      }
     }
-  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-Jkmf: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-Jkmf);--container-color-SCOPED-IN-fab-Jkmf: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-Jkmf: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-Jkmf: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-Jkmf: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-Jkmf);right:var(--fab-button-right-SCOPED-IN-fab-Jkmf);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["extended"], exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-WeJR: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-WeJR);--container-color-SCOPED-IN-fab-WeJR: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-WeJR: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-WeJR: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-WeJR: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-WeJR);right:var(--fab-button-right-SCOPED-IN-fab-WeJR);transition:all .3s ease;--mat-fab-container-color: var(--container-color);--mat-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: FabFrame, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: FabFrame, decorators: [{
             type: Component,
             args: [{ selector: 'frames-fab', imports: [
                         MatIconModule,
@@ -75,18 +91,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                     ], template: `
     <ng-content></ng-content>
     @for (action of store.actions(); track action.id) {
-      <button mat-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
-        <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
-      </button>
+      @switch (store.type()) {
+        @case ('fab') {
+          <button mat-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
+            <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+          </button>
+        }
+        @case ('mini-fab') {
+          <button mat-mini-fab [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
+            <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+          </button>
+        }
+        @case ('extended') {
+          <button mat-fab extended [color]="action?.color ?? 'primary'" (click)="dispatch(action)">
+            <mat-icon>{{ action?.icon ?? 'add' }}</mat-icon>
+            <span>{{ action?.name }}</span>
+          </button>
+        }
+      }
     }
   `, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: FabFrameStore,
-                            inputs: ['actions', 'hide'],
+                            inputs: [
+                                'actions',
+                                'hide',
+                                'type'
+                            ],
                         },
                     ], host: {
                         '[attr.hide]': 'store.hide()',
-                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-Jkmf: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-Jkmf);--container-color-SCOPED-IN-fab-Jkmf: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-Jkmf: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-Jkmf: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-Jkmf: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-Jkmf);right:var(--fab-button-right-SCOPED-IN-fab-Jkmf);transition:all .3s ease;--mdc-fab-container-color: var(--container-color);--mdc-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
+                    }, styles: [":host{--primary-color: #039be5;--primary-color-SCOPED-IN-fab-WeJR: var(--primary-color);--container-color: var(--primary-color-SCOPED-IN-fab-WeJR);--container-color-SCOPED-IN-fab-WeJR: var(--container-color);--icon-color: #fff;--icon-color-SCOPED-IN-fab-WeJR: var(--icon-color);--fab-button-bottom: 16px;--fab-button-bottom-SCOPED-IN-fab-WeJR: var(--fab-button-bottom);--fab-button-right: 16px;--fab-button-right-SCOPED-IN-fab-WeJR: var(--fab-button-right)}:host{display:block;width:100%;height:100%;position:relative}:host button{position:absolute;z-index:2000;bottom:var(--fab-button-bottom-SCOPED-IN-fab-WeJR);right:var(--fab-button-right-SCOPED-IN-fab-WeJR);transition:all .3s ease;--mat-fab-container-color: var(--container-color);--mat-fab-icon-color: var(--icon-color);--mat-mdc-fab-color: var(--icon-color)}:host[hide=true] button{bottom:-120px}\n"] }]
         }] });
 
 /**