@design-factory/angular 21.1.0 → 22.0.0-next.0

package/drawer/README.md

@@ -1,54 +0,0 @@
-# Drawer
-
-## API
-
-```html
-<df-drawer
-  [className]="''"
-  [bodyScroll]="false"
-  [backdrop]="true"
-  [container]="null"
-  [(size)]="300"
-  [resizable]="false"
-  [visible]="false"
-  [keepInDom]="false"
-  [configuration]="'overlay'"
-  [position]="'inline-start'"
-  [focusOnInit]="true"
-  (sizeChange)="onSizeChange($event)"
-  (visibleChange)="onVisibleChange($event)"
-  (minimizedChange)="onMinimizedChange($event)"
-  (maximizedChange)="onMaximizedChange($event)"
-  (resizingChange)="onResizingChange($event)"
-  (minSize)="onMinSize()"
-  (maxSize)="onMaxSize()"
->
-  Drawer content
-
-  <ng-template dfDrawerHeader>Header content</ng-template>
-  <ng-template dfDrawerBody>Body content</ng-template>
-  <ng-template dfDrawerFooter>Footer content</ng-template>
-</df-drawer>
-```
-
-```ts
-// types
-type DfDrawerPosition = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
-type DfDrawerConfiguration = 'overlay' | 'inline';
-
-// programmatic API
-await this.drawer.open(); // Promise<void>
-await this.drawer.close(); // Promise<void>
-```
-
-## ADR
-
--
-
-## Notes
-
-- Header, body, and footer sections are opt-in via `ng-template[dfDrawerHeader]`, `ng-template[dfDrawerBody]`, and `ng-template[dfDrawerFooter]`. When none are provided, `<ng-content>` is used directly.
-- By default the drawer and backdrop are portalled to `document.body`. Override this with the `container` input.
-- `configuration="inline"` keeps the drawer in the document flow; the surrounding content is pushed rather than overlaid.
-- `keepInDom` preserves the drawer's DOM subtree (and component state) while it is hidden, at the cost of keeping it rendered.
-- `size` is a two-way binding; it updates when the user drags the splitter handle (requires `resizable="true"`).