@eui/mobile-core 18.0.0-next.22 → 18.0.0-next.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuimHelpSupportComponent.html +1 -1
- package/docs/dependencies.html +4 -4
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs +3 -3
- package/esm2022/lib/components/euim-search-bar/euim-search-bar.component.mjs +3 -3
- package/fesm2022/eui-mobile-core.mjs +4 -4
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -53,15 +53,15 @@ export class EuimHelpSupportComponent {
|
|
|
53
53
|
return '_blank';
|
|
54
54
|
}
|
|
55
55
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
56
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i4.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: i5.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i6.EuimAvatarIconComponent, selector: "euim-avatar-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i4.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: i5.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i6.EuimAvatarIconComponent, selector: "euim-avatar-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
60
|
-
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
60
|
+
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
61
61
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { helpAndSupportItems: [{
|
|
62
62
|
type: Input
|
|
63
63
|
}], className: [{
|
|
64
64
|
type: HostBinding,
|
|
65
65
|
args: ['class']
|
|
66
66
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1oZWxwLXN1cHBvcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYWJvdXQvZXVpbS1oZWxwLXN1cHBvcnQvZXVpbS1oZWxwLXN1cHBvcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2V1aW0tYWJvdXQvZXVpbS1oZWxwLXN1cHBvcnQvZXVpbS1oZWxwLXN1cHBvcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVNqRixNQUFNLE9BQU8sd0JBQXdCO0lBS2pDLFlBQW9CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBSnpCLHdCQUFtQixHQUF3QixFQUFFLENBQUM7UUFFakMsY0FBUyxHQUFHLG1CQUFtQixDQUFDO0lBRWpCLENBQUM7SUFFdEMsV0FBVyxDQUFDLElBQVUsRUFBRSxRQUFnQixFQUFFLFNBQWlCO1FBQ3ZELElBQUksSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO2dCQUNwQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUk7YUFDL0QsQ0FBQyxDQUFDO1FBQ1AsQ0FBQzthQUFNLENBQUM7WUFDSixNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxTQUFTLENBQUMsRUFBRSxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUM7UUFDbEcsQ0FBQztJQUNMLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBVTtRQUNwQixPQUFPLElBQUksRUFBRSxPQUFPLEtBQUssTUFBTSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBVTtRQUNuQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLGdGQUFnRixDQUFDLENBQUMsQ0FBQyxpQ0FBaUMsQ0FBQztJQUMzSixDQUFDO0lBRUQsT0FBTyxDQUFDLElBQVcsRUFBRSxRQUFpQixFQUFFLFNBQWtCO1FBQ3RELElBQUksU0FBUyxFQUFFLENBQUM7WUFDWixJQUFJLFFBQVEsS0FBSyxNQUFNO2dCQUFFLE9BQU8sU0FBUyxHQUFHLFNBQVMsQ0FBQztZQUN0RCxJQUFJLFFBQVEsS0FBSyxNQUFNO2dCQUFFLE9BQU8sTUFBTSxHQUFHLFNBQVMsQ0FBQztZQUNuRCxPQUFPLFNBQVMsQ0FBQztRQUNyQixDQUFDO1FBRUQsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNQLElBQUksSUFBSSxDQUFDLEtBQUs7Z0JBQUUsT0FBTyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUMzQyxJQUFJLElBQUksQ0FBQyxJQUFJO2dCQUFFLE9BQU8sU0FBUyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDNUMsSUFBSSxJQUFJLENBQUMsSUFBSTtnQkFBRSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDcEMsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxrQkFBa0IsQ0FBQyxJQUFXLEVBQUUsUUFBaUI7UUFFN0MsSUFBSSxJQUFJLEVBQUUsS0FBSyxJQUFJLElBQUksRUFBRSxJQUFJLElBQUksUUFBUSxLQUFLLE1BQU0sSUFBSSxRQUFRLEtBQUssTUFBTSxFQUFFLENBQUM7WUFDNUUsT0FBTyxPQUFPLENBQUM7UUFDakIsQ0FBQztRQUVELE9BQU8sUUFBUSxDQUFDO0lBQ3BCLENBQUM7a0lBL0NRLHdCQUF3QjtzSEFBeEIsd0JBQXdCLHNLQ1RyQyw2L0RBK0NBOzs0RkR0Q2Esd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNJLG1CQUFtQixpQkFHZCxpQkFBaUIsQ0FBQyxJQUFJOzJFQUc1QixtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBRWdCLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEhvc3RCaW5kaW5nLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldWltLWhlbHAtc3VwcG9ydCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aW0taGVscC1zdXBwb3J0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltSGVscFN1cHBvcnRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGhlbHBBbmRTdXBwb3J0SXRlbXM6SGVscEFuZFN1cHBvcnRJdGVtW10gPSBbXTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnZXVpbS1oZWxwLXN1cHBvcnQnO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge31cblxuICAgIG9uSXRlbUNsaWNrKGl0ZW06IEl0ZW0sIGxpbmtUeXBlOiBzdHJpbmcsIGxpbmtUaXRsZTogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIGlmIChpdGVtPy5yb3V0ZXJMaW5rKSB7XG4gICAgICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbaXRlbS5yb3V0ZXJMaW5rXSwge1xuICAgICAgICAgICAgICAgIGZyYWdtZW50OiBpdGVtLmZyYWdtZW50ICYmICFpdGVtLmxpbmsgPyBpdGVtLmZyYWdtZW50IDogbnVsbCxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgd2luZG93Lm9wZW4odGhpcy5nZXRMaW5rKGl0ZW0sIGxpbmtUeXBlLCBsaW5rVGl0bGUpLCB0aGlzLnNldFRhcmdldEF0dHJpYnV0ZShpdGVtLCBsaW5rVHlwZSkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgaXNFbmRJY29uTGluayhpdGVtOiBJdGVtKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiBpdGVtPy5lbmRJY29uID09PSAnbGluayc7XG4gICAgfVxuXG4gICAgZ2V0TGlua0NsYXNzKGl0ZW06IEl0ZW0pOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5pc0VuZEljb25MaW5rKGl0ZW0pID8gJ2V1aW0taGVscC1zdXBwb3J0X19jb250YWN0LWxpbmsgZXVpbS1oZWxwLXN1cHBvcnRfX2NvbnRhY3QtbGluay0tbm8tdW5kZXJsaW5lZCcgOiAnZXVpbS1oZWxwLXN1cHBvcnRfX2NvbnRhY3QtbGluayc7XG4gICAgfVxuXG4gICAgZ2V0TGluayhpdGVtPzogSXRlbSwgbGlua1R5cGU/OiBzdHJpbmcsIGxpbmtUaXRsZT86IHN0cmluZyk6IHN0cmluZyB7XG4gICAgICAgIGlmIChsaW5rVGl0bGUpIHtcbiAgICAgICAgICAgIGlmIChsaW5rVHlwZSA9PT0gJ21haWwnKSByZXR1cm4gJ21haWx0bzonICsgbGlua1RpdGxlO1xuICAgICAgICAgICAgaWYgKGxpbmtUeXBlID09PSAnY2FsbCcpIHJldHVybiAndGVsOicgKyBsaW5rVGl0bGU7XG4gICAgICAgICAgICByZXR1cm4gbGlua1RpdGxlO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGl0ZW0pIHtcbiAgICAgICAgICAgIGlmIChpdGVtLnBob25lKSByZXR1cm4gJ3RlbDonICsgaXRlbS5waG9uZTtcbiAgICAgICAgICAgIGlmIChpdGVtLm1haWwpIHJldHVybiAnbWFpbHRvOicgKyBpdGVtLm1haWw7XG4gICAgICAgICAgICBpZiAoaXRlbS5saW5rKSByZXR1cm4gaXRlbS5saW5rO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHNldFRhcmdldEF0dHJpYnV0ZShpdGVtPzogSXRlbSwgbGlua1R5cGU/OiBzdHJpbmcpOiBzdHJpbmcge1xuXG4gICAgICAgIGlmIChpdGVtPy5waG9uZSB8fCBpdGVtPy5tYWlsIHx8IGxpbmtUeXBlID09PSAnY2FsbCcgfHwgbGlua1R5cGUgPT09ICdtYWlsJykge1xuICAgICAgICAgIHJldHVybiAnX3NlbGYnO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuICdfYmxhbmsnO1xuICAgIH1cbn1cblxuaW50ZXJmYWNlIEl0ZW0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBsaW5rPzogc3RyaW5nO1xuICBwaG9uZT86IHN0cmluZztcbiAgbWFpbD86IHN0cmluZztcbiAgcm91dGVyTGluaz86IHN0cmluZztcbiAgZnJhZ21lbnQ/OiBzdHJpbmc7XG4gIHN1YnRpdGxlPzogc3RyaW5nO1xuICBzdGFydEljb24/OiBzdHJpbmc7XG4gIGVuZEljb24/OiBzdHJpbmc7XG4gIGhhc0JvdHRvbUxpbmU/OiBib29sZWFuO1xufVxuXG5pbnRlcmZhY2UgSGVscEFuZFN1cHBvcnRJdGVtIHtcbiAgc2VjdGlvblRpdGxlPzogc3RyaW5nO1xuICBpdGVtczogSXRlbVtdO1xufVxuIiwiQGlmIChoZWxwQW5kU3VwcG9ydEl0ZW1zLmxlbmd0aCA+IDApIHtcbiAgPGlvbi1saXN0PlxuICAgICAgQGZvciAoaGVscFN1cHBvcnRJdGVtIG9mIGhlbHBBbmRTdXBwb3J0SXRlbXM7IHRyYWNrICRpbmRleDspIHtcbiAgICAgICAgPGlvbi1pdGVtLWRpdmlkZXI+e3toZWxwU3VwcG9ydEl0ZW0uc2VjdGlvblRpdGxlfX08L2lvbi1pdGVtLWRpdmlkZXI+XG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgaGVscFN1cHBvcnRJdGVtLml0ZW1zOyB0cmFjayBpdGVtOykge1xuICAgICAgICAgICAgPGlvbi1pdGVtIGJ1dHRvbiBbbGluZXNdPVwiaXRlbS5oYXNCb3R0b21MaW5lID8gJ2luc2VydCcgOiAnbm9uZSdcIiAoY2xpY2spPVwib25JdGVtQ2xpY2soaXRlbSwgdW5kZWZpbmVkLCB1bmRlZmluZWQpXCI+XG4gICAgICAgICAgICAgICAgQGlmIChpdGVtLnN0YXJ0SWNvbikge1xuICAgICAgICAgICAgICAgICAgICA8ZXVpbS1hdmF0YXIgZmlsbD1cInNvbGlkXCIgc2xvdD1cInN0YXJ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZXVpbS1hdmF0YXItaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW9uLWljb24gW25hbWVdPVwiaXRlbS5zdGFydEljb25cIj48L2lvbi1pY29uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9ldWltLWF2YXRhci1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8L2V1aW0tYXZhdGFyPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBAaWYgKGl0ZW0udGl0bGUgfHwgaXRlbS5zdWJ0aXRsZSkge1xuICAgICAgICAgICAgICAgICAgICA8aW9uLWxhYmVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLnRpdGxlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGEgW25nQ2xhc3NdPVwiZ2V0TGlua0NsYXNzKGl0ZW0pXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoIWlzRW5kSWNvbkxpbmsoaXRlbSkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImV1aW0taGVscC1zdXBwb3J0X190aXRsZVwiPnt7IGl0ZW0udGl0bGUgfX08L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGlzRW5kSWNvbkxpbmsoaXRlbSkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBldWltTGFiZWwgZXVpbUxhYmVsVGl0bGU+e3sgaXRlbS50aXRsZSB9fTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpdGVtLnN1YnRpdGxlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBldWltTGFiZWwgZXVpbUxhYmVsU3ViVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0uc3VidGl0bGUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC9pb24tbGFiZWw+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIEBpZiAoaXRlbS5lbmRJY29uKSB7XG4gICAgICAgICAgICAgICAgICAgIDxpb24tYnV0dG9ucz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpb24tYnV0dG9uIGZpbGw9XCJjbGVhclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpb24taWNvbiBbbmFtZV09XCJpdGVtLmVuZEljb25cIiBzbG90PVwiaWNvbi1vbmx5XCI+PC9pb24taWNvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9pb24tYnV0dG9ucz5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2lvbi1pdGVtPlxuICAgICAgICB9XG4gICAgICB9XG4gIDwvaW9uLWxpc3Q+XG59XG48bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cblxuIl19
|
|
@@ -33,11 +33,11 @@ export class EuimSearchBarComponent {
|
|
|
33
33
|
this.clearEvent.emit();
|
|
34
34
|
}
|
|
35
35
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, outputs: { inputEvent: "inputEvent", changeEvent: "changeEvent", focusEvent: "focusEvent", cancelEvent: "cancelEvent", clearEvent: "clearEvent" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative
|
|
36
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, outputs: { inputEvent: "inputEvent", changeEvent: "changeEvent", focusEvent: "focusEvent", cancelEvent: "cancelEvent", clearEvent: "clearEvent" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart{inset-inline-start:var(--eui-s-m)}.slotStart ion-icon{margin-inline-start:var(--eui-s-xs);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotEnd{right:var(--eui-s-m)}.slotEnd ion-icon{margin-inline-end:var(--eui-s-m);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: EuimLabelModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
37
37
|
}
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative
|
|
40
|
+
args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart{inset-inline-start:var(--eui-s-m)}.slotStart ion-icon{margin-inline-start:var(--eui-s-xs);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotEnd{right:var(--eui-s-m)}.slotEnd ion-icon{margin-inline-end:var(--eui-s-m);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}\n"] }]
|
|
41
41
|
}], propDecorators: { hasSlotStart: [{
|
|
42
42
|
type: Input
|
|
43
43
|
}], hasSlotEnd: [{
|
|
@@ -53,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
53
53
|
}], clearEvent: [{
|
|
54
54
|
type: Output
|
|
55
55
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEVBQUUsTUFBTSxFQUNiLFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFZN0MsTUFBTSxPQUFPLHNCQUFzQjtJQVZuQztRQVdXLGlCQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbEIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDeEMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3pDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN2QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQTBCakQ7SUF4QkMsOERBQThEO0lBQzlELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCw4REFBOEQ7SUFDOUQsUUFBUSxDQUFDLEtBQVU7UUFDakIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztrSUFoQ1Usc0JBQXNCO3NIQUF0QixzQkFBc0Isa1NDckJuQyw0dkJBZ0JNLGltQkRFTSxlQUFlLDhCQUFFLFdBQVc7OzRGQUczQixzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQzs4QkFJOUIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBJbnB1dCwgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG5cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFdWltTGFiZWxNb2R1bGUgfSBmcm9tICcuLi9hdG9tcy9ldWltLWxhYmVsJztcbmltcG9ydCB7IElvbmljTW9kdWxlIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdldWltLXNlYXJjaC1iYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRXVpbUxhYmVsTW9kdWxlLCBJb25pY01vZHVsZV0sXG59KVxuXG5leHBvcnQgY2xhc3MgRXVpbVNlYXJjaEJhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhhc1Nsb3RTdGFydCA9IGZhbHNlO1xuICBASW5wdXQoKSBoYXNTbG90RW5kID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpIGlucHV0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGNoYW5nZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBmb2N1c0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgY2FuY2VsRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGVhckV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XG4gIG9uSW5wdXQoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIGNvbnN0IHZhbHVlID0gZXZlbnQuZGV0YWlsLnZhbHVlO1xuICAgIHRoaXMuaW5wdXRFdmVudC5lbWl0KHZhbHVlKTtcbiAgfVxuICAgIFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICBvbkNoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWUgPSBldmVudC5kZXRhaWwudmFsdWU7XG4gICAgdGhpcy5jaGFuZ2VFdmVudC5lbWl0KHZhbHVlKTtcbiAgfVxuXG4gIG9uRm9jdXMoKTogdm9pZCB7XG4gICAgdGhpcy5mb2N1c0V2ZW50LmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2FuY2VsKCk6IHZvaWQge1xuICAgIHRoaXMuY2FuY2VsRXZlbnQuZW1pdCgpO1xuICB9XG5cbiAgb25DbGVhcigpOiB2b2lkIHtcbiAgICB0aGlzLmNsZWFyRXZlbnQuZW1pdCgpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJldWltLXNlYXJjaC1iYXJfX3dyYXBwZXJcIj5cbiAgPGlvbi1zZWFyY2hiYXIgW2NsYXNzLmN1c3RvbS1zZWFyY2hiYXJdPVwiaGFzU2xvdFN0YXJ0XCIgW2F0dHIuc2hvdy1jbGVhci1idXR0b25dPVwiaGFzU2xvdEVuZCA/ICduZXZlcicgOiAnYWx3YXlzJ1wiIHBsYWNlaG9sZGVyPVwiU2VhcmNoXCIgKGlvbklucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgKGlvbkNoYW5nZSk9XCJvbkNoYW5nZSgkZXZlbnQpXCIgKGlvbkZvY3VzKT1cIm9uRm9jdXMoKVwiIChpb25DYW5jZWwpPVwib25DYW5jZWwoKVwiIChpb25DbGVhcik9XCJvbkNsZWFyKClcIj5cbiAgICBAaWYgKCFoYXNTbG90U3RhcnQpIHtcbiAgICA8bmctY29udGFpbmVyPlxuICAgICAgPGlvbi1pY29uIG5hbWU9XCJzZWFyY2hcIj48L2lvbi1pY29uPlxuICAgIDwvbmctY29udGFpbmVyPiB9XG4gIDwvaW9uLXNlYXJjaGJhcj5cblxuICA8ZGl2IGNsYXNzPVwic2xvdFN0YXJ0XCIgW3N0eWxlLmRpc3BsYXldPVwiaGFzU2xvdFN0YXJ0ID8gJ2Jsb2NrJyA6ICdub25lJ1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzbG90U3RhcnRdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwic2xvdEVuZFwiIFtzdHlsZS5kaXNwbGF5XT1cImhhc1Nsb3RFbmQgPyAnYmxvY2snIDogJ25vbmUnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3RFbmRdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -2022,11 +2022,11 @@ class EuimSearchBarComponent {
|
|
|
2022
2022
|
this.clearEvent.emit();
|
|
2023
2023
|
}
|
|
2024
2024
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2025
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, outputs: { inputEvent: "inputEvent", changeEvent: "changeEvent", focusEvent: "focusEvent", cancelEvent: "cancelEvent", clearEvent: "clearEvent" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative
|
|
2025
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, outputs: { inputEvent: "inputEvent", changeEvent: "changeEvent", focusEvent: "focusEvent", cancelEvent: "cancelEvent", clearEvent: "clearEvent" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart{inset-inline-start:var(--eui-s-m)}.slotStart ion-icon{margin-inline-start:var(--eui-s-xs);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotEnd{right:var(--eui-s-m)}.slotEnd ion-icon{margin-inline-end:var(--eui-s-m);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: EuimLabelModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i3.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2026
2026
|
}
|
|
2027
2027
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, decorators: [{
|
|
2028
2028
|
type: Component,
|
|
2029
|
-
args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative
|
|
2029
|
+
args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [class.custom-searchbar]=\"hasSlotStart\" [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\" placeholder=\"Search\" (ionInput)=\"onInput($event)\"\n (ionChange)=\"onChange($event)\" (ionFocus)=\"onFocus()\" (ionCancel)=\"onCancel()\" (ionClear)=\"onClear()\">\n @if (!hasSlotStart) {\n <ng-container>\n <ion-icon name=\"search\"></ion-icon>\n </ng-container> }\n </ion-searchbar>\n\n <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n\n <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n</div>", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart{inset-inline-start:var(--eui-s-m)}.slotStart ion-icon{margin-inline-start:var(--eui-s-xs);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotEnd{right:var(--eui-s-m)}.slotEnd ion-icon{margin-inline-end:var(--eui-s-m);width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}\n"] }]
|
|
2030
2030
|
}], propDecorators: { hasSlotStart: [{
|
|
2031
2031
|
type: Input
|
|
2032
2032
|
}], hasSlotEnd: [{
|
|
@@ -3736,11 +3736,11 @@ class EuimHelpSupportComponent {
|
|
|
3736
3736
|
return '_blank';
|
|
3737
3737
|
}
|
|
3738
3738
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3739
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3739
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3740
3740
|
}
|
|
3741
3741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3742
3742
|
type: Component,
|
|
3743
|
-
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
3743
|
+
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
3744
3744
|
}], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { helpAndSupportItems: [{
|
|
3745
3745
|
type: Input
|
|
3746
3746
|
}], className: [{
|