@eui/mobile-core 18.0.0-next.15 → 18.0.0-next.16
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.
|
@@ -9,14 +9,14 @@ export class EuimSearchBarComponent {
|
|
|
9
9
|
this.hasSlotEnd = false;
|
|
10
10
|
}
|
|
11
11
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
/** @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" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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);
|
|
12
|
+
/** @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" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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 ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\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 }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
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 [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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);
|
|
16
|
+
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 [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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 ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"] }]
|
|
17
17
|
}], propDecorators: { hasSlotStart: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], hasSlotEnd: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBWTdDLE1BQU0sT0FBTyxzQkFBc0I7SUFWbkM7UUFXVyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixlQUFVLEdBQUcsS0FBSyxDQUFDO0tBQzdCO2tJQUhZLHNCQUFzQjtzSEFBdEIsc0JBQXNCLCtJQ25CbkMseW5CQWtCQSxnZERGWSxlQUFlLDhCQUFFLFdBQVc7OzRGQUczQixzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQzs4QkFJOUIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1MYWJlbE1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2V1aW0tbGFiZWwnO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V1aW0tc2VhcmNoLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ldWltLXNlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtFdWltTGFiZWxNb2R1bGUsIElvbmljTW9kdWxlXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBFdWltU2VhcmNoQmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGFzU2xvdFN0YXJ0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhhc1Nsb3RFbmQgPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJldWltLXNlYXJjaC1iYXJfX3dyYXBwZXJcIj5cbiAgPGlvbi1zZWFyY2hiYXIgW2F0dHIuc2hvdy1jbGVhci1idXR0b25dPVwiaGFzU2xvdEVuZCA/ICduZXZlcicgOiAnYWx3YXlzJ1wiXG4gICAgW2NsYXNzLmN1c3RvbS1zZWFyY2hiYXJdPVwiaGFzU2xvdFN0YXJ0XCJcbiAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaFwiPlxuICAgIEBpZiAoIWhhc1Nsb3RTdGFydCkge1xuICAgICAgPG5nLWNvbnRhaW5lciA+XG4gICAgICA8aW9uLWljb24gbmFtZT1cInNlYXJjaFwiPjwvaW9uLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+IH1cbiAgPC9pb24tc2VhcmNoYmFyPlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90U3RhcnRcIiBbc3R5bGUuZGlzcGxheV09XCJoYXNTbG90U3RhcnQgPyAnYmxvY2snIDogJ25vbmUnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3RTdGFydF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90RW5kXCIgW3N0eWxlLmRpc3BsYXldPVwiaGFzU2xvdEVuZCA/ICdibG9jaycgOiAnbm9uZSdcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdEVuZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1998,11 +1998,11 @@ class EuimSearchBarComponent {
|
|
|
1998
1998
|
this.hasSlotEnd = false;
|
|
1999
1999
|
}
|
|
2000
2000
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2001
|
-
/** @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" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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);
|
|
2001
|
+
/** @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" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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 ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\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 }); }
|
|
2002
2002
|
}
|
|
2003
2003
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, decorators: [{
|
|
2004
2004
|
type: Component,
|
|
2005
|
-
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 [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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);
|
|
2005
|
+
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 [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n [class.custom-searchbar]=\"hasSlotStart\"\n placeholder=\"Search\">\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>\n", 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 ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"] }]
|
|
2006
2006
|
}], propDecorators: { hasSlotStart: [{
|
|
2007
2007
|
type: Input
|
|
2008
2008
|
}], hasSlotEnd: [{
|