@eui/mobile-core 18.1.3 → 18.1.4-snapshot-1762343132805
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/changelog.html +24 -0
- package/docs/directives/EuimToolbarTransparentDirective.html +24 -0
- package/docs/js/search/search_index.js +2 -2
- package/docs/properties.html +1 -1
- package/esm2022/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.mjs +7 -3
- package/fesm2022/eui-mobile-core.mjs +6 -2
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.d.ts +2 -1
- package/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.d.ts.map +1 -1
- package/package.json +2 -2
package/docs/properties.html
CHANGED
|
@@ -4,6 +4,7 @@ export class EuimToolbarTransparentDirective {
|
|
|
4
4
|
constructor() {
|
|
5
5
|
this.scrollThreshold = 150;
|
|
6
6
|
this.hasTitle = false;
|
|
7
|
+
this.isLightToolbar = false;
|
|
7
8
|
this.className = 'euim-toolbar--transparent';
|
|
8
9
|
}
|
|
9
10
|
get cssClasses() {
|
|
@@ -14,7 +15,7 @@ export class EuimToolbarTransparentDirective {
|
|
|
14
15
|
this.updateToolbar(scrollTop);
|
|
15
16
|
}
|
|
16
17
|
updateToolbar(scrollTop) {
|
|
17
|
-
const toolbar = document.querySelector('ion-toolbar');
|
|
18
|
+
const toolbar = document.querySelector('ion-toolbar[euimToolbarTransparent]');
|
|
18
19
|
if (!toolbar)
|
|
19
20
|
return;
|
|
20
21
|
if (scrollTop > this.scrollThreshold) {
|
|
@@ -30,10 +31,11 @@ export class EuimToolbarTransparentDirective {
|
|
|
30
31
|
return [
|
|
31
32
|
'euim-toolbar--transparent',
|
|
32
33
|
this.hasTitle ? 'euim-toolbar--transparent-with-title' : '',
|
|
34
|
+
this.isLightToolbar ? 'euim-toolbar--solid-light' : '',
|
|
33
35
|
].join(' ');
|
|
34
36
|
}
|
|
35
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
36
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
38
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle", isLightToolbar: "isLightToolbar" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
37
39
|
}
|
|
38
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
39
41
|
type: Directive,
|
|
@@ -45,6 +47,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
45
47
|
type: Input
|
|
46
48
|
}], hasTitle: [{
|
|
47
49
|
type: Input
|
|
50
|
+
}], isLightToolbar: [{
|
|
51
|
+
type: Input
|
|
48
52
|
}], className: [{
|
|
49
53
|
type: HostBinding,
|
|
50
54
|
args: ['class']
|
|
@@ -55,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
55
59
|
type: HostListener,
|
|
56
60
|
args: ['ionScroll', ['$event']]
|
|
57
61
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS10b29sYmFyLXRyYW5zcGFyZW50LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9kaXJlY3RpdmVzL2V1aW0tdG9vbGJhci10cmFuc3BhcmVudC9ldWltLXRvb2xiYXItdHJhbnNwYXJlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzVFLE1BQU0sT0FBTywrQkFBK0I7SUFKNUM7UUFLYSxvQkFBZSxHQUFHLEdBQUcsQ0FBQztRQUN0QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBRVYsY0FBUyxHQUFHLDJCQUEyQixDQUFDO0tBaUNqRTtJQWhDRyxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDaEMsQ0FBQztJQUdELGVBQWUsQ0FBQyxNQUFNO1FBQ2xCLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDO1FBQzFDLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVPLGFBQWEsQ0FBQyxTQUFpQjtRQUNuQyxNQUFNLE9BQU8sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLHFDQUFxQyxDQUFDLENBQUM7UUFDOUUsSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPO1FBRXJCLElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUNuQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1lBQzdDLE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFDMUQsQ0FBQzthQUFNLENBQUM7WUFDSixPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1lBQ25ELE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDcEQsQ0FBQztJQUNMLENBQUM7SUFHTyxhQUFhO1FBQ2pCLE9BQU87WUFDSCwyQkFBMkI7WUFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsc0NBQXNDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0QsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsMkJBQTJCLENBQUMsQ0FBQyxDQUFDLEVBQUU7U0FDekQsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDaEIsQ0FBQzsrR0FyQ1EsK0JBQStCO21HQUEvQiwrQkFBK0I7OzRGQUEvQiwrQkFBK0I7a0JBSjNDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsVUFBVSxFQUFFLElBQUk7aUJBQ25COzhCQUVZLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVnQixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBRVQsVUFBVTtzQkFEcEIsV0FBVzt1QkFBQyxPQUFPO2dCQU1wQixlQUFlO3NCQURkLFlBQVk7dUJBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZXVpbVRvb2xiYXJUcmFuc3BhcmVudF0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1Ub29sYmFyVHJhbnNwYXJlbnREaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpIHNjcm9sbFRocmVzaG9sZCA9IDE1MDtcbiAgICBASW5wdXQoKSBoYXNUaXRsZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGlzTGlnaHRUb29sYmFyID0gZmFsc2U7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ2V1aW0tdG9vbGJhci0tdHJhbnNwYXJlbnQnO1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHB1YmxpYyBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRDc3NDbGFzc2VzKCk7XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignaW9uU2Nyb2xsJywgWyckZXZlbnQnXSlcbiAgICBvbkNvbnRlbnRTY3JvbGwoJGV2ZW50KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHNjcm9sbFRvcCA9ICRldmVudC5kZXRhaWwuc2Nyb2xsVG9wO1xuICAgICAgICB0aGlzLnVwZGF0ZVRvb2xiYXIoc2Nyb2xsVG9wKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHVwZGF0ZVRvb2xiYXIoc2Nyb2xsVG9wOiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgdG9vbGJhciA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJ2lvbi10b29sYmFyW2V1aW1Ub29sYmFyVHJhbnNwYXJlbnRdJyk7XG4gICAgICAgIGlmICghdG9vbGJhcikgcmV0dXJuO1xuXG4gICAgICAgIGlmIChzY3JvbGxUb3AgPiB0aGlzLnNjcm9sbFRocmVzaG9sZCkge1xuICAgICAgICAgICAgdG9vbGJhci5jbGFzc0xpc3QuYWRkKCdldWltLXRvb2xiYXItLXNvbGlkJyk7XG4gICAgICAgICAgICB0b29sYmFyLmNsYXNzTGlzdC5yZW1vdmUoJ2V1aW0tdG9vbGJhci0tdHJhbnNwYXJlbnQnKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRvb2xiYXIuY2xhc3NMaXN0LmFkZCgnZXVpbS10b29sYmFyLS10cmFuc3BhcmVudCcpO1xuICAgICAgICAgICAgdG9vbGJhci5jbGFzc0xpc3QucmVtb3ZlKCdldWltLXRvb2xiYXItLXNvbGlkJyk7XG4gICAgICAgIH1cbiAgICB9XG5cblxuICAgIHByaXZhdGUgZ2V0Q3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgJ2V1aW0tdG9vbGJhci0tdHJhbnNwYXJlbnQnLFxuICAgICAgICAgICAgdGhpcy5oYXNUaXRsZSA/ICdldWltLXRvb2xiYXItLXRyYW5zcGFyZW50LXdpdGgtdGl0bGUnIDogJycsXG4gICAgICAgICAgICB0aGlzLmlzTGlnaHRUb29sYmFyID8gJ2V1aW0tdG9vbGJhci0tc29saWQtbGlnaHQnIDogJycsXG4gICAgICAgIF0uam9pbignICcpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -4371,6 +4371,7 @@ class EuimToolbarTransparentDirective {
|
|
|
4371
4371
|
constructor() {
|
|
4372
4372
|
this.scrollThreshold = 150;
|
|
4373
4373
|
this.hasTitle = false;
|
|
4374
|
+
this.isLightToolbar = false;
|
|
4374
4375
|
this.className = 'euim-toolbar--transparent';
|
|
4375
4376
|
}
|
|
4376
4377
|
get cssClasses() {
|
|
@@ -4381,7 +4382,7 @@ class EuimToolbarTransparentDirective {
|
|
|
4381
4382
|
this.updateToolbar(scrollTop);
|
|
4382
4383
|
}
|
|
4383
4384
|
updateToolbar(scrollTop) {
|
|
4384
|
-
const toolbar = document.querySelector('ion-toolbar');
|
|
4385
|
+
const toolbar = document.querySelector('ion-toolbar[euimToolbarTransparent]');
|
|
4385
4386
|
if (!toolbar)
|
|
4386
4387
|
return;
|
|
4387
4388
|
if (scrollTop > this.scrollThreshold) {
|
|
@@ -4397,10 +4398,11 @@ class EuimToolbarTransparentDirective {
|
|
|
4397
4398
|
return [
|
|
4398
4399
|
'euim-toolbar--transparent',
|
|
4399
4400
|
this.hasTitle ? 'euim-toolbar--transparent-with-title' : '',
|
|
4401
|
+
this.isLightToolbar ? 'euim-toolbar--solid-light' : '',
|
|
4400
4402
|
].join(' ');
|
|
4401
4403
|
}
|
|
4402
4404
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4403
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4405
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle", isLightToolbar: "isLightToolbar" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4404
4406
|
}
|
|
4405
4407
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
4406
4408
|
type: Directive,
|
|
@@ -4412,6 +4414,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
4412
4414
|
type: Input
|
|
4413
4415
|
}], hasTitle: [{
|
|
4414
4416
|
type: Input
|
|
4417
|
+
}], isLightToolbar: [{
|
|
4418
|
+
type: Input
|
|
4415
4419
|
}], className: [{
|
|
4416
4420
|
type: HostBinding,
|
|
4417
4421
|
args: ['class']
|