@eui/ecl 19.0.0-next.2 → 19.0.0-next.4

package/fesm2022/eui-ecl-components-ecl-content-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-content-item.mjs","sources":["../../components/ecl-content-item/ecl-content-item-image.directive.ts","../../components/ecl-content-item/ecl-content-item.component.ts","../../components/ecl-content-item/ecl-content-item.component.html","../../components/ecl-content-item/ecl-content-item.module.ts","../../components/ecl-content-item/eui-ecl-components-ecl-content-item.ts"],"sourcesContent":["import { Directive, HostBinding, Input, ElementRef, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n    selector: '[eclContentItemPicture]',\n    standalone: false,\n})\nexport class EclContentItemPictureDirective extends ECLBaseDirective {\n    @Input() size: 'small' | 'large' = 'large';\n    @Input() position: 'left' | 'right' | 'top' = 'left';\n    @Input({ transform: booleanAttribute }) @HostBinding('class.ecl-picture--zoom') hasZoom = false;\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            super.getCssClasses('ecl-content-item__picture ecl-picture'),\n            `ecl-content-item__picture--${this.size}`,\n            `ecl-content-item__picture--${this.position}`,\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n\n@Directive({\n    selector: '[eclContentItemImage]',\n    standalone: false,\n})\nexport class EclContentItemImageDirective extends ECLBaseDirective {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-content-item__image')].join(' ').trim();\n    }\n\n    constructor(public el: ElementRef) {\n        super();\n    }\n}\n","import { AfterContentInit, booleanAttribute, Component, ContentChild, forwardRef, HostBinding, Input, Renderer2 } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclContentBlockComponent, EclContentBlockTitleDirective } from '@eui/ecl/components/ecl-content-block';\nimport { EclDateBlockComponent } from '@eui/ecl/components/ecl-date-block';\nimport { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\n\n@Component({\n    selector: 'ecl-content-item',\n    templateUrl: './ecl-content-item.component.html',\n    standalone: false,\n})\nexport class EclContentItemComponent extends ECLBaseDirective implements AfterContentInit {\n    @Input({ transform: booleanAttribute }) hasDivider  = false;\n\n    @ContentChild(forwardRef(() => EclContentBlockComponent)) eclContentBlock: EclContentBlockComponent;\n    @ContentChild(forwardRef(() => EclDateBlockComponent)) eclDateBlock: EclDateBlockComponent;\n    @ContentChild(forwardRef(() => EclContentItemPictureDirective)) eclContentItemPicture: EclContentItemPictureDirective;\n    @ContentChild(forwardRef(() => EclContentBlockTitleDirective), { descendants: true }) eclContentBlockTitle: EclContentBlockTitleDirective;\n    @ContentChild(forwardRef(() => EclContentItemImageDirective), { descendants: true }) eclContentItemImage: EclContentItemImageDirective;\n\n    @HostBinding('attr.role') role = 'article';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-content-item'),\n        this.isStack ? 'ecl-content-item--stack' : '',\n        this.isInline ? 'ecl-content-item--inline' : '',\n        this.hasDivider ? 'ecl-content-item--divider' : '' ].join(' ').trim();\n    }\n\n    private isStack = false;\n    private isInline = false;\n\n    constructor(private renderer: Renderer2) {\n        super();\n    }\n\n    ngAfterContentInit(): void {\n        if (this.eclContentBlock) {\n            this.eclContentBlock.class = 'ecl-content-item__content-block';\n        }\n\n        if (this.eclDateBlock) {\n            this.eclDateBlock.class = 'ecl-content-item__date';\n            this.isInline = true;\n        }\n\n        if (this.eclContentItemPicture && this.eclContentItemPicture.position === 'top') {\n            this.isStack = true;\n        }\n\n        this.attachClickEventToImage();\n    }\n\n    private attachClickEventToImage(): void {\n        if (this.eclContentBlockTitle && this.eclContentBlockTitle.eclLink) {\n            if (this.eclContentItemImage) {\n                this.renderer.setStyle(this.eclContentItemImage.el.nativeElement, 'cursor', 'pointer');\n                this.renderer.listen(this.eclContentItemImage.el.nativeElement, 'click', () => {\n                    this.eclContentBlockTitle.eclLink.onClick();\n                });\n            }\n        }\n    }\n}\n","<ng-content></ng-content>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { EclContentItemImageDirective, EclContentItemPictureDirective } from './ecl-content-item-image.directive';\nimport { EclContentItemComponent } from './ecl-content-item.component';\n\nconst COMPONENTS = [EclContentItemComponent, EclContentItemImageDirective, EclContentItemPictureDirective];\n\n@NgModule({\n    imports: [CommonModule, RouterModule],\n    exports: [...COMPONENTS],\n    declarations: [...COMPONENTS],\n})\nexport class EclContentItemComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAOM,MAAO,8BAA+B,SAAQ,gBAAgB,CAAA;AAJpE,IAAA,WAAA,GAAA;;QAKa,IAAI,CAAA,IAAA,GAAsB,OAAO;QACjC,IAAQ,CAAA,QAAA,GAA6B,MAAM;QAC4B,IAAO,CAAA,OAAA,GAAG,KAAK;AAYlG;AAVG,IAAA,IACI,UAAU,GAAA;QACV,OAAO;AACH,YAAA,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC;YAC5D,CAA8B,2BAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA;YACzC,CAA8B,2BAAA,EAAA,IAAI,CAAC,QAAQ,CAAE,CAAA;AAChD;aACI,IAAI,CAAC,GAAG;AACR,aAAA,IAAI,EAAE;;mHAbN,8BAA8B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA9B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,IAAA,EAAA,8BAA8B,0IAGnB,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,cAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;gGAH3B,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAJ1C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAEY,IAAI,EAAA,CAAA;sBAAZ;gBACQ,QAAQ,EAAA,CAAA;sBAAhB;gBAC+E,OAAO,EAAA,CAAA;sBAAtF,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;sBAAG,WAAW;uBAAC,yBAAyB;gBAG1E,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;AAgBlB,MAAO,4BAA6B,SAAQ,gBAAgB,CAAA;AAC9D,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAG5E,IAAA,WAAA,CAAmB,EAAc,EAAA;AAC7B,QAAA,KAAK,EAAE;QADQ,IAAE,CAAA,EAAA,GAAF,EAAE;;mHANZ,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;uGAA5B,4BAA4B,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;gGAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAJxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;+EAGO,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;;AClBlB,MAAO,uBAAwB,SAAQ,gBAAgB,CAAA;AAWzD,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;YAC/C,IAAI,CAAC,OAAO,GAAG,yBAAyB,GAAG,EAAE;YAC7C,IAAI,CAAC,QAAQ,GAAG,0BAA0B,GAAG,EAAE;AAC/C,YAAA,IAAI,CAAC,UAAU,GAAG,2BAA2B,GAAG,EAAE,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAMzE,IAAA,WAAA,CAAoB,QAAmB,EAAA;AACnC,QAAA,KAAK,EAAE;QADS,IAAQ,CAAA,QAAA,GAAR,QAAQ;QArBY,IAAU,CAAA,UAAA,GAAI,KAAK;QAQjC,IAAI,CAAA,IAAA,GAAG,SAAS;QAUlC,IAAO,CAAA,OAAA,GAAG,KAAK;QACf,IAAQ,CAAA,QAAA,GAAG,KAAK;;IAMxB,kBAAkB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,iCAAiC;;AAGlE,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,KAAK,GAAG,wBAAwB;AAClD,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;AAGxB,QAAA,IAAI,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,qBAAqB,CAAC,QAAQ,KAAK,KAAK,EAAE;AAC7E,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;QAGvB,IAAI,CAAC,uBAAuB,EAAE;;IAG1B,uBAAuB,GAAA;QAC3B,IAAI,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE;AAChE,YAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAC1B,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC;AACtF,gBAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,MAAK;AAC1E,oBAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,OAAO,EAAE;AAC/C,iBAAC,CAAC;;;;mHAjDL,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,IAAA,EAAA,uBAAuB,EACZ,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,gBAAgB,CAEL,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,wBAAwB,CACxB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,qBAAqB,CACrB,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,8BAA8B,CAC9B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,6BAA6B,CAC7B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,qBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAAA,4BAA4B,wEClB/D,6BACA,EAAA,CAAA,CAAA;;gGDUa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,cAEhB,KAAK,EAAA,QAAA,EAAA,6BAAA,EAAA;8EAGuB,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAEoB,eAAe,EAAA,CAAA;sBAAxE,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,wBAAwB,CAAC;gBACD,YAAY,EAAA,CAAA;sBAAlE,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,qBAAqB,CAAC;gBACW,qBAAqB,EAAA,CAAA;sBAApF,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,8BAA8B,CAAC;gBACwB,oBAAoB,EAAA,CAAA;sBAAzG,YAAY;uBAAC,UAAU,CAAC,MAAM,6BAA6B,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;gBACC,mBAAmB,EAAA,CAAA;sBAAvG,YAAY;uBAAC,UAAU,CAAC,MAAM,4BAA4B,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;gBAEzD,IAAI,EAAA,CAAA;sBAA7B,WAAW;uBAAC,WAAW;gBAGpB,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;;AEhBxB,MAAM,UAAU,GAAG,CAAC,uBAAuB,EAAE,4BAA4B,EAAE,8BAA8B,CAAC;MAO7F,6BAA6B,CAAA;mHAA7B,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA7B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,EAPtB,YAAA,EAAA,CAAA,uBAAuB,EAAE,4BAA4B,EAAE,8BAA8B,CAAA,EAAA,OAAA,EAAA,CAG3F,YAAY,EAAE,YAAY,CAHpB,EAAA,OAAA,EAAA,CAAA,uBAAuB,EAAE,4BAA4B,EAAE,8BAA8B,CAAA,EAAA,CAAA,CAAA;oHAO5F,6BAA6B,EAAA,OAAA,EAAA,CAJ5B,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;;gGAI3B,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;AACrC,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAChC,iBAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/eui-ecl-components-ecl-date-block.mjs

