@spicainternational/ngx-sds-components 6.10.0 → 6.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/public-api.mjs +2 -1
- package/esm2020/src/lib/drawer/drawer.component.mjs +25 -0
- package/esm2020/src/lib/drawer/drawer.module.mjs +18 -0
- package/esm2020/src/lib/drawer/public-api.mjs +3 -0
- package/esm2020/src/lib/drawer/spicainternational-ngx-sds-components-src-lib-drawer.mjs +5 -0
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-drawer.mjs +47 -0
- package/fesm2015/spicainternational-ngx-sds-components-src-lib-drawer.mjs.map +1 -0
- package/fesm2015/spicainternational-ngx-sds-components.mjs +1 -0
- package/fesm2015/spicainternational-ngx-sds-components.mjs.map +1 -1
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-drawer.mjs +47 -0
- package/fesm2020/spicainternational-ngx-sds-components-src-lib-drawer.mjs.map +1 -0
- package/fesm2020/spicainternational-ngx-sds-components.mjs +1 -0
- package/fesm2020/spicainternational-ngx-sds-components.mjs.map +1 -1
- package/package.json +9 -1
- package/public-api.d.ts +1 -0
- package/src/lib/drawer/drawer.component.d.ts +10 -0
- package/src/lib/drawer/drawer.module.d.ts +8 -0
- package/src/lib/drawer/index.d.ts +5 -0
- package/src/lib/drawer/public-api.d.ts +2 -0
package/esm2020/public-api.mjs
CHANGED
|
@@ -10,6 +10,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';
|
|
|
10
10
|
export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
|
|
11
11
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
|
|
12
12
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
|
|
13
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/drawer';
|
|
13
14
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
|
|
14
15
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-box';
|
|
15
16
|
export * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';
|
|
@@ -30,4 +31,4 @@ export * from '@spicainternational/ngx-sds-components/src/lib/timeline';
|
|
|
30
31
|
export * from '@spicainternational/ngx-sds-components/src/lib/timer';
|
|
31
32
|
export * from '@spicainternational/ngx-sds-components/src/lib/tooltip';
|
|
32
33
|
export * from '@spicainternational/ngx-sds-components/src/lib/table-actions';
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsNkRBQTZELENBQUM7QUFDNUUsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyw4REFBOEQsQ0FBQztBQUM3RSxjQUFjLDZEQUE2RCxDQUFDO0FBQzVFLGNBQWMsK0RBQStELENBQUM7QUFDOUUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHNEQUFzRCxDQUFDO0FBQ3JFLGNBQWMsMkRBQTJELENBQUM7QUFDMUUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLDREQUE0RCxDQUFDO0FBQzNFLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLGtFQUFrRSxDQUFDO0FBQ2pGLGNBQWMseURBQXlELENBQUM7QUFDeEUsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsc0RBQXNELENBQUM7QUFDckUsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLDhEQUE4RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5neC1zZHMtY29tcG9uZW50c1xyXG4gKi9cclxuXHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvYXBwLXN3aXRjaGVyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9hdmF0YXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2JhZGdlJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jYWxsb3V0JztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9jb2xvci1waWNrZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2VsbGlwc2lzJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9leHBhbnNpb24tcGFuZWwnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RhdGUtcGlja2VyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRlLXBpcGVzJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9kcmF3ZXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2R1cmF0aW9uLXBpcGUnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2R1cmF0aW9uLWJveCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvaGlnaGxpZ2h0LXRleHQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2ludGVyc2VjdGlvbic7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIva2V5Ym9hcmQtc2hvcnRjdXQnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2xheW91dCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbWVzc2FnZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvbW9kYWwnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL25hdmlnYXRpb24nO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL251bWJlci1ib3gnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3BhZ2UtaGVhZGVyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9wYW5lJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9xdWljay1pbmZvJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi9zZWdtZW50ZWQtY29udHJvbCc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXInO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3N0YXRpYy12YWx1ZSc7XHJcbmV4cG9ydCAqIGZyb20gJ0BzcGljYWludGVybmF0aW9uYWwvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvdGltZWxpbmUnO1xyXG5leHBvcnQgKiBmcm9tICdAc3BpY2FpbnRlcm5hdGlvbmFsL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3RpbWVyJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90b29sdGlwJztcclxuZXhwb3J0ICogZnJvbSAnQHNwaWNhaW50ZXJuYXRpb25hbC9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS1hY3Rpb25zJztcclxuIl19
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SdsDrawerComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.isOpen = false;
|
|
6
|
+
this.isOpenChange = new EventEmitter();
|
|
7
|
+
this.width = '10rem';
|
|
8
|
+
this.position = 'end';
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
SdsDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
SdsDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsDrawerComponent, selector: "sds-drawer", inputs: { isOpen: "isOpen", width: "width", position: "position" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>", styles: [".sds-drawer{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}.sds-drawer-start{top:0;left:0;width:400px;border-right:1px solid var(--bs-gray-400);transform:translate(-100%)}.sds-drawer-end{top:0;right:0;width:400px;border-left:1px solid var(--bs-gray-400);transform:translate(100%)}.sds-drawer-top{top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--bs-gray-400);transform:translateY(-100%)}.sds-drawer-bottom{right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--bs-gray-400);transform:translateY(100%)}.sds-drawer.show{transform:none;box-shadow:var(--bs-box-shadow)!important}\n"] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'sds-drawer', template: "<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>", styles: [".sds-drawer{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}.sds-drawer-start{top:0;left:0;width:400px;border-right:1px solid var(--bs-gray-400);transform:translate(-100%)}.sds-drawer-end{top:0;right:0;width:400px;border-left:1px solid var(--bs-gray-400);transform:translate(100%)}.sds-drawer-top{top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--bs-gray-400);transform:translateY(-100%)}.sds-drawer-bottom{right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--bs-gray-400);transform:translateY(100%)}.sds-drawer.show{transform:none;box-shadow:var(--bs-box-shadow)!important}\n"] }]
|
|
16
|
+
}], propDecorators: { isOpen: [{
|
|
17
|
+
type: Input
|
|
18
|
+
}], isOpenChange: [{
|
|
19
|
+
type: Output
|
|
20
|
+
}], width: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], position: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RyYXdlci9kcmF3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvZHJhd2VyL2RyYXdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU92RSxNQUFNLE9BQU8sa0JBQWtCO0lBTC9CO1FBT2EsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNkLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUU1QyxVQUFLLEdBQUcsT0FBTyxDQUFDO1FBQ2hCLGFBQVEsR0FBdUMsS0FBSyxDQUFDO0tBRWpFOztnSEFSWSxrQkFBa0I7b0dBQWxCLGtCQUFrQixpS0NQL0IsNlZBYU07NEZETk8sa0JBQWtCO2tCQUw5QixTQUFTOytCQUNFLFlBQVk7OEJBTVgsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU07Z0JBRUUsS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZHMtZHJhd2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RyYXdlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RyYXdlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNkc0RyYXdlckNvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSBpc09wZW4gPSBmYWxzZTtcbiAgICBAT3V0cHV0KCkgaXNPcGVuQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gICAgQElucHV0KCkgd2lkdGggPSAnMTByZW0nO1xuICAgIEBJbnB1dCgpIHBvc2l0aW9uOiAnc3RhcnQnIHwgJ2VuZCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2VuZCc7XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZHMtZHJhd2VyXCJcbiAgICBbY2xhc3Muc2RzLWRyYXdlci1lbmRdPVwicG9zaXRpb24gPT09ICdlbmQnXCJcbiAgICBbY2xhc3Muc2RzLWRyYXdlci1zdGFydF09XCJwb3NpdGlvbiA9PT0gJ3N0YXJ0J1wiXG4gICAgW2NsYXNzLnNkcy1kcmF3ZXItdG9wXT1cInBvc2l0aW9uID09PSAndG9wJ1wiXG4gICAgW2NsYXNzLnNkcy1kcmF3ZXItYm90dG9tXT1cInBvc2l0aW9uID09PSAnYm90dG9tJ1wiXG5cbiAgICBbY2xhc3Muc2hvd109XCJpc09wZW5cIlxuICAgIFtzdHlsZS53aWR0aF09XCJ3aWR0aFwiPlxuXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXG5cblxuPC9kaXY+Il19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { SdsDrawerComponent } from './drawer.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class SdsDrawerModule {
|
|
6
|
+
}
|
|
7
|
+
SdsDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
SdsDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, declarations: [SdsDrawerComponent], imports: [CommonModule], exports: [SdsDrawerComponent] });
|
|
9
|
+
SdsDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [SdsDrawerComponent],
|
|
14
|
+
imports: [CommonModule],
|
|
15
|
+
exports: [SdsDrawerComponent],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RyYXdlci9kcmF3ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQU94RCxNQUFNLE9BQU8sZUFBZTs7NkdBQWYsZUFBZTs4R0FBZixlQUFlLGlCQUpULGtCQUFrQixhQUN2QixZQUFZLGFBQ1osa0JBQWtCOzhHQUVuQixlQUFlLFlBSGQsWUFBWTs0RkFHYixlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2RzRHJhd2VyQ29tcG9uZW50IH0gZnJvbSAnLi9kcmF3ZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtTZHNEcmF3ZXJDb21wb25lbnRdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtTZHNEcmF3ZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTZHNEcmF3ZXJNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from './drawer.module';
|
|
2
|
+
export * from './drawer.component';
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RyYXdlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLmNvbXBvbmVudCc7XHJcblxyXG4iXX0=
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLWRyYXdlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL2RyYXdlci9zcGljYWludGVybmF0aW9uYWwtbmd4LXNkcy1jb21wb25lbnRzLXNyYy1saWItZHJhd2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
|
|
5
|
+
class SdsDrawerComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.isOpen = false;
|
|
8
|
+
this.isOpenChange = new EventEmitter();
|
|
9
|
+
this.width = '10rem';
|
|
10
|
+
this.position = 'end';
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
SdsDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
SdsDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsDrawerComponent, selector: "sds-drawer", inputs: { isOpen: "isOpen", width: "width", position: "position" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>", styles: [".sds-drawer{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}.sds-drawer-start{top:0;left:0;width:400px;border-right:1px solid var(--bs-gray-400);transform:translate(-100%)}.sds-drawer-end{top:0;right:0;width:400px;border-left:1px solid var(--bs-gray-400);transform:translate(100%)}.sds-drawer-top{top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--bs-gray-400);transform:translateY(-100%)}.sds-drawer-bottom{right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--bs-gray-400);transform:translateY(100%)}.sds-drawer.show{transform:none;box-shadow:var(--bs-box-shadow)!important}\n"] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'sds-drawer', template: "<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>", styles: [".sds-drawer{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}.sds-drawer-start{top:0;left:0;width:400px;border-right:1px solid var(--bs-gray-400);transform:translate(-100%)}.sds-drawer-end{top:0;right:0;width:400px;border-left:1px solid var(--bs-gray-400);transform:translate(100%)}.sds-drawer-top{top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--bs-gray-400);transform:translateY(-100%)}.sds-drawer-bottom{right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--bs-gray-400);transform:translateY(100%)}.sds-drawer.show{transform:none;box-shadow:var(--bs-box-shadow)!important}\n"] }]
|
|
18
|
+
}], propDecorators: { isOpen: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], isOpenChange: [{
|
|
21
|
+
type: Output
|
|
22
|
+
}], width: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], position: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}] } });
|
|
27
|
+
|
|
28
|
+
class SdsDrawerModule {
|
|
29
|
+
}
|
|
30
|
+
SdsDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
|
+
SdsDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, declarations: [SdsDrawerComponent], imports: [CommonModule], exports: [SdsDrawerComponent] });
|
|
32
|
+
SdsDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, imports: [CommonModule] });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, decorators: [{
|
|
34
|
+
type: NgModule,
|
|
35
|
+
args: [{
|
|
36
|
+
declarations: [SdsDrawerComponent],
|
|
37
|
+
imports: [CommonModule],
|
|
38
|
+
exports: [SdsDrawerComponent],
|
|
39
|
+
}]
|
|
40
|
+
}] });
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Generated bundle index. Do not edit.
|
|
44
|
+
*/
|
|
45
|
+
|
|
46
|
+
export { SdsDrawerComponent, SdsDrawerModule };
|
|
47
|
+
//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-drawer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-drawer.mjs","sources":["../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.ts","../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.html","../../../projects/ngx-sds-components/src/lib/drawer/drawer.module.ts","../../../projects/ngx-sds-components/src/lib/drawer/spicainternational-ngx-sds-components-src-lib-drawer.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'sds-drawer',\n templateUrl: './drawer.component.html',\n styleUrls: ['./drawer.component.scss']\n})\nexport class SdsDrawerComponent {\n\n @Input() isOpen = false;\n @Output() isOpenChange = new EventEmitter<boolean>();\n\n @Input() width = '10rem';\n @Input() position: 'start' | 'end' | 'top' | 'bottom' = 'end';\n\n}\n","<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SdsDrawerComponent } from './drawer.component';\n\n@NgModule({\n declarations: [SdsDrawerComponent],\n imports: [CommonModule],\n exports: [SdsDrawerComponent],\n})\nexport class SdsDrawerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,kBAAkB,CAAA;AAL/B,IAAA,WAAA,GAAA;AAOa,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AACd,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAW,CAAC;AAE5C,QAAA,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;AAChB,QAAA,IAAQ,CAAA,QAAA,GAAuC,KAAK,CAAC;KAEjE;;gHARY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,iKCP/B,6VAaM,EAAA,MAAA,EAAA,CAAA,0vBAAA,CAAA,EAAA,CAAA,CAAA;4FDNO,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,6VAAA,EAAA,MAAA,EAAA,CAAA,0vBAAA,CAAA,EAAA,CAAA;8BAMX,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACI,YAAY,EAAA,CAAA;sBAArB,MAAM;gBAEE,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;MEJG,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAJT,YAAA,EAAA,CAAA,kBAAkB,CACvB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAEnB,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAHd,YAAY,CAAA,EAAA,CAAA,CAAA;4FAGb,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAChC,CAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -7,6 +7,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';
|
|
|
7
7
|
export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
|
|
8
8
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
|
|
9
9
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
|
|
10
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/drawer';
|
|
10
11
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
|
|
11
12
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-box';
|
|
12
13
|
export * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/number-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timeline';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/table-actions';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/drawer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/number-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timeline';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/table-actions';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
|
|
5
|
+
class SdsDrawerComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.isOpen = false;
|
|
8
|
+
this.isOpenChange = new EventEmitter();
|
|
9
|
+
this.width = '10rem';
|
|
10
|
+
this.position = 'end';
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
SdsDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
SdsDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SdsDrawerComponent, selector: "sds-drawer", inputs: { isOpen: "isOpen", width: "width", position: "position" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>", styles: [".sds-drawer{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}.sds-drawer-start{top:0;left:0;width:400px;border-right:1px solid var(--bs-gray-400);transform:translate(-100%)}.sds-drawer-end{top:0;right:0;width:400px;border-left:1px solid var(--bs-gray-400);transform:translate(100%)}.sds-drawer-top{top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--bs-gray-400);transform:translateY(-100%)}.sds-drawer-bottom{right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--bs-gray-400);transform:translateY(100%)}.sds-drawer.show{transform:none;box-shadow:var(--bs-box-shadow)!important}\n"] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'sds-drawer', template: "<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>", styles: [".sds-drawer{position:fixed;bottom:0;z-index:1040;display:flex;flex-direction:column;max-width:100%;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}.sds-drawer-start{top:0;left:0;width:400px;border-right:1px solid var(--bs-gray-400);transform:translate(-100%)}.sds-drawer-end{top:0;right:0;width:400px;border-left:1px solid var(--bs-gray-400);transform:translate(100%)}.sds-drawer-top{top:0;right:0;left:0;height:400px;max-height:100%;border-bottom:1px solid var(--bs-gray-400);transform:translateY(-100%)}.sds-drawer-bottom{right:0;left:0;height:400px;max-height:100%;border-top:1px solid var(--bs-gray-400);transform:translateY(100%)}.sds-drawer.show{transform:none;box-shadow:var(--bs-box-shadow)!important}\n"] }]
|
|
18
|
+
}], propDecorators: { isOpen: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], isOpenChange: [{
|
|
21
|
+
type: Output
|
|
22
|
+
}], width: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}], position: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}] } });
|
|
27
|
+
|
|
28
|
+
class SdsDrawerModule {
|
|
29
|
+
}
|
|
30
|
+
SdsDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
|
+
SdsDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, declarations: [SdsDrawerComponent], imports: [CommonModule], exports: [SdsDrawerComponent] });
|
|
32
|
+
SdsDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, imports: [CommonModule] });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SdsDrawerModule, decorators: [{
|
|
34
|
+
type: NgModule,
|
|
35
|
+
args: [{
|
|
36
|
+
declarations: [SdsDrawerComponent],
|
|
37
|
+
imports: [CommonModule],
|
|
38
|
+
exports: [SdsDrawerComponent],
|
|
39
|
+
}]
|
|
40
|
+
}] });
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* Generated bundle index. Do not edit.
|
|
44
|
+
*/
|
|
45
|
+
|
|
46
|
+
export { SdsDrawerComponent, SdsDrawerModule };
|
|
47
|
+
//# sourceMappingURL=spicainternational-ngx-sds-components-src-lib-drawer.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components-src-lib-drawer.mjs","sources":["../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.ts","../../../projects/ngx-sds-components/src/lib/drawer/drawer.component.html","../../../projects/ngx-sds-components/src/lib/drawer/drawer.module.ts","../../../projects/ngx-sds-components/src/lib/drawer/spicainternational-ngx-sds-components-src-lib-drawer.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'sds-drawer',\n templateUrl: './drawer.component.html',\n styleUrls: ['./drawer.component.scss']\n})\nexport class SdsDrawerComponent {\n\n @Input() isOpen = false;\n @Output() isOpenChange = new EventEmitter<boolean>();\n\n @Input() width = '10rem';\n @Input() position: 'start' | 'end' | 'top' | 'bottom' = 'end';\n\n}\n","<div class=\"sds-drawer\"\n [class.sds-drawer-end]=\"position === 'end'\"\n [class.sds-drawer-start]=\"position === 'start'\"\n [class.sds-drawer-top]=\"position === 'top'\"\n [class.sds-drawer-bottom]=\"position === 'bottom'\"\n\n [class.show]=\"isOpen\"\n [style.width]=\"width\">\n\n <ng-content></ng-content>\n\n\n\n</div>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SdsDrawerComponent } from './drawer.component';\n\n@NgModule({\n declarations: [SdsDrawerComponent],\n imports: [CommonModule],\n exports: [SdsDrawerComponent],\n})\nexport class SdsDrawerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,kBAAkB,CAAA;AAL/B,IAAA,WAAA,GAAA;QAOa,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AACd,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,YAAY,EAAW,CAAC;QAE5C,IAAK,CAAA,KAAA,GAAG,OAAO,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAuC,KAAK,CAAC;AAEjE,KAAA;;gHARY,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,iKCP/B,6VAaM,EAAA,MAAA,EAAA,CAAA,0vBAAA,CAAA,EAAA,CAAA,CAAA;4FDNO,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,6VAAA,EAAA,MAAA,EAAA,CAAA,0vBAAA,CAAA,EAAA,CAAA;8BAMX,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACI,YAAY,EAAA,CAAA;sBAArB,MAAM;gBAEE,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;MEJG,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAJT,YAAA,EAAA,CAAA,kBAAkB,CACvB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAEnB,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAHd,YAAY,CAAA,EAAA,CAAA,CAAA;4FAGb,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAChC,iBAAA,CAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -7,6 +7,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';
|
|
|
7
7
|
export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
|
|
8
8
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
|
|
9
9
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
|
|
10
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/drawer';
|
|
10
11
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
|
|
11
12
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-box';
|
|
12
13
|
export * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/number-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timeline';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/table-actions';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"spicainternational-ngx-sds-components.mjs","sources":["../../../projects/ngx-sds-components/src/public-api.ts","../../../projects/ngx-sds-components/src/spicainternational-ngx-sds-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of ngx-sds-components\r\n */\r\n\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/app-switcher';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/avatar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/badge';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/callout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/color-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-picker';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/drawer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/duration-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/intersection';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/keyboard-shortcut';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/layout';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/message';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/modal';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/navigation';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/number-box';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/page-header';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/pane';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/quick-info';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/segmented-control';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/side-bar';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/static-value';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timeline';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/timer';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/tooltip';\r\nexport * from '@spicainternational/ngx-sds-components/src/lib/table-actions';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG;;ACFH;;AAEG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spicainternational/ngx-sds-components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.11.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Spica design system angular components.",
|
|
6
6
|
"peerDependencies": {
|
|
@@ -95,6 +95,14 @@
|
|
|
95
95
|
"node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-date-pipes.mjs",
|
|
96
96
|
"default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-date-pipes.mjs"
|
|
97
97
|
},
|
|
98
|
+
"./src/lib/drawer": {
|
|
99
|
+
"types": "./src/lib/drawer/index.d.ts",
|
|
100
|
+
"esm2020": "./esm2020/src/lib/drawer/spicainternational-ngx-sds-components-src-lib-drawer.mjs",
|
|
101
|
+
"es2020": "./fesm2020/spicainternational-ngx-sds-components-src-lib-drawer.mjs",
|
|
102
|
+
"es2015": "./fesm2015/spicainternational-ngx-sds-components-src-lib-drawer.mjs",
|
|
103
|
+
"node": "./fesm2015/spicainternational-ngx-sds-components-src-lib-drawer.mjs",
|
|
104
|
+
"default": "./fesm2020/spicainternational-ngx-sds-components-src-lib-drawer.mjs"
|
|
105
|
+
},
|
|
98
106
|
"./src/lib/duration-box": {
|
|
99
107
|
"types": "./src/lib/duration-box/index.d.ts",
|
|
100
108
|
"esm2020": "./esm2020/src/lib/duration-box/spicainternational-ngx-sds-components-src-lib-duration-box.mjs",
|
package/public-api.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export * from '@spicainternational/ngx-sds-components/src/lib/ellipsis';
|
|
|
7
7
|
export * from '@spicainternational/ngx-sds-components/src/lib/expansion-panel';
|
|
8
8
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-picker';
|
|
9
9
|
export * from '@spicainternational/ngx-sds-components/src/lib/date-pipes';
|
|
10
|
+
export * from '@spicainternational/ngx-sds-components/src/lib/drawer';
|
|
10
11
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-pipe';
|
|
11
12
|
export * from '@spicainternational/ngx-sds-components/src/lib/duration-box';
|
|
12
13
|
export * from '@spicainternational/ngx-sds-components/src/lib/highlight-text';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class SdsDrawerComponent {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
isOpenChange: EventEmitter<boolean>;
|
|
6
|
+
width: string;
|
|
7
|
+
position: 'start' | 'end' | 'top' | 'bottom';
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdsDrawerComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SdsDrawerComponent, "sds-drawer", never, { "isOpen": "isOpen"; "width": "width"; "position": "position"; }, { "isOpenChange": "isOpenChange"; }, never, ["*"], false, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./drawer.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class SdsDrawerModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SdsDrawerModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SdsDrawerModule, [typeof i1.SdsDrawerComponent], [typeof i2.CommonModule], [typeof i1.SdsDrawerComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SdsDrawerModule>;
|
|
8
|
+
}
|