@impartner/design-components 2.0.0 → 2.1.0

package/README.md

@@ -13,7 +13,8 @@ In addition to core dependencies on Angular and RxJS, the package also depends o
 | @impartner/design-components | Angular  | @impartner/design | ng-bootstrap | Popper  | nanoid | sanitize-html | lodash   |
 | ---------------------------- | -------- | ----------------- | ------------ | ------- | ------ | ------------- | -------- |
 | 1.0.x                        | 14.2.0   | 1.0.1             | 13.1.1       | 2.10.2  | 4.0.0  | 2.10.0        |          |
-| 2.0.0                        | >=17.0.1 | ^2.0.0            | ^16.0.0      | ^2.11.8 | ^5.0.4 | ^2.10.0       | ^4.17.21 |
+| 2.0.x                        | >=17.0.1 | ^2.0.0            | ^16.0.0      | ^2.11.8 | ^5.0.4 | ^2.10.0       | ^4.17.21 |
+| 2.1.0                        | >=17.0.1 | ^2.1.0            | ^16.0.0      | ^2.11.8 | ^5.0.4 | ^2.10.0       | ^4.17.21 |
 
 ## Installation
 

package/esm2022/lib/badge/badge.component.mjs

@@ -7,6 +7,12 @@ import * as i2 from "../icon/icon.component";
 /**
  * The `BadgeComponent` (`<impdc-badge` or `any impdc-badge`) displays [preferably short] text with a rounded background and themed colors.
  * To use, import `BadgeModule` or another module that imports and exports that module from `@impartner/design-components`.
+ *
+ * Use badges to communicate the status of an item or the result of an action taken. Badges are non-interactive, meaning they should not
+ * be added or removed by a user. Try and keep badge text as short and clear as possible, 2 or 3 words max is probably best. Using short
+ * words increases the ability to scan.
+ *
+ * Use Tags for interactive experiences where users can add or remove.
  */
 export class BadgeComponent {
     constructor() {
@@ -36,10 +42,18 @@ export class BadgeComponent {
         this.rounded = true;
         /**
          * Adds a dismiss icon to the right of the Badge text.
+         *
+         * Deprecated - Use Tags for interactive elements that a user may add or remove.
+         *
+         * @deprecated
          */
         this.dismissable = false;
         /**
          * An event emitted when the component is dismissed.
+         *
+         * Deprecated - Use Tags for interactive elements that a user may add or remove.
+         *
+         * @deprecated
          */
         this.dismiss = new EventEmitter();
         this._dismissed = false;
@@ -61,6 +75,8 @@ export class BadgeComponent {
         return this.hideBg;
     }
     handleDismiss(event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (!this.dismissable) {
             return;
         }
@@ -102,4 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImpor
                 type: HostBinding,
                 args: ['hidden']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osV0FBVyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQW1CLE1BQU0sYUFBYSxDQUFDO0FBQzlELE9BQU8sRUFBYSxTQUFTLEVBQWMsTUFBTSxTQUFTLENBQUM7Ozs7QUFFM0Q7OztHQUdHO0FBS0gsTUFBTSxPQUFPLGNBQWM7SUFKM0I7UUFLRTs7V0FFRztRQUVILFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVjs7V0FFRztRQUVILFNBQUksR0FBYyxFQUFFLENBQUM7UUFFckI7O1dBRUc7UUFFSCxVQUFLLEdBQW9CLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFFaEQ7O1dBRUc7UUFFSCxTQUFJLEdBQWUsU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUVyQzs7V0FFRztRQUVILFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZjs7V0FFRztRQUVILFlBQU8sR0FBRyxJQUFJLENBQUM7UUFFZjs7V0FFRztRQUVILGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBRXBCOztXQUVHO1FBRUgsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFzQixDQUFDO1FBd0J6QyxlQUFVLEdBQUcsS0FBSyxDQUFDO0tBUzVCO0lBL0JDLElBQWtDLFVBQVU7UUFDMUMsSUFBSSxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ3RCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLE9BQU8sSUFBSSxTQUFTLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUM3RDtRQUNELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDM0IsT0FBTyxJQUFJLFVBQVUsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2xDO1FBQ0QsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQztJQUVELElBQ1ksaUJBQWlCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdEMsQ0FBQztJQUVELElBQ1ksY0FBYztRQUN4QixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUtELGFBQWEsQ0FBQyxLQUF5QjtRQUNyQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN2QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQixDQUFDOzhHQS9FVSxjQUFjO2tHQUFkLGNBQWMsbVpDbEIzQixpTkFLQTs7MkZEYWEsY0FBYztrQkFKMUIsU0FBUzsrQkFDRSw0QkFBNEI7OEJBUXRDLElBQUk7c0JBREgsS0FBSztnQkFPTixJQUFJO3NCQURILEtBQUs7Z0JBT04sS0FBSztzQkFESixLQUFLO2dCQU9OLElBQUk7c0JBREgsS0FBSztnQkFPTixNQUFNO3NCQURMLEtBQUs7Z0JBT04sT0FBTztzQkFETixLQUFLO2dCQU9OLFdBQVc7c0JBRFYsS0FBSztnQkFPTixPQUFPO3NCQUROLE1BQU07Z0JBRzJCLFVBQVU7c0JBQTNDLFdBQVc7dUJBQUMsT0FBTztnQkFZUixpQkFBaUI7c0JBRDVCLFdBQVc7dUJBQUMsb0JBQW9CO2dCQU1yQixjQUFjO3NCQUR6QixXQUFXO3VCQUFDLFlBQVk7Z0JBTWpCLFVBQVU7c0JBRGpCLFdBQVc7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZ1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudFRoZW1lLCBDb21wb25lbnRUaGVtZXMgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5pbXBvcnQgeyBCYWRnZUljb24sIEJhZGdlU2l6ZSwgQmFkZ2VTaXplcyB9IGZyb20gJy4vdHlwZXMnO1xuXG4vKipcbiAqIFRoZSBgQmFkZ2VDb21wb25lbnRgIChgPGltcGRjLWJhZGdlYCBvciBgYW55IGltcGRjLWJhZGdlYCkgZGlzcGxheXMgW3ByZWZlcmFibHkgc2hvcnRdIHRleHQgd2l0aCBhIHJvdW5kZWQgYmFja2dyb3VuZCBhbmQgdGhlbWVkIGNvbG9ycy5cbiAqIFRvIHVzZSwgaW1wb3J0IGBCYWRnZU1vZHVsZWAgb3IgYW5vdGhlciBtb2R1bGUgdGhhdCBpbXBvcnRzIGFuZCBleHBvcnRzIHRoYXQgbW9kdWxlIGZyb20gYEBpbXBhcnRuZXIvZGVzaWduLWNvbXBvbmVudHNgLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbXBkYy1iYWRnZSwgW2ltcGRjLWJhZGdlXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHRleHQgZGlzcGxheWVkIGluIHRoZSBjZW50ZXIgb2YgdGhlIEJhZGdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgdGV4dCA9ICcnO1xuXG4gIC8qKlxuICAgKiBBbiBpY29uIGRpc3BsYXllZCBsZWZ0IG9mIHRoZSBCYWRnZSB0ZXh0LlxuICAgKi9cbiAgQElucHV0KClcbiAgaWNvbjogQmFkZ2VJY29uID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBjb2xvciB0aGVtZSBvZiB0aGUgQmFkZ2UuIFRoaXMgd2lsbCBhZmZlY3QgYm90aCB0ZXh0IGFuZCBiYWNrZ3JvdW5kIGNvbG9ycyBiYXNlZCBvbiBhbGxvd2VkIGRlc2lnbnMuXG4gICAqL1xuICBASW5wdXQoKVxuICB0aGVtZTogQ29tcG9uZW50VGhlbWVzID0gQ29tcG9uZW50VGhlbWUuUHJpbWFyeTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIEJhZGdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZTogQmFkZ2VTaXplcyA9IEJhZGdlU2l6ZS5EZWZhdWx0O1xuXG4gIC8qKlxuICAgKiBBbGxvd3MgdGhlIGJhY2tncm91bmQgb2YgdGhlIEJhZGdlIHRvIGJlIHJlbW92ZWQuXG4gICAqL1xuICBASW5wdXQoKVxuICBoaWRlQmcgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBjb250cm9scyBhZGRpbmcgdGhlIGByb3VuZGVkLXBpbGxgIGNsYXNzIHRvIHRoZSBCYWRnZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHJvdW5kZWQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGEgZGlzbWlzcyBpY29uIHRvIHRoZSByaWdodCBvZiB0aGUgQmFkZ2UgdGV4dC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGRpc21pc3NhYmxlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFuIGV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgY29tcG9uZW50IGlzIGRpc21pc3NlZC5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBkaXNtaXNzID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50IHwgRXZlbnQ+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHByaXZhdGUgZ2V0IGNsYXNzQmFkZ2UoKTogc3RyaW5nIHtcbiAgICBsZXQgY2xhc3NlcyA9ICdiYWRnZSc7XG4gICAgaWYgKHRoaXMudGhlbWUpIHtcbiAgICAgIGNsYXNzZXMgKz0gYCB0ZXh0LSR7dGhpcy5oaWRlQmcgPyAnJyA6ICdiZy0nfSR7dGhpcy50aGVtZX1gO1xuICAgIH1cbiAgICBpZiAodGhpcy5zaXplICE9PSAnZGVmYXVsdCcpIHtcbiAgICAgIGNsYXNzZXMgKz0gYCBiYWRnZS0ke3RoaXMuc2l6ZX1gO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm91bmRlZC1waWxsJylcbiAgcHJpdmF0ZSBnZXQgY2xhc3NCYWRnZVJvdW5kZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucm91bmRlZCAmJiAhdGhpcy5oaWRlQmc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnB4LTAnKVxuICBwcml2YXRlIGdldCBjbGFzc05vUGFkZGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5oaWRlQmc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2hpZGRlbicpXG4gIHByaXZhdGUgX2Rpc21pc3NlZCA9IGZhbHNlO1xuXG4gIGhhbmRsZURpc21pc3MoZXZlbnQ6IE1vdXNlRXZlbnQgfCBFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNtaXNzYWJsZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9kaXNtaXNzZWQgPSB0cnVlO1xuICAgIHRoaXMuZGlzbWlzcy5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPHNwYW4gKm5nSWY9XCJpY29uXCIgaW1wZGMtaWNvbiBbbmFtZV09XCJpY29uID09PSAnZG90JyA/ICdjaXJjbGUnIDogaWNvblwiPjwvc3Bhbj5cbnt7IHRleHQgfX1cbjxhICpuZ0lmPVwiZGlzbWlzc2FibGVcIiAoY2xpY2spPVwiaGFuZGxlRGlzbWlzcygkZXZlbnQpXCI+XG4gIDxzcGFuIGltcGRjLWljb24gbmFtZT1cInRpbWVzXCI+PC9zcGFuPlxuPC9hPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9iYWRnZS9iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2JhZGdlL2JhZGdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osV0FBVyxFQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQW1CLE1BQU0sYUFBYSxDQUFDO0FBQzlELE9BQU8sRUFBYSxTQUFTLEVBQWMsTUFBTSxTQUFTLENBQUM7Ozs7QUFFM0Q7Ozs7Ozs7OztHQVNHO0FBS0gsTUFBTSxPQUFPLGNBQWM7SUFKM0I7UUFLRTs7V0FFRztRQUVILFNBQUksR0FBRyxFQUFFLENBQUM7UUFFVjs7V0FFRztRQUVILFNBQUksR0FBYyxFQUFFLENBQUM7UUFFckI7O1dBRUc7UUFFSCxVQUFLLEdBQW9CLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFFaEQ7O1dBRUc7UUFFSCxTQUFJLEdBQWUsU0FBUyxDQUFDLE9BQU8sQ0FBQztRQUVyQzs7V0FFRztRQUVILFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZjs7V0FFRztRQUVILFlBQU8sR0FBRyxJQUFJLENBQUM7UUFFZjs7Ozs7O1dBTUc7UUFFSCxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUVwQjs7Ozs7O1dBTUc7UUFFSCxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUF3QnpDLGVBQVUsR0FBRyxLQUFLLENBQUM7S0FhNUI7SUFuQ0MsSUFBa0MsVUFBVTtRQUMxQyxJQUFJLE9BQU8sR0FBRyxPQUFPLENBQUM7UUFDdEIsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsT0FBTyxJQUFJLFNBQVMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzdEO1FBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUMzQixPQUFPLElBQUksVUFBVSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDbEM7UUFDRCxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDO0lBRUQsSUFDWSxpQkFBaUI7UUFDM0IsT0FBTyxJQUFJLENBQUMsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFDWSxjQUFjO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBS1MsYUFBYSxDQUFDLEtBQXlCO1FBQy9DLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDckIsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs4R0EzRlUsY0FBYztrR0FBZCxjQUFjLG1aQ3hCM0IsaU5BS0E7OzJGRG1CYSxjQUFjO2tCQUoxQixTQUFTOytCQUNFLDRCQUE0Qjs4QkFRdEMsSUFBSTtzQkFESCxLQUFLO2dCQU9OLElBQUk7c0JBREgsS0FBSztnQkFPTixLQUFLO3NCQURKLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxLQUFLO2dCQU9OLE1BQU07c0JBREwsS0FBSztnQkFPTixPQUFPO3NCQUROLEtBQUs7Z0JBV04sV0FBVztzQkFEVixLQUFLO2dCQVdOLE9BQU87c0JBRE4sTUFBTTtnQkFHMkIsVUFBVTtzQkFBM0MsV0FBVzt1QkFBQyxPQUFPO2dCQVlSLGlCQUFpQjtzQkFENUIsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBTXJCLGNBQWM7c0JBRHpCLFdBQVc7dUJBQUMsWUFBWTtnQkFNakIsVUFBVTtzQkFEakIsV0FBVzt1QkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50VGhlbWUsIENvbXBvbmVudFRoZW1lcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IEJhZGdlSWNvbiwgQmFkZ2VTaXplLCBCYWRnZVNpemVzIH0gZnJvbSAnLi90eXBlcyc7XG5cbi8qKlxuICogVGhlIGBCYWRnZUNvbXBvbmVudGAgKGA8aW1wZGMtYmFkZ2VgIG9yIGBhbnkgaW1wZGMtYmFkZ2VgKSBkaXNwbGF5cyBbcHJlZmVyYWJseSBzaG9ydF0gdGV4dCB3aXRoIGEgcm91bmRlZCBiYWNrZ3JvdW5kIGFuZCB0aGVtZWQgY29sb3JzLlxuICogVG8gdXNlLCBpbXBvcnQgYEJhZGdlTW9kdWxlYCBvciBhbm90aGVyIG1vZHVsZSB0aGF0IGltcG9ydHMgYW5kIGV4cG9ydHMgdGhhdCBtb2R1bGUgZnJvbSBgQGltcGFydG5lci9kZXNpZ24tY29tcG9uZW50c2AuXG4gKlxuICogVXNlIGJhZGdlcyB0byBjb21tdW5pY2F0ZSB0aGUgc3RhdHVzIG9mIGFuIGl0ZW0gb3IgdGhlIHJlc3VsdCBvZiBhbiBhY3Rpb24gdGFrZW4uIEJhZGdlcyBhcmUgbm9uLWludGVyYWN0aXZlLCBtZWFuaW5nIHRoZXkgc2hvdWxkIG5vdFxuICogYmUgYWRkZWQgb3IgcmVtb3ZlZCBieSBhIHVzZXIuIFRyeSBhbmQga2VlcCBiYWRnZSB0ZXh0IGFzIHNob3J0IGFuZCBjbGVhciBhcyBwb3NzaWJsZSwgMiBvciAzIHdvcmRzIG1heCBpcyBwcm9iYWJseSBiZXN0LiBVc2luZyBzaG9ydFxuICogd29yZHMgaW5jcmVhc2VzIHRoZSBhYmlsaXR5IHRvIHNjYW4uXG4gKlxuICogVXNlIFRhZ3MgZm9yIGludGVyYWN0aXZlIGV4cGVyaWVuY2VzIHdoZXJlIHVzZXJzIGNhbiBhZGQgb3IgcmVtb3ZlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbXBkYy1iYWRnZSwgW2ltcGRjLWJhZGdlXScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYWRnZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQmFkZ2VDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIHRleHQgZGlzcGxheWVkIGluIHRoZSBjZW50ZXIgb2YgdGhlIEJhZGdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgdGV4dCA9ICcnO1xuXG4gIC8qKlxuICAgKiBBbiBpY29uIGRpc3BsYXllZCBsZWZ0IG9mIHRoZSBCYWRnZSB0ZXh0LlxuICAgKi9cbiAgQElucHV0KClcbiAgaWNvbjogQmFkZ2VJY29uID0gJyc7XG5cbiAgLyoqXG4gICAqIFRoZSBjb2xvciB0aGVtZSBvZiB0aGUgQmFkZ2UuIFRoaXMgd2lsbCBhZmZlY3QgYm90aCB0ZXh0IGFuZCBiYWNrZ3JvdW5kIGNvbG9ycyBiYXNlZCBvbiBhbGxvd2VkIGRlc2lnbnMuXG4gICAqL1xuICBASW5wdXQoKVxuICB0aGVtZTogQ29tcG9uZW50VGhlbWVzID0gQ29tcG9uZW50VGhlbWUuUHJpbWFyeTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIEJhZGdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZTogQmFkZ2VTaXplcyA9IEJhZGdlU2l6ZS5EZWZhdWx0O1xuXG4gIC8qKlxuICAgKiBBbGxvd3MgdGhlIGJhY2tncm91bmQgb2YgdGhlIEJhZGdlIHRvIGJlIHJlbW92ZWQuXG4gICAqL1xuICBASW5wdXQoKVxuICBoaWRlQmcgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhpcyBjb250cm9scyBhZGRpbmcgdGhlIGByb3VuZGVkLXBpbGxgIGNsYXNzIHRvIHRoZSBCYWRnZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHJvdW5kZWQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBBZGRzIGEgZGlzbWlzcyBpY29uIHRvIHRoZSByaWdodCBvZiB0aGUgQmFkZ2UgdGV4dC5cbiAgICpcbiAgICogRGVwcmVjYXRlZCAtIFVzZSBUYWdzIGZvciBpbnRlcmFjdGl2ZSBlbGVtZW50cyB0aGF0IGEgdXNlciBtYXkgYWRkIG9yIHJlbW92ZS5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIGRpc21pc3NhYmxlID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFuIGV2ZW50IGVtaXR0ZWQgd2hlbiB0aGUgY29tcG9uZW50IGlzIGRpc21pc3NlZC5cbiAgICpcbiAgICogRGVwcmVjYXRlZCAtIFVzZSBUYWdzIGZvciBpbnRlcmFjdGl2ZSBlbGVtZW50cyB0aGF0IGEgdXNlciBtYXkgYWRkIG9yIHJlbW92ZS5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIEBPdXRwdXQoKVxuICBkaXNtaXNzID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50IHwgRXZlbnQ+KCk7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHByaXZhdGUgZ2V0IGNsYXNzQmFkZ2UoKTogc3RyaW5nIHtcbiAgICBsZXQgY2xhc3NlcyA9ICdiYWRnZSc7XG4gICAgaWYgKHRoaXMudGhlbWUpIHtcbiAgICAgIGNsYXNzZXMgKz0gYCB0ZXh0LSR7dGhpcy5oaWRlQmcgPyAnJyA6ICdiZy0nfSR7dGhpcy50aGVtZX1gO1xuICAgIH1cbiAgICBpZiAodGhpcy5zaXplICE9PSAnZGVmYXVsdCcpIHtcbiAgICAgIGNsYXNzZXMgKz0gYCBiYWRnZS0ke3RoaXMuc2l6ZX1gO1xuICAgIH1cbiAgICByZXR1cm4gY2xhc3NlcztcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3Mucm91bmRlZC1waWxsJylcbiAgcHJpdmF0ZSBnZXQgY2xhc3NCYWRnZVJvdW5kZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucm91bmRlZCAmJiAhdGhpcy5oaWRlQmc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnB4LTAnKVxuICBwcml2YXRlIGdldCBjbGFzc05vUGFkZGluZygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5oaWRlQmc7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2hpZGRlbicpXG4gIHByaXZhdGUgX2Rpc21pc3NlZCA9IGZhbHNlO1xuXG4gIHByb3RlY3RlZCBoYW5kbGVEaXNtaXNzKGV2ZW50OiBNb3VzZUV2ZW50IHwgRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgaWYgKCF0aGlzLmRpc21pc3NhYmxlKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5fZGlzbWlzc2VkID0gdHJ1ZTtcbiAgICB0aGlzLmRpc21pc3MuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxzcGFuICpuZ0lmPVwiaWNvblwiIGltcGRjLWljb24gW25hbWVdPVwiaWNvbiA9PT0gJ2RvdCcgPyAnY2lyY2xlJyA6IGljb25cIj48L3NwYW4+XG57eyB0ZXh0IH19XG48YSAqbmdJZj1cImRpc21pc3NhYmxlXCIgKGNsaWNrKT1cImhhbmRsZURpc21pc3MoJGV2ZW50KVwiPlxuICA8c3BhbiBpbXBkYy1pY29uIG5hbWU9XCJ0aW1lc1wiPjwvc3Bhbj5cbjwvYT5cbiJdfQ==

package/esm2022/lib/datetime-picker/components/datepicker-nav/datepicker-nav.component.mjs

@@ -0,0 +1,105 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, EventEmitter, Input, Output, inject } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { NgbDate, NgbDatepickerI18n } from '@ng-bootstrap/ng-bootstrap';
+import { ImpdcFormsModule } from '../../../form-field';
+import { IconModule } from '../../../icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../../form-field/controls/select/option/select-option.component";
+import * as i4 from "../../../form-field/controls/select/select.component";
+import * as i5 from "../../../icon/icon.component";
+export class DatepickerNavComponent {
+    constructor() {
+        this._cd = inject(ChangeDetectorRef);
+        this._destroyRef$ = inject(DestroyRef);
+        this.monthControl = new FormControl(null);
+        this.yearControl = new FormControl(null);
+        this.datepickerI18n = inject(NgbDatepickerI18n);
+        this._disabled = false;
+        this.prevDisabled = false;
+        this.nextDisabled = false;
+        this.navigate = new EventEmitter();
+        this.selected = new EventEmitter();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = value;
+        if (value) {
+            this.monthControl.disable();
+            this.yearControl.disable();
+        }
+        else {
+            this.monthControl.enable();
+            this.yearControl.enable();
+        }
+    }
+    onClickGoPrevious(event) {
+        event.currentTarget.focus();
+        this.navigate.emit(0);
+    }
+    onClickGoNext(event) {
+        event.currentTarget.focus();
+        this.navigate.emit(1);
+    }
+    changeMonth(month) {
+        this.selected.emit(new NgbDate(this.date.year, month, 1));
+    }
+    changeYear(year) {
+        this.selected.emit(new NgbDate(year, this.date.month, 1));
+    }
+    ngOnInit() {
+        this.monthControl.valueChanges
+            .pipe(takeUntilDestroyed(this._destroyRef$))
+            .subscribe(month => !!month && this.changeMonth(month));
+        this.yearControl.valueChanges
+            .pipe(takeUntilDestroyed(this._destroyRef$))
+            .subscribe(year => !!year && this.changeYear(year));
+        this._applyDateToControls(this.date);
+    }
+    ngAfterViewChecked() {
+        this._applyDateToControls(this.date);
+    }
+    _applyDateToControls(dateValue) {
+        if (dateValue) {
+            if (this.date.month !== this.monthControl.value) {
+                this.monthControl.setValue(this.date.month);
+                this._cd.markForCheck();
+            }
+            if (this.date.year !== this.yearControl.value) {
+                this.yearControl.setValue(this.date.year);
+                this._cd.markForCheck();
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: DatepickerNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.1", type: DatepickerNavComponent, isStandalone: true, selector: "impdc-datepicker-nav", inputs: { date: "date", disabled: "disabled", prevDisabled: "prevDisabled", nextDisabled: "nextDisabled", selectBoxes: "selectBoxes" }, outputs: { navigate: "navigate", selected: "selected" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between align-items-center\">\n  <button\n    class=\"impdc-datepicker-nav-prev btn btn-link me-auto\"\n    (click)=\"onClickGoPrevious($event)\"\n    [disabled]=\"disabled || prevDisabled\">\n    <impdc-icon name=\"chevron-left\" size=\"12\"></impdc-icon>\n  </button>\n\n  <div class=\"d-flex\">\n    <impdc-select\n      [formControl]=\"monthControl\"\n      [dropdownContainer]=\"null\"\n      allowClear=\"false\"\n      class=\"impdc-datepicker-nav-month no-caret\">\n      <impdc-select-option\n        *ngFor=\"let month of selectBoxes.months\"\n        [value]=\"month\"\n        [label]=\"datepickerI18n.getMonthFullName(month, date.year)\" />\n    </impdc-select>\n    <impdc-select\n      [formControl]=\"yearControl\"\n      [dropdownContainer]=\"null\"\n      allowClear=\"false\"\n      class=\"impdc-datepicker-nav-year no-caret\">\n      @for (year of selectBoxes.years; track year) {\n      <impdc-select-option\n        [value]=\"year\"\n        [label]=\"datepickerI18n.getYearNumerals(year)\" />\n      }\n    </impdc-select>\n  </div>\n\n  <button\n    class=\"impdc-datepicker-nav-next btn btn-link ms-auto\"\n    (click)=\"onClickGoNext($event)\"\n    [disabled]=\"disabled || nextDisabled\">\n    <impdc-icon name=\"chevron-right\" size=\"12\"></impdc-icon>\n  </button>\n</div>\n", styles: [":host{display:block;width:100%}.form-select{--impartner-hex-border-width: 0;box-shadow:none}.form-select ::ng-deep .impdc-select--toggle{--impartner-hex-btn-font-size: var(--impd-font-size-lg);--impartner-hex-btn-line-height: 3rem;box-shadow:none;padding:var(--impd-size-0_5) var(--impd-size-2)}.form-select ::ng-deep .impdc-select--text{font-size:var(--impd-font-size-lg);font-weight:var(--impd-font-weight-semibold);line-height:3rem}.impdc-datepicker-nav-prev,.impdc-datepicker-nav-next{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:2.4rem;justify-content:center;padding:0;width:2.4rem}.impdc-datepicker-nav-prev:hover,.impdc-datepicker-nav-prev:focus,.impdc-datepicker-nav-prev:active,.impdc-datepicker-nav-next:hover,.impdc-datepicker-nav-next:focus,.impdc-datepicker-nav-next:active{background-color:var(--impd-color-gray-100)}.impdc-datepicker-nav-prev impdc-icon,.impdc-datepicker-nav-next impdc-icon{line-height:1}.impdc-datepicker-nav-month:hover,.impdc-datepicker-nav-month:focus,.impdc-datepicker-nav-month:active,.impdc-datepicker-nav-year:hover,.impdc-datepicker-nav-year:focus,.impdc-datepicker-nav-year:active{--impartner-hex-btn-bg: var(--impd-color-gray-100);background-color:var(--impd-color-gray-100)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ImpdcFormsModule }, { kind: "component", type: i3.SelectOptionComponent, selector: "impdc-select-option", inputs: ["value", "label", "disabled"] }, { kind: "component", type: i4.SelectComponent, selector: "impdc-select", inputs: ["disabled", "tabIndex", "search", "placeholder", "required", "compareWith", "dropdownContainer", "errorStateMatcher", "allowClear", "multiple", "multipleDisplay"], outputs: ["selectionChange", "valueChange", "searchTextChanges"], exportAs: ["impdcSelect"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i5.IconComponent, selector: "impdc-icon, [impdc-icon]", inputs: ["name", "theme", "size"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: DatepickerNavComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'impdc-datepicker-nav', standalone: true, imports: [CommonModule, ReactiveFormsModule, ImpdcFormsModule, IconModule], changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"d-flex justify-content-between align-items-center\">\n  <button\n    class=\"impdc-datepicker-nav-prev btn btn-link me-auto\"\n    (click)=\"onClickGoPrevious($event)\"\n    [disabled]=\"disabled || prevDisabled\">\n    <impdc-icon name=\"chevron-left\" size=\"12\"></impdc-icon>\n  </button>\n\n  <div class=\"d-flex\">\n    <impdc-select\n      [formControl]=\"monthControl\"\n      [dropdownContainer]=\"null\"\n      allowClear=\"false\"\n      class=\"impdc-datepicker-nav-month no-caret\">\n      <impdc-select-option\n        *ngFor=\"let month of selectBoxes.months\"\n        [value]=\"month\"\n        [label]=\"datepickerI18n.getMonthFullName(month, date.year)\" />\n    </impdc-select>\n    <impdc-select\n      [formControl]=\"yearControl\"\n      [dropdownContainer]=\"null\"\n      allowClear=\"false\"\n      class=\"impdc-datepicker-nav-year no-caret\">\n      @for (year of selectBoxes.years; track year) {\n      <impdc-select-option\n        [value]=\"year\"\n        [label]=\"datepickerI18n.getYearNumerals(year)\" />\n      }\n    </impdc-select>\n  </div>\n\n  <button\n    class=\"impdc-datepicker-nav-next btn btn-link ms-auto\"\n    (click)=\"onClickGoNext($event)\"\n    [disabled]=\"disabled || nextDisabled\">\n    <impdc-icon name=\"chevron-right\" size=\"12\"></impdc-icon>\n  </button>\n</div>\n", styles: [":host{display:block;width:100%}.form-select{--impartner-hex-border-width: 0;box-shadow:none}.form-select ::ng-deep .impdc-select--toggle{--impartner-hex-btn-font-size: var(--impd-font-size-lg);--impartner-hex-btn-line-height: 3rem;box-shadow:none;padding:var(--impd-size-0_5) var(--impd-size-2)}.form-select ::ng-deep .impdc-select--text{font-size:var(--impd-font-size-lg);font-weight:var(--impd-font-weight-semibold);line-height:3rem}.impdc-datepicker-nav-prev,.impdc-datepicker-nav-next{align-items:center;border-radius:var(--impd-border-radius-2xl);color:var(--impd-color-gray-700)!important;display:flex;height:2.4rem;justify-content:center;padding:0;width:2.4rem}.impdc-datepicker-nav-prev:hover,.impdc-datepicker-nav-prev:focus,.impdc-datepicker-nav-prev:active,.impdc-datepicker-nav-next:hover,.impdc-datepicker-nav-next:focus,.impdc-datepicker-nav-next:active{background-color:var(--impd-color-gray-100)}.impdc-datepicker-nav-prev impdc-icon,.impdc-datepicker-nav-next impdc-icon{line-height:1}.impdc-datepicker-nav-month:hover,.impdc-datepicker-nav-month:focus,.impdc-datepicker-nav-month:active,.impdc-datepicker-nav-year:hover,.impdc-datepicker-nav-year:focus,.impdc-datepicker-nav-year:active{--impartner-hex-btn-bg: var(--impd-color-gray-100);background-color:var(--impd-color-gray-100)}\n"] }]
+        }], propDecorators: { date: [{
+                type: Input,
+                args: [{ required: true }]
+            }], disabled: [{
+                type: Input,
+                args: [{ required: true }]
+            }], prevDisabled: [{
+                type: Input,
+                args: [{ required: true }]
+            }], nextDisabled: [{
+                type: Input,
+                args: [{ required: true }]
+            }], selectBoxes: [{
+                type: Input,
+                args: [{ required: true }]
+            }], navigate: [{
+                type: Output
+            }], selected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci1uYXYuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRldGltZS1waWNrZXIvY29tcG9uZW50cy9kYXRlcGlja2VyLW5hdi9kYXRlcGlja2VyLW5hdi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2RhdGV0aW1lLXBpY2tlci9jb21wb25lbnRzL2RhdGVwaWNrZXItbmF2L2RhdGVwaWNrZXItbmF2LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUNOLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEUsT0FBTyxFQUNMLE9BQU8sRUFFUCxpQkFBaUIsRUFDbEIsTUFBTSw0QkFBNEIsQ0FBQztBQUNwQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBYTNDLE1BQU0sT0FBTyxzQkFBc0I7SUFSbkM7UUFTbUIsUUFBRyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ2hDLGlCQUFZLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2hDLGlCQUFZLEdB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L2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdDaGVja2VkLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRGVzdHJveVJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIGluamVjdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRha2VVbnRpbERlc3Ryb3llZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUvcnhqcy1pbnRlcm9wJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtcbiAgTmdiRGF0ZSxcbiAgTmdiRGF0ZXBpY2tlcixcbiAgTmdiRGF0ZXBpY2tlckkxOG5cbn0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuaW1wb3J0IHsgSW1wZGNGb3Jtc01vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2ljb24nO1xuXG50eXBlIE5nYkRhdGVwaWNrZXJWaWV3TW9kZWwgPSBOZ2JEYXRlcGlja2VyWydtb2RlbCddO1xudHlwZSBOZ2JOYXZpZ2F0aW9uRXZlbnQgPSBQYXJhbWV0ZXJzPE5nYkRhdGVwaWNrZXJbJ29uTmF2aWdhdGVFdmVudCddPlswXTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1wZGMtZGF0ZXBpY2tlci1uYXYnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBJbXBkY0Zvcm1zTW9kdWxlLCBJY29uTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGVwaWNrZXItbmF2LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0ZXBpY2tlci1uYXYuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5EZWZhdWx0XG59KVxuZXhwb3J0IGNsYXNzIERhdGVwaWNrZXJOYXZDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0NoZWNrZWQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9jZCA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2Rlc3Ryb3lSZWYkID0gaW5qZWN0KERlc3Ryb3lSZWYpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgbW9udGhDb250cm9sID0gbmV3IEZvcm1Db250cm9sPG51bWJlciB8IG51bGw+KG51bGwpO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgeWVhckNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2w8bnVtYmVyIHwgbnVsbD4obnVsbCk7XG4gIHByb3RlY3RlZCByZWFkb25seSBkYXRlcGlja2VySTE4biA9IGluamVjdChOZ2JEYXRlcGlja2VySTE4bik7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgcHVibGljIGRhdGUhOiBOZ2JEYXRlO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIHB1YmxpYyBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICB9XG4gIHB1YmxpYyBzZXQgZGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xuXG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICB0aGlzLm1vbnRoQ29udHJvbC5kaXNhYmxlKCk7XG4gICAgICB0aGlzLnllYXJDb250cm9sLmRpc2FibGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5tb250aENvbnRyb2wuZW5hYmxlKCk7XG4gICAgICB0aGlzLnllYXJDb250cm9sLmVuYWJsZSgpO1xuICAgIH1cbiAgfVxuICBwcml2YXRlIF9kaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gIHB1YmxpYyBwcmV2RGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICBwdWJsaWMgbmV4dERpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgcHVibGljIHNlbGVjdEJveGVzITogTmdiRGF0ZXBpY2tlclZpZXdNb2RlbFsnc2VsZWN0Qm94ZXMnXTtcblxuICBAT3V0cHV0KCkgbmF2aWdhdGUgPSBuZXcgRXZlbnRFbWl0dGVyPE5nYk5hdmlnYXRpb25FdmVudD4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxOZ2JEYXRlPigpO1xuXG4gIHB1YmxpYyBvbkNsaWNrR29QcmV2aW91cyhldmVudDogTW91c2VFdmVudCkge1xuICAgIChldmVudC5jdXJyZW50VGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5mb2N1cygpO1xuICAgIHRoaXMubmF2aWdhdGUuZW1pdCgwKTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNsaWNrR29OZXh0KGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgKGV2ZW50LmN1cnJlbnRUYXJnZXQgYXMgSFRNTEVsZW1lbnQpLmZvY3VzKCk7XG4gICAgdGhpcy5uYXZpZ2F0ZS5lbWl0KDEpO1xuICB9XG5cbiAgcHVibGljIGNoYW5nZU1vbnRoKG1vbnRoOiBudW1iZXIpIHtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQobmV3IE5nYkRhdGUodGhpcy5kYXRlLnllYXIsIG1vbnRoLCAxKSk7XG4gIH1cblxuICBwdWJsaWMgY2hhbmdlWWVhcih5ZWFyOiBudW1iZXIpIHtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQobmV3IE5nYkRhdGUoeWVhciwgdGhpcy5kYXRlLm1vbnRoLCAxKSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5tb250aENvbnRyb2wudmFsdWVDaGFuZ2VzXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5fZGVzdHJveVJlZiQpKVxuICAgICAgLnN1YnNjcmliZShtb250aCA9PiAhIW1vbnRoICYmIHRoaXMuY2hhbmdlTW9udGgobW9udGgpKTtcblxuICAgIHRoaXMueWVhckNvbnRyb2wudmFsdWVDaGFuZ2VzXG4gICAgICAucGlwZSh0YWtlVW50aWxEZXN0cm95ZWQodGhpcy5fZGVzdHJveVJlZiQpKVxuICAgICAgLnN1YnNjcmliZSh5ZWFyID0+ICEheWVhciAmJiB0aGlzLmNoYW5nZVllYXIoeWVhcikpO1xuXG4gICAgdGhpcy5fYXBwbHlEYXRlVG9Db250cm9scyh0aGlzLmRhdGUpO1xuICB9XG5cbiAgcHVibGljIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcbiAgICB0aGlzLl9hcHBseURhdGVUb0NvbnRyb2xzKHRoaXMuZGF0ZSk7XG4gIH1cblxuICBwcml2YXRlIF9hcHBseURhdGVUb0NvbnRyb2xzKGRhdGVWYWx1ZT86IE5nYkRhdGUpOiB2b2lkIHtcbiAgICBpZiAoZGF0ZVZhbHVlKSB7XG4gICAgICBpZiAodGhpcy5kYXRlLm1vbnRoICE9PSB0aGlzLm1vbnRoQ29udHJvbC52YWx1ZSkge1xuICAgICAgICB0aGlzLm1vbnRoQ29udHJvbC5zZXRWYWx1ZSh0aGlzLmRhdGUubW9udGgpO1xuICAgICAgICB0aGlzLl9jZC5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH1cblxuICAgICAgaWYgKHRoaXMuZGF0ZS55ZWFyICE9PSB0aGlzLnllYXJDb250cm9sLnZhbHVlKSB7XG4gICAgICAgIHRoaXMueWVhckNvbnRyb2wuc2V0VmFsdWUodGhpcy5kYXRlLnllYXIpO1xuICAgICAgICB0aGlzLl9jZC5tYXJrRm9yQ2hlY2soKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gIDxidXR0b25cbiAgICBjbGFzcz1cImltcGRjLWRhdGVwaWNrZXItbmF2LXByZXYgYnRuIGJ0bi1saW5rIG1lLWF1dG9cIlxuICAgIChjbGljayk9XCJvbkNsaWNrR29QcmV2aW91cygkZXZlbnQpXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgcHJldkRpc2FibGVkXCI+XG4gICAgPGltcGRjLWljb24gbmFtZT1cImNoZXZyb24tbGVmdFwiIHNpemU9XCIxMlwiPjwvaW1wZGMtaWNvbj5cbiAgPC9idXR0b24+XG5cbiAgPGRpdiBjbGFzcz1cImQtZmxleFwiPlxuICAgIDxpbXBkYy1zZWxlY3RcbiAgICAgIFtmb3JtQ29udHJvbF09XCJtb250aENvbnRyb2xcIlxuICAgICAgW2Ryb3Bkb3duQ29udGFpbmVyXT1cIm51bGxcIlxuICAgICAgYWxsb3dDbGVhcj1cImZhbHNlXCJcbiAgICAgIGNsYXNzPVwiaW1wZGMtZGF0ZXBpY2tlci1uYXYtbW9udGggbm8tY2FyZXRcIj5cbiAgICAgIDxpbXBkYy1zZWxlY3Qtb3B0aW9uXG4gICAgICAgICpuZ0Zvcj1cImxldCBtb250aCBvZiBzZWxlY3RCb3hlcy5tb250aHNcIlxuICAgICAgICBbdmFsdWVdPVwibW9udGhcIlxuICAgICAgICBbbGFiZWxdPVwiZGF0ZXBpY2tlckkxOG4uZ2V0TW9udGhGdWxsTmFtZShtb250aCwgZGF0ZS55ZWFyKVwiIC8+XG4gICAgPC9pbXBkYy1zZWxlY3Q+XG4gICAgPGltcGRjLXNlbGVjdFxuICAgICAgW2Zvcm1Db250cm9sXT1cInllYXJDb250cm9sXCJcbiAgICAgIFtkcm9wZG93bkNvbnRhaW5lcl09XCJudWxsXCJcbiAgICAgIGFsbG93Q2xlYXI9XCJmYWxzZVwiXG4gICAgICBjbGFzcz1cImltcGRjLWRhdGVwaWNrZXItbmF2LXllYXIgbm8tY2FyZXRcIj5cbiAgICAgIEBmb3IgKHllYXIgb2Ygc2VsZWN0Qm94ZXMueWVhcnM7IHRyYWNrIHllYXIpIHtcbiAgICAgIDxpbXBkYy1zZWxlY3Qtb3B0aW9uXG4gICAgICAgIFt2YWx1ZV09XCJ5ZWFyXCJcbiAgICAgICAgW2xhYmVsXT1cImRhdGVwaWNrZXJJMThuLmdldFllYXJOdW1lcmFscyh5ZWFyKVwiIC8+XG4gICAgICB9XG4gICAgPC9pbXBkYy1zZWxlY3Q+XG4gIDwvZGl2PlxuXG4gIDxidXR0b25cbiAgICBjbGFzcz1cImltcGRjLWRhdGVwaWNrZXItbmF2LW5leHQgYnRuIGJ0bi1saW5rIG1zLWF1dG9cIlxuICAgIChjbGljayk9XCJvbkNsaWNrR29OZXh0KCRldmVudClcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBuZXh0RGlzYWJsZWRcIj5cbiAgICA8aW1wZGMtaWNvbiBuYW1lPVwiY2hldnJvbi1yaWdodFwiIHNpemU9XCIxMlwiPjwvaW1wZGMtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/datetime-picker/components/datepicker-nav/index.mjs

@@ -0,0 +1,2 @@
+export * from './datepicker-nav.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2RhdGV0aW1lLXBpY2tlci9jb21wb25lbnRzL2RhdGVwaWNrZXItbmF2L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2RhdGVwaWNrZXItbmF2LmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.mjs

@@ -0,0 +1,30 @@
+import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild, inject } from '@angular/core';
+import { NgbCalendar, NgbDatepickerMonth } from '@ng-bootstrap/ng-bootstrap';
+import { DatepickerNavComponent } from '../datepicker-nav';
+import * as i0 from "@angular/core";
+export class DatepickerTemplateHostComponent {
+    constructor() {
+        this._calendar = inject(NgbCalendar);
+        this.isWeekend = (date) => this._calendar.getWeekday(date) >= 6;
+        this.isToday = (date) => this._calendar.getToday().equals(date);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: DatepickerTemplateHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.1", type: DatepickerTemplateHostComponent, isStandalone: true, selector: "impdc-datepicker-template-host", viewQueries: [{ propertyName: "dayTemplateRef", first: true, predicate: ["dayTemplate"], descendants: true, read: (TemplateRef), static: true }, { propertyName: "contentTemplateRef", first: true, predicate: ["contentTemplate"], descendants: true, read: (TemplateRef), static: true }], ngImport: i0, template: "<ng-template\n  #dayTemplate\n  let-date\n  let-currentMonth=\"currentMonth\"\n  let-selected=\"selected\"\n  let-disabled=\"disabled\"\n  let-focused=\"focused\">\n  <span\n    class=\"impdc-datepicker-day\"\n    [class.impdc-datepicker-day--today]=\"isToday(date)\"\n    [class.impdc-datepicker-day--weekend]=\"isWeekend(date)\"\n    [class.impdc-datepicker-day--focused]=\"focused\"\n    [class.impdc-datepicker-day--selected]=\"selected\"\n    [class.impdc-datepicker-day--other-month]=\"date.month !== currentMonth\"\n    [class.impdc-datepicker-day--disabled]=\"disabled\">\n    {{ date.day }}\n  </span>\n</ng-template>\n\n<ng-template #contentTemplate let-dp>\n  <div class=\"impdc-datepicker-content p-4\">\n    <impdc-datepicker-nav\n      [date]=\"dp.model.firstDate!\"\n      [disabled]=\"dp.model.disabled\"\n      [prevDisabled]=\"dp.model.prevDisabled\"\n      [nextDisabled]=\"dp.model.nextDisabled\"\n      [selectBoxes]=\"dp.model.selectBoxes\"\n      (navigate)=\"dp.onNavigateEvent($event)\"\n      (selected)=\"dp.onNavigateDateSelect($event)\"></impdc-datepicker-nav>\n    <div class=\"custom-month-grid\">\n      @for (month of dp.state.months; track month) {\n      <div>\n        <ngb-datepicker-month [month]=\"month\"></ngb-datepicker-month>\n      </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:none}.impdc-datepicker-day{border-radius:var(--impd-border-radius-2xl);display:flex;width:var(--impd-size-8);height:var(--impd-size-8);justify-content:center;align-items:center;color:var(--impd-color-gray-700);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:var(--impd-size-5);text-align:center}.impdc-datepicker-day--disabled{color:var(--impd-color-gray-400)}.impdc-datepicker-day--selected{color:var(--impd-color-white)!important;background-color:var(--impd-color-motion-blue-600)!important}.impdc-datepicker-day:hover,.impdc-datepicker-day.focused,.impdc-datepicker-day--today{background-color:var(--impd-color-gray-100)}.impdc-datepicker-content{display:flex;flex-direction:column;align-items:center;gap:var(--impd-size-2)}.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{display:flex;justify-content:center;align-items:center;color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:2.2rem;text-align:center}.impdc-datepicker-content ::ng-deep .ngb-dp-week:not(.ngb-dp-weekdays):not(:has(>*>:not(.impdc-datepicker-day--other-month))){display:none}.impdc-datepicker-content ::ng-deep .ngb-dp-weekdays{border:none;background-color:inherit}.impdc-datepicker-content ::ng-deep .ngb-dp-day,.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{width:var(--impd-size-10);height:var(--impd-size-10);padding:var(--impd-size-1)}\n"], dependencies: [{ kind: "component", type: NgbDatepickerMonth, selector: "ngb-datepicker-month", inputs: ["month"] }, { kind: "component", type: DatepickerNavComponent, selector: "impdc-datepicker-nav", inputs: ["date", "disabled", "prevDisabled", "nextDisabled", "selectBoxes"], outputs: ["navigate", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: DatepickerTemplateHostComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'impdc-datepicker-template-host', standalone: true, imports: [NgbDatepickerMonth, DatepickerNavComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template\n  #dayTemplate\n  let-date\n  let-currentMonth=\"currentMonth\"\n  let-selected=\"selected\"\n  let-disabled=\"disabled\"\n  let-focused=\"focused\">\n  <span\n    class=\"impdc-datepicker-day\"\n    [class.impdc-datepicker-day--today]=\"isToday(date)\"\n    [class.impdc-datepicker-day--weekend]=\"isWeekend(date)\"\n    [class.impdc-datepicker-day--focused]=\"focused\"\n    [class.impdc-datepicker-day--selected]=\"selected\"\n    [class.impdc-datepicker-day--other-month]=\"date.month !== currentMonth\"\n    [class.impdc-datepicker-day--disabled]=\"disabled\">\n    {{ date.day }}\n  </span>\n</ng-template>\n\n<ng-template #contentTemplate let-dp>\n  <div class=\"impdc-datepicker-content p-4\">\n    <impdc-datepicker-nav\n      [date]=\"dp.model.firstDate!\"\n      [disabled]=\"dp.model.disabled\"\n      [prevDisabled]=\"dp.model.prevDisabled\"\n      [nextDisabled]=\"dp.model.nextDisabled\"\n      [selectBoxes]=\"dp.model.selectBoxes\"\n      (navigate)=\"dp.onNavigateEvent($event)\"\n      (selected)=\"dp.onNavigateDateSelect($event)\"></impdc-datepicker-nav>\n    <div class=\"custom-month-grid\">\n      @for (month of dp.state.months; track month) {\n      <div>\n        <ngb-datepicker-month [month]=\"month\"></ngb-datepicker-month>\n      </div>\n      }\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{display:none}.impdc-datepicker-day{border-radius:var(--impd-border-radius-2xl);display:flex;width:var(--impd-size-8);height:var(--impd-size-8);justify-content:center;align-items:center;color:var(--impd-color-gray-700);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:var(--impd-size-5);text-align:center}.impdc-datepicker-day--disabled{color:var(--impd-color-gray-400)}.impdc-datepicker-day--selected{color:var(--impd-color-white)!important;background-color:var(--impd-color-motion-blue-600)!important}.impdc-datepicker-day:hover,.impdc-datepicker-day.focused,.impdc-datepicker-day--today{background-color:var(--impd-color-gray-100)}.impdc-datepicker-content{display:flex;flex-direction:column;align-items:center;gap:var(--impd-size-2)}.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{display:flex;justify-content:center;align-items:center;color:var(--impd-color-gray-500);font-size:var(--impd-font-size-sm);font-style:normal;font-weight:var(--impd-font-weight-medium);line-height:2.2rem;text-align:center}.impdc-datepicker-content ::ng-deep .ngb-dp-week:not(.ngb-dp-weekdays):not(:has(>*>:not(.impdc-datepicker-day--other-month))){display:none}.impdc-datepicker-content ::ng-deep .ngb-dp-weekdays{border:none;background-color:inherit}.impdc-datepicker-content ::ng-deep .ngb-dp-day,.impdc-datepicker-content ::ng-deep .ngb-dp-weekday,.impdc-datepicker-content ::ng-deep .ngb-dp-week-number{width:var(--impd-size-10);height:var(--impd-size-10);padding:var(--impd-size-1)}\n"] }]
+        }], propDecorators: { dayTemplateRef: [{
+                type: ViewChild,
+                args: ['dayTemplate', {
+                        read: (TemplateRef),
+                        static: true
+                    }]
+            }], contentTemplateRef: [{
+                type: ViewChild,
+                args: ['contentTemplate', {
+                        read: (TemplateRef),
+                        static: true
+                    }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci10ZW1wbGF0ZS1ob3N0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvZGF0ZXRpbWUtcGlja2VyL2NvbXBvbmVudHMvZGF0ZXBpY2tlci10ZW1wbGF0ZS1ob3N0L2RhdGVwaWNrZXItdGVtcGxhdGUtaG9zdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2RhdGV0aW1lLXBpY2tlci9jb21wb25lbnRzL2RhdGVwaWNrZXItdGVtcGxhdGUtaG9zdC9kYXRlcGlja2VyLXRlbXBsYXRlLWhvc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLFNBQVMsRUFDVCxNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLFdBQVcsRUFFWCxrQkFBa0IsRUFDbkIsTUFBTSw0QkFBNEIsQ0FBQztBQUlwQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFVM0QsTUFBTSxPQUFPLCtCQUErQjtJQVI1QztRQVNtQixjQUFTLEdBQUcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBRWpDLGNBQVMsR0FBRyxDQUFDLElBQWEsRUFBRSxFQUFFLENBQzVDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV2QixZQUFPLEdBQUcsQ0FBQyxJQUFhLEVBQUUsRUFBRSxDQUMxQyxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztLQWExQzs4R0FwQlksK0JBQStCO2tHQUEvQiwrQkFBK0Isb0xBVWxDLENBQUEsV0FBK0IsQ0FBQSw4SEFNL0IsQ0FBQSxXQUFtQyxDQUFBLDJDQ3pDN0MscXpDQXNDQSx1bkREbEJZLGtCQUFrQixvRkFBRSxzQkFBc0I7OzJGQUt6QywrQkFBK0I7a0JBUjNDLFNBQVM7K0JBQ0UsZ0NBQWdDLGNBQzlCLElBQUksV0FDUCxDQUFDLGtCQUFrQixFQUFFLHNCQUFzQixDQUFDLG1CQUdwQyx1QkFBdUIsQ0FBQyxNQUFNOzhCQWV4QyxjQUFjO3NCQUpwQixTQUFTO3VCQUFDLGFBQWEsRUFBRTt3QkFDeEIsSUFBSSxFQUFFLENBQUEsV0FBK0IsQ0FBQTt3QkFDckMsTUFBTSxFQUFFLElBQUk7cUJBQ2I7Z0JBT00sa0JBQWtCO3NCQUp4QixTQUFTO3VCQUFDLGlCQUFpQixFQUFFO3dCQUM1QixJQUFJLEVBQUUsQ0FBQSxXQUFtQyxDQUFBO3dCQUN6QyxNQUFNLEVBQUUsSUFBSTtxQkFDYiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIGluamVjdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIE5nYkNhbGVuZGFyLFxuICBOZ2JEYXRlLFxuICBOZ2JEYXRlcGlja2VyTW9udGhcbn0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuaW1wb3J0IHsgQ29udGVudFRlbXBsYXRlQ29udGV4dCB9IGZyb20gJ0BuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwL2RhdGVwaWNrZXIvZGF0ZXBpY2tlci1jb250ZW50LXRlbXBsYXRlLWNvbnRleHQnO1xuaW1wb3J0IHsgRGF5VGVtcGxhdGVDb250ZXh0IH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAvZGF0ZXBpY2tlci9kYXRlcGlja2VyLWRheS10ZW1wbGF0ZS1jb250ZXh0JztcblxuaW1wb3J0IHsgRGF0ZXBpY2tlck5hdkNvbXBvbmVudCB9IGZyb20gJy4uL2RhdGVwaWNrZXItbmF2JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW1wZGMtZGF0ZXBpY2tlci10ZW1wbGF0ZS1ob3N0JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nYkRhdGVwaWNrZXJNb250aCwgRGF0ZXBpY2tlck5hdkNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlcGlja2VyLXRlbXBsYXRlLWhvc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRlcGlja2VyLXRlbXBsYXRlLWhvc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGF0ZXBpY2tlclRlbXBsYXRlSG9zdENvbXBvbmVudCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2NhbGVuZGFyID0gaW5qZWN0KE5nYkNhbGVuZGFyKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgaXNXZWVrZW5kID0gKGRhdGU6IE5nYkRhdGUpID0+XG4gICAgdGhpcy5fY2FsZW5kYXIuZ2V0V2Vla2RheShkYXRlKSA+PSA2O1xuXG4gIHB1YmxpYyByZWFkb25seSBpc1RvZGF5ID0gKGRhdGU6IE5nYkRhdGUpID0+XG4gICAgdGhpcy5fY2FsZW5kYXIuZ2V0VG9kYXkoKS5lcXVhbHMoZGF0ZSk7XG5cbiAgQFZpZXdDaGlsZCgnZGF5VGVtcGxhdGUnLCB7XG4gICAgcmVhZDogVGVtcGxhdGVSZWY8RGF5VGVtcGxhdGVDb250ZXh0PixcbiAgICBzdGF0aWM6IHRydWVcbiAgfSlcbiAgcHVibGljIGRheVRlbXBsYXRlUmVmITogVGVtcGxhdGVSZWY8RGF5VGVtcGxhdGVDb250ZXh0PjtcblxuICBAVmlld0NoaWxkKCdjb250ZW50VGVtcGxhdGUnLCB7XG4gICAgcmVhZDogVGVtcGxhdGVSZWY8Q29udGVudFRlbXBsYXRlQ29udGV4dD4sXG4gICAgc3RhdGljOiB0cnVlXG4gIH0pXG4gIHB1YmxpYyBjb250ZW50VGVtcGxhdGVSZWYhOiBUZW1wbGF0ZVJlZjxDb250ZW50VGVtcGxhdGVDb250ZXh0Pjtcbn1cbiIsIjxuZy10ZW1wbGF0ZVxuICAjZGF5VGVtcGxhdGVcbiAgbGV0LWRhdGVcbiAgbGV0LWN1cnJlbnRNb250aD1cImN1cnJlbnRNb250aFwiXG4gIGxldC1zZWxlY3RlZD1cInNlbGVjdGVkXCJcbiAgbGV0LWRpc2FibGVkPVwiZGlzYWJsZWRcIlxuICBsZXQtZm9jdXNlZD1cImZvY3VzZWRcIj5cbiAgPHNwYW5cbiAgICBjbGFzcz1cImltcGRjLWRhdGVwaWNrZXItZGF5XCJcbiAgICBbY2xhc3MuaW1wZGMtZGF0ZXBpY2tlci1kYXktLXRvZGF5XT1cImlzVG9kYXkoZGF0ZSlcIlxuICAgIFtjbGFzcy5pbXBkYy1kYXRlcGlja2VyLWRheS0td2Vla2VuZF09XCJpc1dlZWtlbmQoZGF0ZSlcIlxuICAgIFtjbGFzcy5pbXBkYy1kYXRlcGlja2VyLWRheS0tZm9jdXNlZF09XCJmb2N1c2VkXCJcbiAgICBbY2xhc3MuaW1wZGMtZGF0ZXBpY2tlci1kYXktLXNlbGVjdGVkXT1cInNlbGVjdGVkXCJcbiAgICBbY2xhc3MuaW1wZGMtZGF0ZXBpY2tlci1kYXktLW90aGVyLW1vbnRoXT1cImRhdGUubW9udGggIT09IGN1cnJlbnRNb250aFwiXG4gICAgW2NsYXNzLmltcGRjLWRhdGVwaWNrZXItZGF5LS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIHt7IGRhdGUuZGF5IH19XG4gIDwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudFRlbXBsYXRlIGxldC1kcD5cbiAgPGRpdiBjbGFzcz1cImltcGRjLWRhdGVwaWNrZXItY29udGVudCBwLTRcIj5cbiAgICA8aW1wZGMtZGF0ZXBpY2tlci1uYXZcbiAgICAgIFtkYXRlXT1cImRwLm1vZGVsLmZpcnN0RGF0ZSFcIlxuICAgICAgW2Rpc2FibGVkXT1cImRwLm1vZGVsLmRpc2FibGVkXCJcbiAgICAgIFtwcmV2RGlzYWJsZWRdPVwiZHAubW9kZWwucHJldkRpc2FibGVkXCJcbiAgICAgIFtuZXh0RGlzYWJsZWRdPVwiZHAubW9kZWwubmV4dERpc2FibGVkXCJcbiAgICAgIFtzZWxlY3RCb3hlc109XCJkcC5tb2RlbC5zZWxlY3RCb3hlc1wiXG4gICAgICAobmF2aWdhdGUpPVwiZHAub25OYXZpZ2F0ZUV2ZW50KCRldmVudClcIlxuICAgICAgKHNlbGVjdGVkKT1cImRwLm9uTmF2aWdhdGVEYXRlU2VsZWN0KCRldmVudClcIj48L2ltcGRjLWRhdGVwaWNrZXItbmF2PlxuICAgIDxkaXYgY2xhc3M9XCJjdXN0b20tbW9udGgtZ3JpZFwiPlxuICAgICAgQGZvciAobW9udGggb2YgZHAuc3RhdGUubW9udGhzOyB0cmFjayBtb250aCkge1xuICAgICAgPGRpdj5cbiAgICAgICAgPG5nYi1kYXRlcGlja2VyLW1vbnRoIFttb250aF09XCJtb250aFwiPjwvbmdiLWRhdGVwaWNrZXItbW9udGg+XG4gICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/datetime-picker/components/datepicker-template-host/index.mjs

@@ -0,0 +1,2 @@
+export * from './datepicker-template-host.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tY29tcG9uZW50cy9zcmMvbGliL2RhdGV0aW1lLXBpY2tlci9jb21wb25lbnRzL2RhdGVwaWNrZXItdGVtcGxhdGUtaG9zdC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNDQUFzQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kYXRlcGlja2VyLXRlbXBsYXRlLWhvc3QuY29tcG9uZW50JztcbiJdfQ==