@@ -0,0 +1,111 @@
+import * as i2 from '@angular/common';
+import { formatDate, CommonModule } from '@angular/common';
+import '@angular/common/locales/global/bg';
+import '@angular/common/locales/global/da';
+import '@angular/common/locales/global/en';
+import '@angular/common/locales/global/et';
+import '@angular/common/locales/global/fr';
+import '@angular/common/locales/global/hr';
+import '@angular/common/locales/global/lv';
+import '@angular/common/locales/global/hu';
+import '@angular/common/locales/global/nl';
+import '@angular/common/locales/global/pt';
+import '@angular/common/locales/global/sk';
+import '@angular/common/locales/global/fi';
+import '@angular/common/locales/global/cs';
+import '@angular/common/locales/global/de';
+import '@angular/common/locales/global/el';
+import '@angular/common/locales/global/es';
+import '@angular/common/locales/global/ga';
+import '@angular/common/locales/global/it';
+import '@angular/common/locales/global/lt';
+import '@angular/common/locales/global/mt';
+import '@angular/common/locales/global/pl';
+import '@angular/common/locales/global/ro';
+import '@angular/common/locales/global/sl';
+import '@angular/common/locales/global/sv';
+import * as i0 from '@angular/core';
+import { Component, Input, HostBinding, NgModule } from '@angular/core';
+import { ECLBaseDirective } from '@eui/ecl/core';
+import * as i1 from '@ngx-translate/core';
+
+class EclDateBlockComponent extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-date-block'), this.variant ? `ecl-date-block--${this.variant}` : ''].join(' ').trim();
+    }
+    get datetime() {
+        return this.getDatetime();
+    }
+    set datetime(value) {
+        this._datetime = value;
+    }
+    constructor(translateService) {
+        super();
+        this.translateService = translateService;
+        this.dateFormat = 'dd/M/yyyy';
+        this.variant = null;
+        this.locale = 'en';
+        this._datetime = null;
+        this.locale = translateService.currentLang;
+    }
+    getDatetime() {
+        return this._datetime || this.getFormattedDate(this.date, this.dateFormat);
+    }
+    getFormattedDate(date, dateFormat) {
+        if (date) {
+            return formatDate(date, dateFormat, this.translateService.currentLang);
+        }
+        else {
+            return null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDateBlockComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclDateBlockComponent, isStandalone: false, selector: "time[eclDateBlock]", inputs: { date: "date", dateFormat: "dateFormat", variant: "variant", day: "day", month: "month", monthTitle: "monthTitle", year: "year", datetime: "datetime" }, host: { properties: { "class": "this.cssClasses", "attr.datetime": "this.datetime" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n", dependencies: [{ kind: "pipe", type: i2.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDateBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'time[eclDateBlock]', standalone: false, template: "<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n" }]
+        }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { date: [{
+                type: Input
+            }], dateFormat: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], day: [{
+                type: Input
+            }], month: [{
+                type: Input
+            }], monthTitle: [{
+                type: Input
+            }], year: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], datetime: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.datetime']
+            }] } });
+
+class EclDateBlockComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDateBlockComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDateBlockComponentModule, declarations: [EclDateBlockComponent], imports: [CommonModule], exports: [EclDateBlockComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDateBlockComponentModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDateBlockComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [EclDateBlockComponent],
+                    declarations: [EclDateBlockComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclDateBlockComponent, EclDateBlockComponentModule };
+//# sourceMappingURL=eui-ecl-components-ecl-date-block.mjs.map

package/fesm2022/eui-ecl-components-ecl-date-block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-date-block.mjs","sources":["../../components/ecl-date-block/ecl-date-block.component.ts","../../components/ecl-date-block/ecl-date-block.component.html","../../components/ecl-date-block/ecl-date-block.module.ts","../../components/ecl-date-block/eui-ecl-components-ecl-date-block.ts"],"sourcesContent":["import { formatDate } from '@angular/common';\nimport { Component, Input, HostBinding } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'time[eclDateBlock]',\n    templateUrl: './ecl-date-block.component.html',\n    standalone: false,\n})\nexport class EclDateBlockComponent extends ECLBaseDirective {\n    @Input() date: Date;\n    @Input() dateFormat = 'dd/M/yyyy';\n    @Input() variant: 'ongoing' | 'past' = null;\n    @Input() day: string;\n    @Input() month: string;\n    @Input() monthTitle: string;\n    @Input() year: string;\n\n    locale = 'en';\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-date-block'), this.variant ? `ecl-date-block--${this.variant}` : ''].join(' ').trim();\n    }\n\n    @Input()\n    @HostBinding('attr.datetime')\n    get datetime(): string {\n        return this.getDatetime();\n    }\n    set datetime(value) {\n        this._datetime = value;\n    }\n    private _datetime: string = null;\n\n    constructor(private translateService: TranslateService) {\n        super();\n        this.locale = translateService.currentLang;\n    }\n\n    private getDatetime(): string {\n        return this._datetime || this.getFormattedDate(this.date, this.dateFormat);\n    }\n\n    private getFormattedDate(date: Date, dateFormat: string): string {\n        if (date) {\n            return formatDate(date, dateFormat, this.translateService.currentLang);\n        } else {\n            return null;\n        }\n    }\n}\n","<span class=\"ecl-date-block__daytime\">{{ datetime || (date | date: dateFormat) }}</span>\n<span class=\"ecl-date-block__day\" aria-hidden=\"true\">{{ day || (date | date: 'd') }}</span>\n<abbr [title]=\"monthTitle || month || (date | date: 'MMMM' : '' : locale)\" class=\"ecl-date-block__month\" aria-hidden=\"true\">\n    {{ month || (date | date: 'MMM' : '' : locale) }}\n</abbr>\n<span class=\"ecl-date-block__year\" aria-hidden=\"true\">{{ year || (date | date: 'yyyy') }}</span>\n","import { CommonModule } from '@angular/common';\nimport '@angular/common/locales/global/bg';\nimport '@angular/common/locales/global/da';\nimport '@angular/common/locales/global/en';\nimport '@angular/common/locales/global/et';\nimport '@angular/common/locales/global/fr';\nimport '@angular/common/locales/global/hr';\nimport '@angular/common/locales/global/lv';\nimport '@angular/common/locales/global/hu';\nimport '@angular/common/locales/global/nl';\nimport '@angular/common/locales/global/pt';\nimport '@angular/common/locales/global/sk';\nimport '@angular/common/locales/global/fi';\nimport '@angular/common/locales/global/cs';\nimport '@angular/common/locales/global/de';\nimport '@angular/common/locales/global/el';\nimport '@angular/common/locales/global/es';\nimport '@angular/common/locales/global/ga';\nimport '@angular/common/locales/global/it';\nimport '@angular/common/locales/global/lt';\nimport '@angular/common/locales/global/mt';\nimport '@angular/common/locales/global/pl';\nimport '@angular/common/locales/global/ro';\nimport '@angular/common/locales/global/sl';\nimport '@angular/common/locales/global/sv';\nimport { NgModule } from '@angular/core';\nimport { EclDateBlockComponent } from './ecl-date-block.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EclDateBlockComponent],\n    declarations: [EclDateBlockComponent],\n})\nexport class EclDateBlockComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-date-picker.mjs

