@ng-nest/ui 13.0.3 → 13.0.7

package/esm2020/drawer/drawer.property.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { XProperty, XInputBoolean, XWithConfig } from '@ng-nest/ui/core';
-import { Input, Output, EventEmitter, Component } from '@angular/core';
+import { Input, Output, EventEmitter, Component, InjectionToken } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Drawer
@@ -8,7 +8,8 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export const XDrawerPrefix = 'x-drawer';
-const X_CONFIG_NAME = 'drawer';
+export const X_DRAWER_CONFIG_NAME = 'drawer';
+export const X_DRAWER_DATA = new InjectionToken('XDrawerData');
 /**
  * Drawer Property
  */
@@ -27,18 +28,27 @@ export class XDrawerProperty extends XProperty {
         this.visibleChange = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XDrawerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDrawerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XDrawerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XDrawerProperty, selector: "ng-component", inputs: { title: "title", visible: "visible", placement: "placement", size: "size" }, outputs: { close: "close", visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XDrawerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDrawerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XDrawerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XDrawerProperty, selector: "ng-component", inputs: { title: "title", visible: "visible", placement: "placement", size: "size", backdropClose: "backdropClose", hasBackdrop: "hasBackdrop", className: "className" }, outputs: { close: "close", visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XInputBoolean()
 ], XDrawerProperty.prototype, "visible", void 0);
 __decorate([
-    XWithConfig(X_CONFIG_NAME, 'right')
+    XWithConfig(X_DRAWER_CONFIG_NAME, 'right')
 ], XDrawerProperty.prototype, "placement", void 0);
 __decorate([
-    XWithConfig(X_CONFIG_NAME, '30%')
+    XWithConfig(X_DRAWER_CONFIG_NAME, '30%')
 ], XDrawerProperty.prototype, "size", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDrawerProperty, decorators: [{
+__decorate([
+    XWithConfig(X_DRAWER_CONFIG_NAME, true)
+], XDrawerProperty.prototype, "backdropClose", void 0);
+__decorate([
+    XWithConfig(X_DRAWER_CONFIG_NAME, true)
+], XDrawerProperty.prototype, "hasBackdrop", void 0);
+__decorate([
+    XWithConfig(X_DRAWER_CONFIG_NAME, '')
+], XDrawerProperty.prototype, "className", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDrawerProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { title: [{
@@ -49,9 +59,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImpor
                 type: Input
             }], size: [{
                 type: Input
+            }], backdropClose: [{
+                type: Input
+            }], hasBackdrop: [{
+                type: Input
+            }], className: [{
+                type: Input
             }], close: [{
                 type: Output
             }], visibleChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZHJhd2VyL2RyYXdlci5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUF3QixTQUFTLEVBQUUsYUFBYSxFQUFZLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRXZFOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsVUFBVSxDQUFDO0FBQ3hDLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQztBQUUvQjs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFnQixTQUFRLFNBQVM7SUFEOUM7O1FBc0JFOzs7V0FHRztRQUNPLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3JDOzs7V0FHRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQUN2RDs7a0pBL0JZLGVBQWU7c0lBQWYsZUFBZSw4TkFETCxFQUFFO0FBV0c7SUFBaEIsYUFBYSxFQUFFO2dEQUFvQjtBQUtZO0lBQS9DLFdBQVcsQ0FBWSxhQUFhLEVBQUUsT0FBTyxDQUFDO2tEQUF1QjtBQUszQjtJQUExQyxXQUFXLENBQVMsYUFBYSxFQUFFLEtBQUssQ0FBQzs2Q0FBZTsyRkFwQnZELGVBQWU7a0JBRDNCLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFOzhCQU1oQixLQUFLO3NCQUFiLEtBQUs7Z0JBS29CLE9BQU87c0JBQWhDLEtBQUs7Z0JBS21ELFNBQVM7c0JBQWpFLEtBQUs7Z0JBSzhDLElBQUk7c0JBQXZELEtBQUs7Z0JBS0ksS0FBSztzQkFBZCxNQUFNO2dCQUtHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBYVGVtcGxhdGUsIFhQb3NpdGlvbiwgWFByb3BlcnR5LCBYSW5wdXRCb29sZWFuLCBYQm9vbGVhbiwgWFdpdGhDb25maWcgfSBmcm9tICdAbmctbmVzdC91aS9jb3JlJztcclxuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbi8qKlxyXG4gKiBEcmF3ZXJcclxuICogQHNlbGVjdG9yIHgtZHJhd2VyXHJcbiAqIEBkZWNvcmF0b3IgY29tcG9uZW50XHJcbiAqL1xyXG5leHBvcnQgY29uc3QgWERyYXdlclByZWZpeCA9ICd4LWRyYXdlcic7XHJcbmNvbnN0IFhfQ09ORklHX05BTUUgPSAnZHJhd2VyJztcclxuXHJcbi8qKlxyXG4gKiBEcmF3ZXIgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhEcmF3ZXJQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOagh+mimFxyXG4gICAqIEBlbl9VUyBUaXRsZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLov6ZqQ6JePXHJcbiAgICogQGVuX1VTIFNob3cvaGlkZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgdmlzaWJsZT86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsZXnpLrmlrnlkJFcclxuICAgKiBAZW5fVVMgRGlzcGxheSBkaXJlY3Rpb25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFBvc2l0aW9uPihYX0NPTkZJR19OQU1FLCAncmlnaHQnKSBwbGFjZW1lbnQ/OiBYUG9zaXRpb247XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWwuuWvuO+8jOaUr+aMgeWbuuWumuWAvFxyXG4gICAqIEBlbl9VUyBTaXplLCBzdXBwb3J0cyBmaXhlZCB2YWx1ZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxzdHJpbmc+KFhfQ09ORklHX05BTUUsICczMCUnKSBzaXplPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlhbPpl63nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgQ2xvc2VkIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIGNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLov6ZqQ6JeP55qE5LqL5Lu2XHJcbiAgICogQGVuX1VTIFNob3cvaGlkZSBldmVudFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSB2aXNpYmxlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG59XHJcbiJdfQ==
+/**
+ * Drawer Container
+ * @selector x-drawer-container
+ * @decorator component
+ */
+export const XDrawerContainerPrefix = 'x-drawer-container';
+export const X_DRAWER_CONTAINER = new InjectionToken('X_DRAWER_CONTAINER');
+/**
+ * Drawer Container Property
+ */
+export class XDrawerContainerProperty extends XProperty {
+}
+/** @nocollapse */ /** @nocollapse */ XDrawerContainerProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDrawerContainerProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XDrawerContainerProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XDrawerContainerProperty, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDrawerContainerProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLnByb3BlcnR5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZHJhd2VyL2RyYXdlci5wcm9wZXJ0eS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUF3QixTQUFTLEVBQUUsYUFBYSxFQUFZLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFvQixNQUFNLGVBQWUsQ0FBQzs7QUFLekc7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxVQUFVLENBQUM7QUFDeEMsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsUUFBUSxDQUFDO0FBQzdDLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxJQUFJLGNBQWMsQ0FBTSxhQUFhLENBQUMsQ0FBQztBQUVwRTs7R0FFRztBQUVILE1BQU0sT0FBTyxlQUFnQixTQUFRLFNBQVM7SUFEOUM7O1FBcUNFOzs7V0FHRztRQUNPLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3JDOzs7V0FHRztRQUNPLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQUN2RDs7a0pBOUNZLGVBQWU7c0lBQWYsZUFBZSxrVEFETCxFQUFFO0FBV0c7SUFBaEIsYUFBYSxFQUFFO2dEQUFvQjtBQUttQjtJQUF0RCxXQUFXLENBQVksb0JBQW9CLEVBQUUsT0FBTyxDQUFDO2tEQUF1QjtBQUszQjtJQUFqRCxXQUFXLENBQVMsb0JBQW9CLEVBQUUsS0FBSyxDQUFDOzZDQUFlO0FBS2I7SUFBbEQsV0FBVyxDQUFXLG9CQUFvQixFQUFFLElBQUksQ0FBQztzREFBMEI7QUFLekI7SUFBbEQsV0FBVyxDQUFXLG9CQUFvQixFQUFFLElBQUksQ0FBQztvREFBd0I7QUFLM0I7SUFBOUMsV0FBVyxDQUFTLG9CQUFvQixFQUFFLEVBQUUsQ0FBQztrREFBb0I7MkZBbkNoRSxlQUFlO2tCQUQzQixTQUFTO21CQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTs4QkFNaEIsS0FBSztzQkFBYixLQUFLO2dCQUtvQixPQUFPO3NCQUFoQyxLQUFLO2dCQUswRCxTQUFTO3NCQUF4RSxLQUFLO2dCQUtxRCxJQUFJO3NCQUE5RCxLQUFLO2dCQUtzRCxhQUFhO3NCQUF4RSxLQUFLO2dCQUtzRCxXQUFXO3NCQUF0RSxLQUFLO2dCQUtrRCxTQUFTO3NCQUFoRSxLQUFLO2dCQUtJLEtBQUs7c0JBQWQsTUFBTTtnQkFLRyxhQUFhO3NCQUF0QixNQUFNOztBQW9EVDs7OztHQUlHO0FBQ0YsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQUcsb0JBQW9CLENBQUM7QUFDM0QsTUFBTSxDQUFDLE1BQU0sa0JBQWtCLEdBQUcsSUFBSSxjQUFjLENBQUMsb0JBQW9CLENBQUMsQ0FBQztBQUU1RTs7R0FFRztBQUVILE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxTQUFTOzsySkFBMUMsd0JBQXdCOytJQUF4Qix3QkFBd0IsMkVBRGQsRUFBRTsyRkFDWix3QkFBd0I7a0JBRHBDLFNBQVM7bUJBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgWFRlbXBsYXRlLCBYUG9zaXRpb24sIFhQcm9wZXJ0eSwgWElucHV0Qm9vbGVhbiwgWEJvb2xlYW4sIFhXaXRoQ29uZmlnIH0gZnJvbSAnQG5nLW5lc3QvdWkvY29yZSc7XHJcbmltcG9ydCB7IElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgQ29tcG9uZW50LCBJbmplY3Rpb25Ub2tlbiwgVmlld0NvbnRhaW5lclJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBYUG9ydGFsT3ZlcmxheVJlZiB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFhEcmF3ZXJSZWYgfSBmcm9tICcuL2RyYXdlci1yZWYnO1xyXG5pbXBvcnQgeyBYRHJhd2VyUG9ydGFsQ29tcG9uZW50IH0gZnJvbSAnLi9kcmF3ZXItcG9ydGFsLmNvbXBvbmVudCc7XHJcblxyXG4vKipcclxuICogRHJhd2VyXHJcbiAqIEBzZWxlY3RvciB4LWRyYXdlclxyXG4gKiBAZGVjb3JhdG9yIGNvbXBvbmVudFxyXG4gKi9cclxuZXhwb3J0IGNvbnN0IFhEcmF3ZXJQcmVmaXggPSAneC1kcmF3ZXInO1xyXG5leHBvcnQgY29uc3QgWF9EUkFXRVJfQ09ORklHX05BTUUgPSAnZHJhd2VyJztcclxuZXhwb3J0IGNvbnN0IFhfRFJBV0VSX0RBVEEgPSBuZXcgSW5qZWN0aW9uVG9rZW48YW55PignWERyYXdlckRhdGEnKTtcclxuXHJcbi8qKlxyXG4gKiBEcmF3ZXIgUHJvcGVydHlcclxuICovXHJcbkBDb21wb25lbnQoeyB0ZW1wbGF0ZTogJycgfSlcclxuZXhwb3J0IGNsYXNzIFhEcmF3ZXJQcm9wZXJ0eSBleHRlbmRzIFhQcm9wZXJ0eSB7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOagh+mimFxyXG4gICAqIEBlbl9VUyBUaXRsZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHRpdGxlPzogWFRlbXBsYXRlO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmL7npLov6ZqQ6JePXHJcbiAgICogQGVuX1VTIFNob3cvaGlkZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYSW5wdXRCb29sZWFuKCkgdmlzaWJsZT86IFhCb29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsZXnpLrmlrnlkJFcclxuICAgKiBAZW5fVVMgRGlzcGxheSBkaXJlY3Rpb25cclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8WFBvc2l0aW9uPihYX0RSQVdFUl9DT05GSUdfTkFNRSwgJ3JpZ2h0JykgcGxhY2VtZW50PzogWFBvc2l0aW9uO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsLrlr7jvvIzmlK/mjIHlm7rlrprlgLxcclxuICAgKiBAZW5fVVMgU2l6ZSwgc3VwcG9ydHMgZml4ZWQgdmFsdWVcclxuICAgKi9cclxuICBASW5wdXQoKSBAWFdpdGhDb25maWc8c3RyaW5nPihYX0RSQVdFUl9DT05GSUdfTkFNRSwgJzMwJScpIHNpemU/OiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOeCueWHu+mBrue9qeWFs+mXrVxyXG4gICAqIEBlbl9VUyBDbGljayB0aGUgbWFzayB0byBjbG9zZVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIEBYV2l0aENvbmZpZzxYQm9vbGVhbj4oWF9EUkFXRVJfQ09ORklHX05BTUUsIHRydWUpIGJhY2tkcm9wQ2xvc2UhOiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5piv5ZCm5pi+56S66IOM5pmv6YGu572pXHJcbiAgICogQGVuX1VTIFdoZXRoZXIgdG8gZGlzcGxheSB0aGUgYmFja2dyb3VuZCBtYXNrXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPFhCb29sZWFuPihYX0RSQVdFUl9DT05GSUdfTkFNRSwgdHJ1ZSkgaGFzQmFja2Ryb3AhOiBYQm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g6Ieq5a6a5LmJ5qC35byP5ZCNXHJcbiAgICogQGVuX1VTIEN1c3RvbSBzdHlsZSBuYW1lXHJcbiAgICovXHJcbiAgQElucHV0KCkgQFhXaXRoQ29uZmlnPHN0cmluZz4oWF9EUkFXRVJfQ09ORklHX05BTUUsICcnKSBjbGFzc05hbWUhOiBzdHJpbmc7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOWFs+mXreeahOS6i+S7tlxyXG4gICAqIEBlbl9VUyBDbG9zZWQgZXZlbnRcclxuICAgKi9cclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgLyoqXHJcbiAgICogQHpoX0NOIOaYvuekui/pmpDol4/nmoTkuovku7ZcclxuICAgKiBAZW5fVVMgU2hvdy9oaWRlIGV2ZW50XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIHZpc2libGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBEcmF3ZXIgT3B0aW9uXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIFhEcmF3ZXJPcHRpb24ge1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDlsZXnpLrmlrnlkJFcclxuICAgKiBAZW5fVVMgRGlzcGxheSBkaXJlY3Rpb25cclxuICAgKiBAZGVmYXVsdCAncmlnaHQnXHJcbiAgICogQHdpdGhDb25maWcgdHJ1ZVxyXG4gICAqL1xyXG4gIHBsYWNlbWVudD86IFhQb3NpdGlvbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5bC65a+477yM5pSv5oyB5Zu65a6a5YC8XHJcbiAgICogQGVuX1VTIFNpemUsIHN1cHBvcnRzIGZpeGVkIHZhbHVlXHJcbiAgICogQGRlZmF1bHQgJzMwJSdcclxuICAgKiBAd2l0aENvbmZpZyB0cnVlXHJcbiAgICovXHJcbiAgc2l6ZT86IHN0cmluZztcclxuICAvKipcclxuICAgKiBAemhfQ04g6Ieq5a6a5LmJ5qC35byP5ZCNXHJcbiAgICogQGVuX1VTIEN1c3RvbSBzdHlsZSBuYW1lXHJcbiAgICovXHJcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDngrnlh7vpga7nvanlhbPpl61cclxuICAgKiBAZW5fVVMgQ2xpY2sgdGhlIG1hc2sgdG8gY2xvc2VcclxuICAgKiBAZGVmYXVsdCB0cnVlXHJcbiAgICogQHdpdGhDb25maWcgdHJ1ZVxyXG4gICAqL1xyXG4gIGJhY2tkcm9wQ2xvc2U/OiBib29sZWFuO1xyXG4gIC8qKlxyXG4gICAqIEB6aF9DTiDmmK/lkKbmmL7npLrog4zmma/pga7nvalcclxuICAgKiBAZW5fVVMgV2hldGhlciB0byBkaXNwbGF5IHRoZSBiYWNrZ3JvdW5kIG1hc2tcclxuICAgKiBAZGVmYXVsdCB0cnVlXHJcbiAgICogQHdpdGhDb25maWcgdHJ1ZVxyXG4gICAqL1xyXG4gIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcclxuICAvKipcclxuICAgKiBAemhfQ04g5pWw5o2u77yM6YCa6L+HIFwiQEluamVjdChYX0RSQVdFUl9EQVRBKVwiIOadpeaOpeaUtuaVsOaNrlxyXG4gICAqIEBlbl9VUyBEYXRhLiBSZWNlaXZlIGRhdGEgYnkgXCJASW5qZWN0KFhfRFJBV0VSX0RBVEEpXCJcclxuICAgKi9cclxuICBkYXRhPzogYW55O1xyXG4gIC8qKlxyXG4gICAqIEBlbl9VUyDop4blm77lrrnlmajlrp7kvovlj6/ku6XljIXlkKvlhbbku5bop4blm77lrrnlmajjgIJcclxuICAgKiBAZW5fVVMgQSB2aWV3IGNvbnRhaW5lciBpbnN0YW5jZSBjYW4gY29udGFpbiBvdGhlciB2aWV3IGNvbnRhaW5lcnMuXHJcbiAgICovXHJcbiAgdmlld0NvbnRhaW5lclJlZj86IFZpZXdDb250YWluZXJSZWY7XHJcbn1cclxuXHJcbi8qKlxyXG4gKiBEcmF3ZXIgQ29udGFpbmVyXHJcbiAqIEBzZWxlY3RvciB4LWRyYXdlci1jb250YWluZXJcclxuICogQGRlY29yYXRvciBjb21wb25lbnRcclxuICovXHJcbiBleHBvcnQgY29uc3QgWERyYXdlckNvbnRhaW5lclByZWZpeCA9ICd4LWRyYXdlci1jb250YWluZXInO1xyXG4gZXhwb3J0IGNvbnN0IFhfRFJBV0VSX0NPTlRBSU5FUiA9IG5ldyBJbmplY3Rpb25Ub2tlbignWF9EUkFXRVJfQ09OVEFJTkVSJyk7XHJcblxyXG4vKipcclxuICogRHJhd2VyIENvbnRhaW5lciBQcm9wZXJ0eVxyXG4gKi9cclxuQENvbXBvbmVudCh7IHRlbXBsYXRlOiAnJyB9KVxyXG5leHBvcnQgY2xhc3MgWERyYXdlckNvbnRhaW5lclByb3BlcnR5IGV4dGVuZHMgWFByb3BlcnR5IHt9XHJcblxyXG4vKipcclxuICogQHpoX0NOIOWIm+W7uueahOaKveWxieWvueixoVxyXG4gKiBAZW5fVVMgRHJhd2VyIG9iamVjdCBjcmVhdGVkXHJcbiAqL1xyXG5leHBvcnQgaW50ZXJmYWNlIFhEcmF3ZXJQb3J0YWxPdmVybGF5UmVmIGV4dGVuZHMgWFBvcnRhbE92ZXJsYXlSZWY8WERyYXdlclBvcnRhbENvbXBvbmVudD4ge1xyXG4gIGRyYXdlclJlZj86IFhEcmF3ZXJSZWY8YW55PjtcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgWERyYXdlckFuaW1hdGlvblN0YXRlID0gWFBvc2l0aW9uIHwgJ3ZvaWQnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBYRHJhd2VyQW5pbWF0aW9uRXZlbnQge1xyXG4gIHN0YXRlOiBYRHJhd2VyQW5pbWF0aW9uU3RhdGU7XHJcbiAgYWN0aW9uOiAnc3RhcnQnIHwgJ2RvbmUnO1xyXG4gIHRvdGFsVGltZTogbnVtYmVyO1xyXG59XHJcbiJdfQ==

package/esm2020/drawer/drawer.service.mjs

@@ -0,0 +1,65 @@
+import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { Injectable, TemplateRef } from '@angular/core';
+import { fillDefault } from '@ng-nest/ui/core';
+import { XDrawerPortalComponent } from './drawer-portal.component';
+import { XDrawerRef } from './drawer-ref';
+import { X_DRAWER_CONFIG_NAME, X_DRAWER_DATA } from './drawer.property';
+import * as i0 from "@angular/core";
+import * as i1 from "@ng-nest/ui/portal";
+import * as i2 from "@ng-nest/ui/core";
+import * as i3 from "@angular/cdk/overlay";
+export class XDrawerService {
+    constructor(portalService, configService, overlay) {
+        this.portalService = portalService;
+        this.configService = configService;
+        this.overlay = overlay;
+        this.default = {
+            placement: 'right',
+            size: '30%',
+            hasBackdrop: true,
+            backdropClose: true
+        };
+        this.configDefault = this.configService.getConfigForComponent(X_DRAWER_CONFIG_NAME);
+        Object.assign(this.default, this.configDefault);
+    }
+    create(content, option = {}) {
+        fillDefault(option, this.default);
+        const width = ['left', 'right'].includes(option.placement) ? option.size : '100%';
+        const height = ['top', 'bottom'].includes(option.placement) ? option.size : '100%';
+        const portal = this.portalService.attach({
+            content: XDrawerPortalComponent,
+            viewContainerRef: option.viewContainerRef,
+            overlayConfig: {
+                hasBackdrop: option.hasBackdrop,
+                panelClass: option.className,
+                scrollStrategy: this.overlay.scrollStrategies.block(),
+                positionStrategy: this.portalService.setPosition(option.placement, width, height)
+            }
+        });
+        const { overlayRef, componentRef } = portal || {};
+        const { instance } = componentRef || {};
+        instance.placement = option.placement;
+        const drawerRef = new XDrawerRef(overlayRef, instance);
+        if (content instanceof TemplateRef) {
+            instance.attachTemplatePortal(new TemplatePortal(content, option.viewContainerRef, { $implicit: option.data, drawerRef: drawerRef }));
+        }
+        else {
+            const injector = this.portalService.createInjector([
+                { provide: X_DRAWER_DATA, useValue: option.data },
+                { provide: XDrawerRef, useValue: drawerRef }
+            ]);
+            instance.attachComponentPortal(new ComponentPortal(content, option.viewContainerRef, injector));
+        }
+        if (option.hasBackdrop && option.backdropClose && overlayRef)
+            overlayRef.backdropClick().subscribe(() => {
+                drawerRef.close();
+            });
+        return drawerRef;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XDrawerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDrawerService, deps: [{ token: i1.XPortalService }, { token: i2.XConfigService }, { token: i3.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ /** @nocollapse */ XDrawerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDrawerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDrawerService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.XPortalService }, { type: i2.XConfigService }, { type: i3.Overlay }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWIvbmctbmVzdC91aS9kcmF3ZXIvZHJhd2VyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGVBQWUsRUFBaUIsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBaUMsTUFBTSxrQkFBa0IsQ0FBQztBQUU5RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBaUIsb0JBQW9CLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7Ozs7O0FBR3ZGLE1BQU0sT0FBTyxjQUFjO0lBU3pCLFlBQW1CLGFBQTZCLEVBQVMsYUFBNkIsRUFBUyxPQUFnQjtRQUE1RixrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUFBUyxrQkFBYSxHQUFiLGFBQWEsQ0FBZ0I7UUFBUyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBUi9HLFlBQU8sR0FBa0I7WUFDdkIsU0FBUyxFQUFFLE9BQU87WUFDbEIsSUFBSSxFQUFFLEtBQUs7WUFDWCxXQUFXLEVBQUUsSUFBSTtZQUNqQixhQUFhLEVBQUUsSUFBSTtTQUNwQixDQUFDO1FBSUEsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLHFCQUFxQixDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFDcEYsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQsTUFBTSxDQUFJLE9BQTRDLEVBQUUsU0FBd0IsRUFBRTtRQUNoRixXQUFXLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsQyxNQUFNLEtBQUssR0FBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQW1CLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO1FBQzVGLE1BQU0sTUFBTSxHQUFHLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7UUFDN0YsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQXlCO1lBQy9ELE9BQU8sRUFBRSxzQkFBc0I7WUFDL0IsZ0JBQWdCLEVBQUUsTUFBTSxDQUFDLGdCQUFnQjtZQUN6QyxhQUFhLEVBQUU7Z0JBQ2IsV0FBVyxFQUFFLE1BQU0sQ0FBQyxXQUFXO2dCQUMvQixVQUFVLEVBQUUsTUFBTSxDQUFDLFNBQVM7Z0JBQzVCLGNBQWMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRTtnQkFDckQsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDO2FBQ2xGO1NBQ0YsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsR0FBRyxNQUFNLElBQUksRUFBRSxDQUFDO1FBQ2xELE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxZQUFhLElBQUksRUFBRSxDQUFDO1FBQ3pDLFFBQVEsQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQztRQUN0QyxNQUFNLFNBQVMsR0FBRyxJQUFJLFVBQVUsQ0FBSSxVQUFXLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDM0QsSUFBSSxPQUFPLFlBQVksV0FBVyxFQUFFO1lBQ2xDLFFBQVEsQ0FBQyxvQkFBb0IsQ0FDM0IsSUFBSSxjQUFjLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxnQkFBaUIsRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUN4RyxDQUFDO1NBQ0g7YUFBTTtZQUNMLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUNqRCxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUU7Z0JBQ2pELEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFO2FBQzdDLENBQUMsQ0FBQztZQUVILFFBQVEsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLGVBQWUsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLGdCQUFnQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7U0FDakc7UUFDRCxJQUFJLE1BQU0sQ0FBQyxXQUFXLElBQUksTUFBTSxDQUFDLGFBQWEsSUFBSSxVQUFVO1lBQzFELFVBQVUsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO2dCQUN4QyxTQUFTLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDcEIsQ0FBQyxDQUFDLENBQUM7UUFFTCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDOztpSkFsRFUsY0FBYztxSkFBZCxjQUFjOzJGQUFkLGNBQWM7a0JBRDFCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPdmVybGF5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xyXG5pbXBvcnQgeyBDb21wb25lbnRQb3J0YWwsIENvbXBvbmVudFR5cGUsIFRlbXBsYXRlUG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7IEluamVjdGFibGUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGZpbGxEZWZhdWx0LCBYQ29uZmlnU2VydmljZSwgWERyYXdlckNvbmZpZyB9IGZyb20gJ0BuZy1uZXN0L3VpL2NvcmUnO1xyXG5pbXBvcnQgeyBYUG9ydGFsU2VydmljZSB9IGZyb20gJ0BuZy1uZXN0L3VpL3BvcnRhbCc7XHJcbmltcG9ydCB7IFhEcmF3ZXJQb3J0YWxDb21wb25lbnQgfSBmcm9tICcuL2RyYXdlci1wb3J0YWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgWERyYXdlclJlZiB9IGZyb20gJy4vZHJhd2VyLXJlZic7XHJcbmltcG9ydCB7IFhEcmF3ZXJPcHRpb24sIFhfRFJBV0VSX0NPTkZJR19OQU1FLCBYX0RSQVdFUl9EQVRBIH0gZnJvbSAnLi9kcmF3ZXIucHJvcGVydHknO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgWERyYXdlclNlcnZpY2Uge1xyXG4gIGRlZmF1bHQ6IFhEcmF3ZXJPcHRpb24gPSB7XHJcbiAgICBwbGFjZW1lbnQ6ICdyaWdodCcsXHJcbiAgICBzaXplOiAnMzAlJyxcclxuICAgIGhhc0JhY2tkcm9wOiB0cnVlLFxyXG4gICAgYmFja2Ryb3BDbG9zZTogdHJ1ZVxyXG4gIH07XHJcbiAgY29uZmlnRGVmYXVsdD86IFhEcmF3ZXJDb25maWc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBwb3J0YWxTZXJ2aWNlOiBYUG9ydGFsU2VydmljZSwgcHVibGljIGNvbmZpZ1NlcnZpY2U6IFhDb25maWdTZXJ2aWNlLCBwdWJsaWMgb3ZlcmxheTogT3ZlcmxheSkge1xyXG4gICAgdGhpcy5jb25maWdEZWZhdWx0ID0gdGhpcy5jb25maWdTZXJ2aWNlLmdldENvbmZpZ0ZvckNvbXBvbmVudChYX0RSQVdFUl9DT05GSUdfTkFNRSk7XHJcbiAgICBPYmplY3QuYXNzaWduKHRoaXMuZGVmYXVsdCwgdGhpcy5jb25maWdEZWZhdWx0KTtcclxuICB9XHJcblxyXG4gIGNyZWF0ZTxUPihjb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgQ29tcG9uZW50VHlwZTxUPiwgb3B0aW9uOiBYRHJhd2VyT3B0aW9uID0ge30pOiBYRHJhd2VyUmVmPFQ+IHtcclxuICAgIGZpbGxEZWZhdWx0KG9wdGlvbiwgdGhpcy5kZWZhdWx0KTtcclxuICAgIGNvbnN0IHdpZHRoID0gWydsZWZ0JywgJ3JpZ2h0J10uaW5jbHVkZXMob3B0aW9uLnBsYWNlbWVudCBhcyBzdHJpbmcpID8gb3B0aW9uLnNpemUgOiAnMTAwJSc7XHJcbiAgICBjb25zdCBoZWlnaHQgPSBbJ3RvcCcsICdib3R0b20nXS5pbmNsdWRlcyhvcHRpb24ucGxhY2VtZW50IGFzIHN0cmluZykgPyBvcHRpb24uc2l6ZSA6ICcxMDAlJztcclxuICAgIGNvbnN0IHBvcnRhbCA9IHRoaXMucG9ydGFsU2VydmljZS5hdHRhY2g8WERyYXdlclBvcnRhbENvbXBvbmVudD4oe1xyXG4gICAgICBjb250ZW50OiBYRHJhd2VyUG9ydGFsQ29tcG9uZW50LFxyXG4gICAgICB2aWV3Q29udGFpbmVyUmVmOiBvcHRpb24udmlld0NvbnRhaW5lclJlZixcclxuICAgICAgb3ZlcmxheUNvbmZpZzoge1xyXG4gICAgICAgIGhhc0JhY2tkcm9wOiBvcHRpb24uaGFzQmFja2Ryb3AsXHJcbiAgICAgICAgcGFuZWxDbGFzczogb3B0aW9uLmNsYXNzTmFtZSxcclxuICAgICAgICBzY3JvbGxTdHJhdGVneTogdGhpcy5vdmVybGF5LnNjcm9sbFN0cmF0ZWdpZXMuYmxvY2soKSxcclxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5OiB0aGlzLnBvcnRhbFNlcnZpY2Uuc2V0UG9zaXRpb24ob3B0aW9uLnBsYWNlbWVudCwgd2lkdGgsIGhlaWdodClcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgICBjb25zdCB7IG92ZXJsYXlSZWYsIGNvbXBvbmVudFJlZiB9ID0gcG9ydGFsIHx8IHt9O1xyXG4gICAgY29uc3QgeyBpbnN0YW5jZSB9ID0gY29tcG9uZW50UmVmISB8fCB7fTtcclxuICAgIGluc3RhbmNlLnBsYWNlbWVudCA9IG9wdGlvbi5wbGFjZW1lbnQ7XHJcbiAgICBjb25zdCBkcmF3ZXJSZWYgPSBuZXcgWERyYXdlclJlZjxUPihvdmVybGF5UmVmISwgaW5zdGFuY2UpO1xyXG4gICAgaWYgKGNvbnRlbnQgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZikge1xyXG4gICAgICBpbnN0YW5jZS5hdHRhY2hUZW1wbGF0ZVBvcnRhbChcclxuICAgICAgICBuZXcgVGVtcGxhdGVQb3J0YWwoY29udGVudCwgb3B0aW9uLnZpZXdDb250YWluZXJSZWYhLCB7ICRpbXBsaWNpdDogb3B0aW9uLmRhdGEsIGRyYXdlclJlZjogZHJhd2VyUmVmIH0pXHJcbiAgICAgICk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICBjb25zdCBpbmplY3RvciA9IHRoaXMucG9ydGFsU2VydmljZS5jcmVhdGVJbmplY3RvcihbXHJcbiAgICAgICAgeyBwcm92aWRlOiBYX0RSQVdFUl9EQVRBLCB1c2VWYWx1ZTogb3B0aW9uLmRhdGEgfSxcclxuICAgICAgICB7IHByb3ZpZGU6IFhEcmF3ZXJSZWYsIHVzZVZhbHVlOiBkcmF3ZXJSZWYgfVxyXG4gICAgICBdKTtcclxuXHJcbiAgICAgIGluc3RhbmNlLmF0dGFjaENvbXBvbmVudFBvcnRhbChuZXcgQ29tcG9uZW50UG9ydGFsKGNvbnRlbnQsIG9wdGlvbi52aWV3Q29udGFpbmVyUmVmLCBpbmplY3RvcikpO1xyXG4gICAgfVxyXG4gICAgaWYgKG9wdGlvbi5oYXNCYWNrZHJvcCAmJiBvcHRpb24uYmFja2Ryb3BDbG9zZSAmJiBvdmVybGF5UmVmKVxyXG4gICAgICBvdmVybGF5UmVmLmJhY2tkcm9wQ2xpY2soKS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICAgIGRyYXdlclJlZi5jbG9zZSgpO1xyXG4gICAgICB9KTtcclxuXHJcbiAgICByZXR1cm4gZHJhd2VyUmVmO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/drawer/public-api.mjs

@@ -1,4 +1,10 @@
 export * from './drawer.component';
+export * from './drawer-portal.component';
+export * from './drawer-portal.directives';
+export * from './drawer.component';
+export * from './drawer-container.component';
 export * from './drawer.module';
 export * from './drawer.property';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2RyYXdlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLG1CQUFtQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXIubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXIucHJvcGVydHknO1xyXG4iXX0=
+export * from './drawer.service';
+export * from './drawer-ref';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYi9uZy1uZXN0L3VpL2RyYXdlci9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsb0JBQW9CLENBQUM7QUFDbkMsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLXBvcnRhbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci1wb3J0YWwuZGlyZWN0aXZlcyc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci5wcm9wZXJ0eSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RyYXdlci1yZWYnO1xyXG4iXX0=

package/esm2020/dropdown/dropdown-portal.component.mjs

@@ -137,9 +137,9 @@ export class XDropdownPortalComponent {
         }
     }
 }
-/** @nocollapse */ /** @nocollapse */ XDropdownPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XDropdownPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XDropdownPortalComponent, selector: "x-dropdown-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)", "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "@x-connect-base-animation": "this.placement" } }, ngImport: i0, template: "<div #dropdownPortal class=\"x-dropdown-portal\">\r\n  <x-list [data]=\"data\" (nodeClick)=\"nodeClick($event)\" (nodeMouseenter)=\"onEnter($event)\" (nodeMouseleave)=\"onLeave()\"></x-list>\r\n</div>\r\n", styles: ["x-dropdown-portal{width:100%}.x-dropdown-portal{margin:.0625rem 0;padding:.325rem 0;background-color:var(--x-background);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-dropdown-portal-child{margin-top:-.3875rem}\n"], components: [{ type: i3.XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownPortalComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XDropdownPortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownPortalComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i2.Overlay }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XDropdownPortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XDropdownPortalComponent, selector: "x-dropdown-portal", host: { listeners: { "@x-connect-base-animation.done": "done($event)", "@x-connect-base-animation.start": "start($event)", "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "@x-connect-base-animation": "this.placement" } }, ngImport: i0, template: "<div #dropdownPortal class=\"x-dropdown-portal\">\r\n  <x-list [data]=\"data\" (nodeClick)=\"nodeClick($event)\" (nodeMouseenter)=\"onEnter($event)\" (nodeMouseleave)=\"onLeave()\"></x-list>\r\n</div>\r\n", styles: ["x-dropdown-portal{width:100%}.x-dropdown-portal{margin:.0625rem 0;padding:.325rem 0;background-color:var(--x-background);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-dropdown-portal-child{margin-top:-.3875rem}\n"], components: [{ type: i3.XListComponent, selector: "x-list" }], animations: [XConnectBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownPortalComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDropdownPortalPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XConnectBaseAnimation], template: "<div #dropdownPortal class=\"x-dropdown-portal\">\r\n  <x-list [data]=\"data\" (nodeClick)=\"nodeClick($event)\" (nodeMouseenter)=\"onEnter($event)\" (nodeMouseleave)=\"onLeave()\"></x-list>\r\n</div>\r\n", styles: ["x-dropdown-portal{width:100%}.x-dropdown-portal{margin:.0625rem 0;padding:.325rem 0;background-color:var(--x-background);border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-dropdown-portal-child{margin-top:-.3875rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XPortalService }, { type: i2.Overlay }, { type: i0.ViewContainerRef }]; }, propDecorators: { placement: [{

package/esm2020/dropdown/dropdown.component.mjs

@@ -174,9 +174,9 @@ export class XDropdownComponent extends XDropdownProperty {
         });
     }
 }
-/** @nocollapse */ /** @nocollapse */ XDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XDropdownComponent, selector: "x-dropdown", viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #dropdown\r\n  class=\"x-dropdown\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-visible]=\"visible\"\r\n  (mouseenter)=\"onEnter()\"\r\n  (mouseleave)=\"onLeave()\"\r\n  (click)=\"showPortal()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-dropdown{margin:0;padding:0;display:inline-block}.x-dropdown.x-visible{color:var(--x-primary)}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XPortalService }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: i3.XConfigService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XDropdownComponent, selector: "x-dropdown", viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\r\n  #dropdown\r\n  class=\"x-dropdown\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-visible]=\"visible\"\r\n  (mouseenter)=\"onEnter()\"\r\n  (mouseleave)=\"onLeave()\"\r\n  (click)=\"showPortal()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-dropdown{margin:0;padding:0;display:inline-block}.x-dropdown.x-visible{color:var(--x-primary)}\n"], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XDropdownPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  #dropdown\r\n  class=\"x-dropdown\"\r\n  [ngClass]=\"classMap\"\r\n  [class.x-visible]=\"visible\"\r\n  (mouseenter)=\"onEnter()\"\r\n  (mouseleave)=\"onLeave()\"\r\n  (click)=\"showPortal()\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".x-dropdown{margin:0;padding:0;display:inline-block}.x-dropdown.x-visible{color:var(--x-primary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XPortalService }, { type: i0.ViewContainerRef }, { type: i2.Overlay }, { type: i3.XConfigService }]; }, propDecorators: { dropdown: [{

package/esm2020/dropdown/dropdown.module.mjs

@@ -8,16 +8,15 @@ import { XDropdownProperty } from './dropdown.property';
 import * as i0 from "@angular/core";
 export class XDropdownModule {
 }
-/** @nocollapse */ /** @nocollapse */ XDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownModule, declarations: [XDropdownComponent, XDropdownPortalComponent, XDropdownProperty], imports: [CommonModule, XPortalModule, XListModule], exports: [XDropdownComponent, XDropdownPortalComponent] });
-/** @nocollapse */ /** @nocollapse */ XDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownModule, imports: [[CommonModule, XPortalModule, XListModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownModule, declarations: [XDropdownComponent, XDropdownPortalComponent, XDropdownProperty], imports: [CommonModule, XPortalModule, XListModule], exports: [XDropdownComponent, XDropdownPortalComponent] });
+/** @nocollapse */ /** @nocollapse */ XDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownModule, imports: [[CommonModule, XPortalModule, XListModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XDropdownComponent, XDropdownPortalComponent, XDropdownProperty],
                     exports: [XDropdownComponent, XDropdownPortalComponent],
-                    imports: [CommonModule, XPortalModule, XListModule],
-                    entryComponents: [XDropdownPortalComponent]
+                    imports: [CommonModule, XPortalModule, XListModule]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZHJvcGRvd24vZHJvcGRvd24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBUXhELE1BQU0sT0FBTyxlQUFlOztrSkFBZixlQUFlO21KQUFmLGVBQWUsaUJBTFgsa0JBQWtCLEVBQUUsd0JBQXdCLEVBQUUsaUJBQWlCLGFBRXBFLFlBQVksRUFBRSxhQUFhLEVBQUUsV0FBVyxhQUR4QyxrQkFBa0IsRUFBRSx3QkFBd0I7bUpBSTNDLGVBQWUsWUFIakIsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLFdBQVcsQ0FBQzsyRkFHeEMsZUFBZTtrQkFOM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSx3QkFBd0IsRUFBRSxpQkFBaUIsQ0FBQztvQkFDL0UsT0FBTyxFQUFFLENBQUMsa0JBQWtCLEVBQUUsd0JBQXdCLENBQUM7b0JBQ3ZELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsV0FBVyxDQUFDO29CQUNuRCxlQUFlLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztpQkFDNUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBYRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFhEcm9wZG93blBvcnRhbENvbXBvbmVudCB9IGZyb20gJy4vZHJvcGRvd24tcG9ydGFsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFhQb3J0YWxNb2R1bGUgfSBmcm9tICdAbmctbmVzdC91aS9wb3J0YWwnO1xyXG5pbXBvcnQgeyBYTGlzdE1vZHVsZSB9IGZyb20gJ0BuZy1uZXN0L3VpL2xpc3QnO1xyXG5pbXBvcnQgeyBYRHJvcGRvd25Qcm9wZXJ0eSB9IGZyb20gJy4vZHJvcGRvd24ucHJvcGVydHknO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtYRHJvcGRvd25Db21wb25lbnQsIFhEcm9wZG93blBvcnRhbENvbXBvbmVudCwgWERyb3Bkb3duUHJvcGVydHldLFxyXG4gIGV4cG9ydHM6IFtYRHJvcGRvd25Db21wb25lbnQsIFhEcm9wZG93blBvcnRhbENvbXBvbmVudF0sXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgWFBvcnRhbE1vZHVsZSwgWExpc3RNb2R1bGVdLFxyXG4gIGVudHJ5Q29tcG9uZW50czogW1hEcm9wZG93blBvcnRhbENvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFhEcm9wZG93bk1vZHVsZSB7fVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGliL25nLW5lc3QvdWkvZHJvcGRvd24vZHJvcGRvd24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBT3hELE1BQU0sT0FBTyxlQUFlOztrSkFBZixlQUFlO21KQUFmLGVBQWUsaUJBSlQsa0JBQWtCLEVBQUUsd0JBQXdCLEVBQUUsaUJBQWlCLGFBRXBFLFlBQVksRUFBRSxhQUFhLEVBQUUsV0FBVyxhQUR4QyxrQkFBa0IsRUFBRSx3QkFBd0I7bUpBRzdDLGVBQWUsWUFGZixDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsV0FBVyxDQUFDOzJGQUUxQyxlQUFlO2tCQUwzQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLGtCQUFrQixFQUFFLHdCQUF3QixFQUFFLGlCQUFpQixDQUFDO29CQUMvRSxPQUFPLEVBQUUsQ0FBQyxrQkFBa0IsRUFBRSx3QkFBd0IsQ0FBQztvQkFDdkQsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxXQUFXLENBQUM7aUJBQ3REIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgWERyb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9kcm9wZG93bi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBYRHJvcGRvd25Qb3J0YWxDb21wb25lbnQgfSBmcm9tICcuL2Ryb3Bkb3duLXBvcnRhbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBYUG9ydGFsTW9kdWxlIH0gZnJvbSAnQG5nLW5lc3QvdWkvcG9ydGFsJztcclxuaW1wb3J0IHsgWExpc3RNb2R1bGUgfSBmcm9tICdAbmctbmVzdC91aS9saXN0JztcclxuaW1wb3J0IHsgWERyb3Bkb3duUHJvcGVydHkgfSBmcm9tICcuL2Ryb3Bkb3duLnByb3BlcnR5JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtYRHJvcGRvd25Db21wb25lbnQsIFhEcm9wZG93blBvcnRhbENvbXBvbmVudCwgWERyb3Bkb3duUHJvcGVydHldLFxyXG4gICAgZXhwb3J0czogW1hEcm9wZG93bkNvbXBvbmVudCwgWERyb3Bkb3duUG9ydGFsQ29tcG9uZW50XSxcclxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFhQb3J0YWxNb2R1bGUsIFhMaXN0TW9kdWxlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgWERyb3Bkb3duTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2020/dropdown/dropdown.property.mjs

@@ -32,8 +32,8 @@ export class XDropdownProperty extends XProperty {
         this.nodeClick = new EventEmitter();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XDropdownProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XDropdownProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XDropdownProperty, selector: "ng-component", inputs: { data: "data", trigger: "trigger", placement: "placement", disabled: "disabled", children: "children", portalMinWidth: "portalMinWidth", hoverDelay: "hoverDelay" }, outputs: { nodeClick: "nodeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XDropdownProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XDropdownProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XDropdownProperty, selector: "ng-component", inputs: { data: "data", trigger: "trigger", placement: "placement", disabled: "disabled", children: "children", portalMinWidth: "portalMinWidth", hoverDelay: "hoverDelay" }, outputs: { nodeClick: "nodeClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
 __decorate([
     XDataConvert()
 ], XDropdownProperty.prototype, "data", void 0);
@@ -49,7 +49,7 @@ __decorate([
 __decorate([
     XInputBoolean()
 ], XDropdownProperty.prototype, "children", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XDropdownProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XDropdownProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { data: [{

package/esm2020/empty/empty.component.mjs

@@ -24,9 +24,9 @@ export class XEmptyComponent extends XEmptyProperty {
         this._unSubject.unsubscribe();
     }
 }
-/** @nocollapse */ /** @nocollapse */ XEmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyComponent, deps: [{ token: i1.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XEmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XEmptyComponent, selector: "x-empty", usesInheritance: true, ngImport: i0, template: "<div #empty class=\"x-empty\">\r\n  <ng-container *ngIf=\"img; else imgDefaultTemp\">\r\n    <ng-container *xOutlet=\"img\">\r\n      <img class=\"x-empty-img\" [src]=\"img\" />\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"content; else contentDefaultTemp\">\r\n    <ng-container *xOutlet=\"content\">\r\n      <span>{{ content }}</span>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #imgDefaultTemp>\r\n  <x-icon type=\"fto-inbox\"></x-icon>\r\n</ng-template>\r\n\r\n<ng-template #contentDefaultTemp>\r\n  <span>{{ 'empty.noData' | xI18n }}</span>\r\n</ng-template>\r\n", styles: [".x-empty{margin:0;padding:0;display:flex;align-items:center;flex-direction:column;color:var(--x-text-400)}.x-empty>.x-icon{font-size:calc(var(--x-font-size) + 1.125rem)}.x-empty>span{line-height:calc(var(--x-font-size) + 1rem)}.x-empty-img{height:5rem}\n"], components: [{ type: i3.XIconComponent, selector: "x-icon" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XEmptyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyComponent, deps: [{ token: i1.XConfigService }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XEmptyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XEmptyComponent, selector: "x-empty", usesInheritance: true, ngImport: i0, template: "<div #empty class=\"x-empty\">\r\n  <ng-container *ngIf=\"img; else imgDefaultTemp\">\r\n    <ng-container *xOutlet=\"img\">\r\n      <img class=\"x-empty-img\" [src]=\"img\" />\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"content; else contentDefaultTemp\">\r\n    <ng-container *xOutlet=\"content\">\r\n      <span>{{ content }}</span>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #imgDefaultTemp>\r\n  <x-icon type=\"fto-inbox\"></x-icon>\r\n</ng-template>\r\n\r\n<ng-template #contentDefaultTemp>\r\n  <span>{{ 'empty.noData' | xI18n }}</span>\r\n</ng-template>\r\n", styles: [".x-empty{margin:0;padding:0;display:flex;align-items:center;flex-direction:column;color:var(--x-text-400)}.x-empty>.x-icon{font-size:calc(var(--x-font-size) + 1.125rem)}.x-empty>span{line-height:calc(var(--x-font-size) + 1rem)}.x-empty-img{height:5rem}\n"], components: [{ type: i3.XIconComponent, selector: "x-icon" }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XEmptyPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #empty class=\"x-empty\">\r\n  <ng-container *ngIf=\"img; else imgDefaultTemp\">\r\n    <ng-container *xOutlet=\"img\">\r\n      <img class=\"x-empty-img\" [src]=\"img\" />\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"content; else contentDefaultTemp\">\r\n    <ng-container *xOutlet=\"content\">\r\n      <span>{{ content }}</span>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #imgDefaultTemp>\r\n  <x-icon type=\"fto-inbox\"></x-icon>\r\n</ng-template>\r\n\r\n<ng-template #contentDefaultTemp>\r\n  <span>{{ 'empty.noData' | xI18n }}</span>\r\n</ng-template>\r\n", styles: [".x-empty{margin:0;padding:0;display:flex;align-items:center;flex-direction:column;color:var(--x-text-400)}.x-empty>.x-icon{font-size:calc(var(--x-font-size) + 1.125rem)}.x-empty>span{line-height:calc(var(--x-font-size) + 1rem)}.x-empty-img{height:5rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.XConfigService }, { type: i0.ChangeDetectorRef }, { type: i2.XI18nService }]; } });

package/esm2020/empty/empty.module.mjs

@@ -8,10 +8,10 @@ import { XI18nModule } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
 export class XEmptyModule {
 }
-/** @nocollapse */ /** @nocollapse */ XEmptyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XEmptyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyModule, declarations: [XEmptyComponent, XEmptyProperty], imports: [CommonModule, XOutletModule, XIconModule, XI18nModule], exports: [XEmptyComponent] });
-/** @nocollapse */ /** @nocollapse */ XEmptyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyModule, imports: [[CommonModule, XOutletModule, XIconModule, XI18nModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XEmptyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XEmptyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyModule, declarations: [XEmptyComponent, XEmptyProperty], imports: [CommonModule, XOutletModule, XIconModule, XI18nModule], exports: [XEmptyComponent] });
+/** @nocollapse */ /** @nocollapse */ XEmptyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyModule, imports: [[CommonModule, XOutletModule, XIconModule, XI18nModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XEmptyComponent, XEmptyProperty],

package/esm2020/empty/empty.property.mjs

@@ -14,12 +14,12 @@ const X_CONFIG_NAME = 'empty';
  */
 export class XEmptyProperty {
 }
-/** @nocollapse */ /** @nocollapse */ XEmptyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XEmptyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XEmptyProperty, selector: "ng-component", inputs: { img: "img", content: "content" }, ngImport: i0, template: '', isInline: true });
+/** @nocollapse */ /** @nocollapse */ XEmptyProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyProperty, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XEmptyProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XEmptyProperty, selector: "ng-component", inputs: { img: "img", content: "content" }, ngImport: i0, template: '', isInline: true });
 __decorate([
     XWithConfig(X_CONFIG_NAME)
 ], XEmptyProperty.prototype, "content", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XEmptyProperty, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XEmptyProperty, decorators: [{
             type: Component,
             args: [{ template: '' }]
         }], propDecorators: { img: [{

package/esm2020/examples/examples.component.mjs

@@ -8,9 +8,9 @@ export class XExamplesComponent {
         this.renderer.addClass(this.elementRef.nativeElement, XExamplesPrefix);
     }
 }
-/** @nocollapse */ /** @nocollapse */ XExamplesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XExamplesComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ XExamplesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XExamplesComponent, selector: "x-examples", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-examples{margin:0;padding:0;display:block}.x-examples .x-examples-html{padding:1rem;margin:1rem 0;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:.125rem;position:relative}.x-examples .x-examples-tools{position:absolute;bottom:-.875rem;left:0;display:flex;width:100%;justify-content:center}.x-examples .x-examples-tools .x-buttons{background-color:var(--x-background);padding:0 .25rem}.x-examples .x-examples-code{padding:1rem 0}.x-examples .x-examples-code>x-tabs>.x-tabs{border-radius:.125rem}.x-examples .x-examples-code>x-tabs>.x-tabs>.x-tabs-contents>.x-tab-content>.x-highlight{border-top:0}.x-examples .x-examples-code>x-tabs>.x-tabs>.x-tabs-contents>.x-tab-content>.x-highlight>pre{background-color:transparent}.x-examples .x-examples-info{padding:1rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:.125rem;background-color:var(--x-background-a100)}.x-examples .x-examples-info>p{margin:.25rem 0 0}.x-examples .x-examples-info>p:first-of-type{margin-top:0}.x-examples .x-examples-info>ul{margin:.25rem 0}.x-examples .x-examples-info>ul>li{list-style-type:square;margin-left:1.25rem;line-height:1.75rem}.x-examples>x-tabs>.x-tabs{width:100%}.x-examples>x-tabs>.x-tabs>.x-tabs-list{border:none}.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list{border:none;background:rgba(0,0,0,.05)}.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list{padding:0}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider>.x-slider-scroll>ul{min-width:6rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XExamplesComponent, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XExamplesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XExamplesComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XExamplesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: XExamplesComponent, selector: "x-examples", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-examples{margin:0;padding:0;display:block}.x-examples .x-examples-html{padding:1rem;margin:1rem 0;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:.125rem;position:relative}.x-examples .x-examples-tools{position:absolute;bottom:-.875rem;left:0;display:flex;width:100%;justify-content:center}.x-examples .x-examples-tools .x-buttons{background-color:var(--x-background);padding:0 .25rem}.x-examples .x-examples-code{padding:1rem 0}.x-examples .x-examples-code>x-tabs>.x-tabs{border-radius:.125rem}.x-examples .x-examples-code>x-tabs>.x-tabs>.x-tabs-contents>.x-tab-content>.x-highlight{border-top:0}.x-examples .x-examples-code>x-tabs>.x-tabs>.x-tabs-contents>.x-tab-content>.x-highlight>pre{background-color:transparent}.x-examples .x-examples-info{padding:1rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:.125rem;background-color:var(--x-background-a100)}.x-examples .x-examples-info>p{margin:.25rem 0 0}.x-examples .x-examples-info>p:first-of-type{margin-top:0}.x-examples .x-examples-info>ul{margin:.25rem 0}.x-examples .x-examples-info>ul>li{list-style-type:square;margin-left:1.25rem;line-height:1.75rem}.x-examples>x-tabs>.x-tabs{width:100%}.x-examples>x-tabs>.x-tabs>.x-tabs-list{border:none}.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list{border:none;background:rgba(0,0,0,.05)}.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list{padding:0}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider>.x-slider-scroll>ul{min-width:6rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XExamplesComponent, decorators: [{
             type: Component,
             args: [{ selector: `${XExamplesPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-examples{margin:0;padding:0;display:block}.x-examples .x-examples-html{padding:1rem;margin:1rem 0;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:.125rem;position:relative}.x-examples .x-examples-tools{position:absolute;bottom:-.875rem;left:0;display:flex;width:100%;justify-content:center}.x-examples .x-examples-tools .x-buttons{background-color:var(--x-background);padding:0 .25rem}.x-examples .x-examples-code{padding:1rem 0}.x-examples .x-examples-code>x-tabs>.x-tabs{border-radius:.125rem}.x-examples .x-examples-code>x-tabs>.x-tabs>.x-tabs-contents>.x-tab-content>.x-highlight{border-top:0}.x-examples .x-examples-code>x-tabs>.x-tabs>.x-tabs-contents>.x-tab-content>.x-highlight>pre{background-color:transparent}.x-examples .x-examples-info{padding:1rem;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:.125rem;background-color:var(--x-background-a100)}.x-examples .x-examples-info>p{margin:.25rem 0 0}.x-examples .x-examples-info>p:first-of-type{margin-top:0}.x-examples .x-examples-info>ul{margin:.25rem 0}.x-examples .x-examples-info>ul>li{list-style-type:square;margin-left:1.25rem;line-height:1.75rem}.x-examples>x-tabs>.x-tabs{width:100%}.x-examples>x-tabs>.x-tabs>.x-tabs-list{border:none}.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list{border:none;background:rgba(0,0,0,.05)}.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs>.x-tabs-contents>x-tab-content>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-row>.x-slider-scroll>ul>li.x-slider-highlight,.x-examples>x-tabs>.x-tabs-top>.x-tabs-list>x-slider>.x-slider-column>.x-slider-scroll>ul>li.x-slider-highlight{border-radius:var(--x-border-radius);border:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list{padding:0}.x-examples>x-tabs>.x-tabs-left>.x-tabs-list>x-slider>.x-slider>.x-slider-scroll>ul{min-width:6rem}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });

package/esm2020/examples/examples.module.mjs

@@ -4,10 +4,10 @@ import { XExamplesComponent } from './examples.component';
 import * as i0 from "@angular/core";
 export class XExamplesModule {
 }
-/** @nocollapse */ /** @nocollapse */ XExamplesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-/** @nocollapse */ /** @nocollapse */ XExamplesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XExamplesModule, declarations: [XExamplesComponent], imports: [CommonModule], exports: [XExamplesComponent] });
-/** @nocollapse */ /** @nocollapse */ XExamplesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XExamplesModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XExamplesModule, decorators: [{
+/** @nocollapse */ /** @nocollapse */ XExamplesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XExamplesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XExamplesModule, declarations: [XExamplesComponent], imports: [CommonModule], exports: [XExamplesComponent] });
+/** @nocollapse */ /** @nocollapse */ XExamplesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XExamplesModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: XExamplesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [XExamplesComponent],