@@ -0,0 +1,276 @@
+import { isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { forwardRef, EventEmitter, PLATFORM_ID, Directive, Inject, Input, HostBinding, Output, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Subject, takeUntil, fromEvent, debounceTime } from 'rxjs';
+import * as i2 from '@eui/ecl/core';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+import { EclIconComponent } from '@eui/ecl/components/ecl-icon';
+
+class EclDatePickerDatePickedEvent extends EclBaseEvent {
+    constructor(date) {
+        super();
+        this.date = date;
+    }
+}
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const pikadayDefaultI18n = {
+    previousMonth: 'Previous Month',
+    nextMonth: 'Next Month',
+    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+};
+const ECL_DATE_PICKER_VALUE_ACCESSOR = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => EclDatePickerDirective),
+    multi: true,
+};
+const noop = () => {
+    /** empty*/
+};
+class EclDatePickerDirective extends ECLBaseDirective {
+    get cssClasses() {
+        return [super.getCssClasses('ecl-datepicker__field')].join(' ').trim();
+    }
+    constructor(el, viewContainerRef, translateService, eclRtlService, renderer, platformId) {
+        super();
+        this.el = el;
+        this.viewContainerRef = viewContainerRef;
+        this.translateService = translateService;
+        this.eclRtlService = eclRtlService;
+        this.renderer = renderer;
+        this.platformId = platformId;
+        this.yearRange = 40;
+        this.format = 'DD-MM-YYYY';
+        this.type = 'text';
+        this.datePicked = new EventEmitter();
+        this.isDisabled = null;
+        this.destroy$ = new Subject();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.onChange = noop;
+        this.onTouched = noop;
+        this.isRtl = false;
+        this.DEBOUNCE_TIME = 100;
+        this.MOBILE_BREAKPOINT = 768;
+        if (isPlatformBrowser(this.platformId)) {
+            this.handlei18nEvents();
+            this.handleRtlChangeState();
+            this.handleResize();
+        }
+    }
+    ngOnInit() {
+        if (isPlatformBrowser(this.platformId)) {
+            this.initPikaday().then(() => {
+                this.handleMarkup();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    onClick() {
+        this.onTouched();
+    }
+    onBlur() {
+        const textFieldValue = this.hostEl.value;
+        if (textFieldValue) {
+            this.onChange(this.picker?.getDate());
+        }
+        else {
+            this.onChange(null);
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    writeValue(value) {
+        this.value = value;
+        if (this.picker) {
+            this.picker.setDate(value);
+        }
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled || null;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    async initPikaday() {
+        const i18nKey = 'ecl.date-picker.PIKADAY';
+        let i18nTranslation = this.translateService.instant(i18nKey);
+        const isRTL = this.isRtl;
+        const position = isRTL ? 'bottom right' : 'bottom left';
+        if (!i18nTranslation || i18nTranslation === i18nKey) {
+            i18nTranslation = pikadayDefaultI18n;
+        }
+        // Dynamically import Pikaday when the component initializes
+        try {
+            const { default: Pikaday } = await import('pikaday');
+            // Initialize Pikaday after it is imported
+            this.picker = new Pikaday({
+                field: this.el.nativeElement,
+                format: this.format,
+                theme: 'ecl-datepicker-theme',
+                yearRange: this.yearRange,
+                reposition: false,
+                i18n: i18nTranslation,
+                isRTL,
+                position,
+                showDaysInNextAndPreviousMonths: true,
+                enableSelectionDaysInNextAndPreviousMonths: true,
+                onSelect: this.onSelectDate.bind(this),
+                onOpen: () => this.setPikadayElementStyles(this.picker.el),
+            });
+            this.picker.setDate(this.value);
+        }
+        catch (error) {
+            console.error('Error importing Pikaday', error);
+        }
+    }
+    handlei18nEvents() {
+        this.translateService.onLangChange.pipe(takeUntil(this.destroy$))
+            .subscribe((langChangeEvent) => {
+            this.value = this.picker.getDate();
+            this.destroyPikaday();
+            this.initPikaday().then();
+        });
+    }
+    handleRtlChangeState() {
+        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {
+            this.isRtl = rtlState;
+            if (this.picker) {
+                this.value = this.picker.getDate();
+                this.destroyPikaday();
+                this.initPikaday().then();
+            }
+        });
+    }
+    handleResize() {
+        fromEvent(window, 'resize')
+            .pipe(debounceTime(this.DEBOUNCE_TIME), takeUntil(this.destroy$))
+            .subscribe(() => {
+            this.setPikadayElementStyles(this.picker.el);
+        });
+    }
+    setPikadayElementStyles(element) {
+        // Extend picker size on mobile
+        const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
+        const inputParentElRect = this.hostWrapperEl.getBoundingClientRect();
+        element.style.top = `${inputParentElRect.bottom}px`;
+        //mobile_mode
+        if (vw < this.MOBILE_BREAKPOINT) {
+            element.style.right = `${vw - inputParentElRect.right}px`;
+            element.style.left = `${inputParentElRect.left}px`;
+        }
+        else if (this.isRtl) {
+            element.style.right = `${vw - inputParentElRect.right}px`;
+            element.style.left = 'auto';
+        }
+        else {
+            element.style.right = 'auto';
+            element.style.left = `${inputParentElRect.left}px`;
+        }
+    }
+    onSelectDate(date) {
+        this.datePicked.next(new EclDatePickerDatePickedEvent(date));
+        this.onChange(date);
+    }
+    handleMarkup() {
+        this.hostEl = this.getHostElement();
+        this.hostParentEl = this.getHostParentElement(this.hostEl);
+        this.hostWrapperEl = this.createHostWrapperContainer();
+        this.eclIconComponentEl = this.createIconComponent();
+        if (this.hostParentEl != null) {
+            this.hostParentEl.replaceChild(this.hostWrapperEl, this.hostEl);
+            this.renderer.appendChild(this.hostWrapperEl, this.hostEl);
+            this.renderer.appendChild(this.hostWrapperEl, this.eclIconComponentEl);
+        }
+    }
+    getHostElement() {
+        return this.el.nativeElement;
+    }
+    getHostParentElement(hostEl) {
+        return this.renderer.parentNode(hostEl);
+    }
+    createHostWrapperContainer() {
+        const wrapperContainer = this.renderer.createElement('div');
+        this.renderer.addClass(wrapperContainer, 'ecl-datepicker');
+        return wrapperContainer;
+    }
+    createIconComponent() {
+        const eclIconComponent = this.viewContainerRef.createComponent(EclIconComponent);
+        eclIconComponent.instance.size = 'xs';
+        eclIconComponent.instance.icon = 'calendar';
+        eclIconComponent.instance.baseDirective.class = 'ecl-datepicker__icon';
+        return eclIconComponent.location.nativeElement;
+    }
+    destroyPikaday() {
+        if (this.picker) {
+            this.picker.destroy();
+            this.picker = undefined;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDatePickerDirective, deps: [{ token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i1.TranslateService }, { token: i2.EclRtlService }, { token: i0.Renderer2 }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-rc.1", type: EclDatePickerDirective, isStandalone: false, selector: "input[eclDatePicker]", inputs: { yearRange: "yearRange", format: "format" }, outputs: { datePicked: "datePicked" }, host: { listeners: { "click": "onClick()", "blur": "onBlur()" }, properties: { "attr.type": "this.type", "class": "this.cssClasses", "attr.disabled": "this.isDisabled" } }, providers: [ECL_DATE_PICKER_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDatePickerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[eclDatePicker]',
+                    providers: [ECL_DATE_PICKER_VALUE_ACCESSOR],
+                    standalone: false,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i1.TranslateService }, { type: i2.EclRtlService }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { yearRange: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], type: [{
+                type: HostBinding,
+                args: ['attr.type']
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], datePicked: [{
+                type: Output
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
+
+class EclDatePickerDirectiveModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDatePickerDirectiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDatePickerDirectiveModule, declarations: [EclDatePickerDirective], imports: [CommonModule, TranslateModule], exports: [EclDatePickerDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDatePickerDirectiveModule, imports: [CommonModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclDatePickerDirectiveModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule],
+                    exports: [EclDatePickerDirective],
+                    declarations: [EclDatePickerDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ECL_DATE_PICKER_VALUE_ACCESSOR, EclDatePickerDatePickedEvent, EclDatePickerDirective, EclDatePickerDirectiveModule };
+//# sourceMappingURL=eui-ecl-components-ecl-date-picker.mjs.map

package/fesm2022/eui-ecl-components-ecl-date-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-date-picker.mjs","sources":["../../components/ecl-date-picker/events/ecl-date-picker-date-picked.event.ts","../../components/ecl-date-picker/ecl-date-picker.directive.ts","../../components/ecl-date-picker/ecl-date-picker.module.ts","../../components/ecl-date-picker/eui-ecl-components-ecl-date-picker.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclDatePickerDatePickedEvent extends EclBaseEvent {\n\tconstructor(public date: Date) {\n\t\tsuper();\n\t}\n}","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { isPlatformBrowser } from '@angular/common';\nimport {\n    Directive,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    PLATFORM_ID,\n    Provider,\n    Renderer2,\n    ViewContainerRef,\n    forwardRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { LangChangeEvent, TranslateService } from '@ngx-translate/core';\nimport type Pikaday from 'pikaday';\nimport { Subject, debounceTime, fromEvent, takeUntil } from 'rxjs';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclIconComponent } from '@eui/ecl/components/ecl-icon';\nimport { EclDatePickerDatePickedEvent } from './events/ecl-date-picker-date-picked.event';\nimport { EclRtlService } from '@eui/ecl/core';\n\nconst pikadayDefaultI18n = {\n    previousMonth: 'Previous Month',\n    nextMonth: 'Next Month',\n    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\n    weekdays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],\n    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n};\n\nexport const ECL_DATE_PICKER_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => EclDatePickerDirective),\n    multi: true,\n};\n\nconst noop = (): void => {\n    /** empty*/\n};\n\n@Directive({\n    selector: 'input[eclDatePicker]',\n    providers: [ECL_DATE_PICKER_VALUE_ACCESSOR],\n    standalone: false,\n})\nexport class EclDatePickerDirective extends ECLBaseDirective implements OnInit, ControlValueAccessor, OnDestroy {\n    @Input() yearRange = 40;\n    @Input() format = 'DD-MM-YYYY';\n    @HostBinding('attr.type') type = 'text';\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-datepicker__field')].join(' ').trim();\n    }\n\n    @Output() datePicked = new EventEmitter<EclDatePickerDatePickedEvent>();\n\n    @HostBinding('attr.disabled')\n    isDisabled = null;\n\n    private picker: Pikaday;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private onChange: (_: any) => void = noop;\n    private onTouched: () => void = noop;\n\n    private hostEl: HTMLInputElement;\n    private hostParentEl: HTMLElement;\n    private hostWrapperEl: HTMLElement;\n    private eclIconComponentEl: HTMLElement;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    private value: any;\n    private isRtl = false;\n    private readonly DEBOUNCE_TIME = 100;\n    private readonly MOBILE_BREAKPOINT = 768;\n\n    constructor(\n        private el: ElementRef,\n        private viewContainerRef: ViewContainerRef,\n        protected translateService: TranslateService,\n        private eclRtlService: EclRtlService,\n        private renderer: Renderer2,\n        @Inject(PLATFORM_ID) private platformId: object,\n    ) {\n        super();\n        if (isPlatformBrowser(this.platformId)) {\n            this.handlei18nEvents();\n            this.handleRtlChangeState();\n            this.handleResize();\n        }\n    }\n\n    ngOnInit(): void {\n        if (isPlatformBrowser(this.platformId)) {\n            this.initPikaday().then(() => {\n                this.handleMarkup();\n            });\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    @HostListener('click')\n    onClick(): void {\n        this.onTouched();\n    }\n\n    @HostListener('blur')\n    onBlur(): void {\n        const textFieldValue: string = this.hostEl.value;\n\n        if (textFieldValue) {\n            this.onChange(this.picker?.getDate());\n        } else {\n            this.onChange(null);\n        }\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    writeValue(value: any): void {\n        this.value = value;\n        if (this.picker) {\n            this.picker.setDate(value);\n        }\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.isDisabled = isDisabled || null;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    private async initPikaday(): Promise<void> {\n        const i18nKey = 'ecl.date-picker.PIKADAY';\n        let i18nTranslation = this.translateService.instant(i18nKey);\n        const isRTL = this.isRtl;\n        const position = isRTL ? 'bottom right' : 'bottom left';\n\n        if (!i18nTranslation || i18nTranslation === i18nKey) {\n            i18nTranslation = pikadayDefaultI18n;\n        }\n\n        // Dynamically import Pikaday when the component initializes\n        try {\n            const { default: Pikaday } = await import('pikaday');\n\n            // Initialize Pikaday after it is imported\n            this.picker = new Pikaday({\n                field: this.el.nativeElement,\n                format: this.format,\n                theme: 'ecl-datepicker-theme',\n                yearRange: this.yearRange,\n                reposition: false,\n                i18n: i18nTranslation,\n                isRTL,\n                position,\n                showDaysInNextAndPreviousMonths: true,\n                enableSelectionDaysInNextAndPreviousMonths: true,\n                onSelect: this.onSelectDate.bind(this),\n                onOpen: (): void => this.setPikadayElementStyles(this.picker.el),\n            });\n            this.picker.setDate(this.value);\n        } catch (error) {\n            console.error('Error importing Pikaday', error);\n        }\n    }\n\n    private handlei18nEvents(): void {\n        this.translateService.onLangChange.pipe(takeUntil(this.destroy$))\n            .subscribe((langChangeEvent: LangChangeEvent) => {\n            this.value = this.picker.getDate();\n            this.destroyPikaday();\n            this.initPikaday().then();\n        });\n    }\n\n    private handleRtlChangeState(): void {\n        this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n            this.isRtl = rtlState;\n            if (this.picker) {\n                this.value = this.picker.getDate();\n                this.destroyPikaday();\n                this.initPikaday().then();\n            }\n        });\n    }\n\n    private handleResize(): void {\n        fromEvent(window, 'resize')\n          .pipe(debounceTime(this.DEBOUNCE_TIME), takeUntil(this.destroy$))\n          .subscribe(() => {\n              this.setPikadayElementStyles(this.picker.el);\n          })\n    }\n\n    private setPikadayElementStyles(element: HTMLElement): void {\n        // Extend picker size on mobile\n        const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);\n        const inputParentElRect = this.hostWrapperEl.getBoundingClientRect();\n        element.style.top = `${inputParentElRect.bottom}px`;\n        //mobile_mode\n        if (vw < this.MOBILE_BREAKPOINT) {\n            element.style.right = `${vw - inputParentElRect.right}px`;\n            element.style.left = `${inputParentElRect.left}px`;\n        } else if ( this.isRtl) {\n            element.style.right =  `${vw - inputParentElRect.right}px`;\n            element.style.left = 'auto';\n        } else {\n            element.style.right =  'auto';\n            element.style.left = `${inputParentElRect.left}px`;\n        }\n    }\n\n    private onSelectDate(date: Date): void {\n        this.datePicked.next(new EclDatePickerDatePickedEvent(date));\n        this.onChange(date);\n    }\n\n    private handleMarkup(): void {\n        this.hostEl = this.getHostElement();\n        this.hostParentEl = this.getHostParentElement(this.hostEl);\n        this.hostWrapperEl = this.createHostWrapperContainer();\n        this.eclIconComponentEl = this.createIconComponent();\n\n        if (this.hostParentEl != null) {\n            this.hostParentEl.replaceChild(this.hostWrapperEl, this.hostEl);\n            this.renderer.appendChild(this.hostWrapperEl, this.hostEl);\n            this.renderer.appendChild(this.hostWrapperEl, this.eclIconComponentEl);\n        }\n    }\n\n    private getHostElement(): HTMLInputElement {\n        return this.el.nativeElement;\n    }\n\n    private getHostParentElement(hostEl: HTMLInputElement): HTMLElement {\n        return this.renderer.parentNode(hostEl);\n    }\n\n    private createHostWrapperContainer(): HTMLElement {\n        const wrapperContainer = this.renderer.createElement('div');\n        this.renderer.addClass(wrapperContainer, 'ecl-datepicker');\n\n        return wrapperContainer;\n    }\n\n    private createIconComponent(): HTMLElement {\n        const eclIconComponent = this.viewContainerRef.createComponent(EclIconComponent);\n        eclIconComponent.instance.size = 'xs';\n        eclIconComponent.instance.icon = 'calendar';\n        eclIconComponent.instance.baseDirective.class = 'ecl-datepicker__icon';\n\n        return eclIconComponent.location.nativeElement;\n    }\n\n    private destroyPikaday(): void {\n        if (this.picker) {\n            this.picker.destroy();\n            this.picker = undefined;\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclDatePickerDirective } from './ecl-date-picker.directive';\n\n@NgModule({\n    imports: [CommonModule, TranslateModule],\n    exports: [EclDatePickerDirective],\n    declarations: [EclDatePickerDirective],\n})\nexport class EclDatePickerDirectiveModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-ecl-components-ecl-expandable.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, booleanAttribute, Component, HostBinding, Input, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1 from '@eui/ecl/components/ecl-button';
+import { EclButtonComponentModule } from '@eui/ecl/components/ecl-button';
+import * as i2 from '@eui/ecl/components/ecl-icon';
+import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
+import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
+
+class EclExpandableToggleEvent extends EclBaseEvent {
+    constructor(isExpanded) {
+        super();
+        this.isExpanded = isExpanded;
+    }
+}
+class EclExpandableComponent extends ECLBaseDirective {
+    constructor() {
+        super(...arguments);
+        this.isExpanded = false;
+        this.toggle = new EventEmitter();
+    }
+    get cssClasses() {
+        return [super.getCssClasses('ecl-expandable')].join(' ').trim();
+    }
+    ngOnInit() {
+        if (!this.expandedLabel) {
+            this.expandedLabel = this.collapsedLabel;
+        }
+    }
+    onButtonClick() {
+        const nextExpandedState = !this.isExpanded;
+        const event = new EclExpandableToggleEvent(nextExpandedState);
+        this.toggle.next(event);
+        if (!event.defaultPrevented) {
+            this.isExpanded = nextExpandedState;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclExpandableComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0-rc.1", type: EclExpandableComponent, isStandalone: false, selector: "ecl-expandable", inputs: { isExpanded: ["isExpanded", "isExpanded", booleanAttribute], collapsedLabel: "collapsedLabel", expandedLabel: "expandedLabel" }, outputs: { toggle: "toggle" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.EclButtonComponent, selector: "button[eclButton], button[ecl-button], a[eclButton]", inputs: ["isIconOnly", "variant", "containerStyleClass"] }, { kind: "directive", type: i1.EclButtonLabelDirective, selector: "[eclButtonLabel]" }, { kind: "component", type: i2.EclIconComponent, selector: "ecl-icon", inputs: ["iconSet", "icon", "size", "color", "transform", "ariaLabelledby", "role", "title", "ariaHidden", "focusable", "isFlipHorizontal"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclExpandableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecl-expandable', standalone: false, template: "<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:block}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], isExpanded: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], collapsedLabel: [{
+                type: Input
+            }], expandedLabel: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }] } });
+
+class EclExpandableComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclExpandableComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclExpandableComponentModule, declarations: [EclExpandableComponent], imports: [CommonModule, EclButtonComponentModule, EclIconComponentModule, TranslateModule], exports: [EclExpandableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclExpandableComponentModule, imports: [CommonModule, EclButtonComponentModule, EclIconComponentModule, TranslateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-rc.1", ngImport: i0, type: EclExpandableComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, EclButtonComponentModule, EclIconComponentModule, TranslateModule],
+                    exports: [EclExpandableComponent],
+                    declarations: [EclExpandableComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EclExpandableComponent, EclExpandableComponentModule, EclExpandableToggleEvent };
+//# sourceMappingURL=eui-ecl-components-ecl-expandable.mjs.map

package/fesm2022/eui-ecl-components-ecl-expandable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-ecl-components-ecl-expandable.mjs","sources":["../../components/ecl-expandable/ecl-expandable.component.ts","../../components/ecl-expandable/ecl-expandable.component.html","../../components/ecl-expandable/ecl-expandable.module.ts","../../components/ecl-expandable/eui-ecl-components-ecl-expandable.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter, HostBinding, booleanAttribute } from '@angular/core';\n\nimport { EclBaseEvent } from '@eui/ecl/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\nexport class EclExpandableToggleEvent extends EclBaseEvent {\n    constructor(public isExpanded: boolean) {\n        super();\n    }\n}\n\n@Component({\n    selector: 'ecl-expandable',\n    templateUrl: './ecl-expandable.component.html',\n    standalone: false,\n    styles: [\n        `\n            :host {\n                display: block;\n            }\n        `,\n    ],\n})\nexport class EclExpandableComponent extends ECLBaseDirective implements OnInit {\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-expandable')].join(' ').trim();\n    }\n\n    @Input({ transform: booleanAttribute }) isExpanded = false;\n    @Input() collapsedLabel: string;\n    @Input() expandedLabel: string;\n\n    @Output() toggle = new EventEmitter<EclExpandableToggleEvent>();\n\n    ngOnInit(): void {\n        if (!this.expandedLabel) {\n            this.expandedLabel = this.collapsedLabel;\n        }\n    }\n\n    onButtonClick(): void {\n        const nextExpandedState = !this.isExpanded;\n        const event = new EclExpandableToggleEvent(nextExpandedState);\n\n        this.toggle.next(event);\n\n        if (!event.defaultPrevented) {\n            this.isExpanded = nextExpandedState;\n        }\n    }\n}\n","<button\n    eclButton\n    variant=\"ghost\"\n    type=\"button\"\n    class=\"ecl-expandable__toggle\"\n    [attr.aria-expanded]=\"isExpanded\"\n    (click)=\"onButtonClick()\">\n    <span eclButtonLabel>\n        @if (isExpanded) {\n            {{ expandedLabel || 'ecl.common.COLLAPSE' | translate }}\n        } @else {\n            {{ collapsedLabel || 'ecl.common.EXPAND' | translate }}\n        }\n    </span>\n    <ecl-icon icon=\"corner-arrow\" size=\"fluid\" transform=\"rotate-180\"></ecl-icon>\n</button>\n<div class=\"ecl-expandable__content\" [hidden]=\"!isExpanded\">\n    <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclButtonComponentModule } from '@eui/ecl/components/ecl-button';\nimport { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';\nimport { EclExpandableComponent } from './ecl-expandable.component';\n\n@NgModule({\n    imports: [CommonModule, EclButtonComponentModule, EclIconComponentModule, TranslateModule],\n    exports: [EclExpandableComponent],\n    declarations: [EclExpandableComponent],\n})\nexport class EclExpandableComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}