@ev-core/aurelia-v1-cargal 1.0.0 → 2.0.0
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/dist/commonjs/elements/car-gal-element.d.ts +3 -4
- package/dist/commonjs/elements/car-gal-element.html +21 -21
- package/dist/commonjs/elements/car-gal-element.js +4 -39
- package/dist/commonjs/elements/car-gal-element.js.map +1 -1
- package/dist/commonjs/interfaces.d.ts +1 -9
- package/dist/commonjs/interfaces.js +0 -1
- package/dist/commonjs/interfaces.js.map +1 -1
- package/dist/native-modules/elements/car-gal-element.d.ts +3 -4
- package/dist/native-modules/elements/car-gal-element.html +21 -21
- package/dist/native-modules/elements/car-gal-element.js +6 -41
- package/dist/native-modules/elements/car-gal-element.js.map +1 -1
- package/dist/native-modules/interfaces.d.ts +1 -9
- package/dist/native-modules/interfaces.js +0 -1
- package/dist/native-modules/interfaces.js.map +1 -1
- package/package.json +6 -4
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ICargalImg } from '
|
|
1
|
+
import { ICarGal } from '@ev-core/car-gal';
|
|
2
|
+
import { ICargalImg } from '@ev-core/au-core-cargal';
|
|
3
3
|
export declare class CarouselCustomElement {
|
|
4
4
|
el: HTMLDivElement;
|
|
5
|
-
|
|
5
|
+
private readonly host;
|
|
6
6
|
containerId: string;
|
|
7
7
|
title: string;
|
|
8
8
|
desc: string;
|
|
@@ -13,6 +13,5 @@ export declare class CarouselCustomElement {
|
|
|
13
13
|
attached(): void;
|
|
14
14
|
detached(): void;
|
|
15
15
|
init(): void;
|
|
16
|
-
findHighestZIndex(): void;
|
|
17
16
|
dispose(): void;
|
|
18
17
|
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div ref="el"
|
|
3
|
-
id="${containerId}"
|
|
4
|
-
class="cg-container">
|
|
5
|
-
<div class="cg-carousel">
|
|
6
|
-
<ul>
|
|
7
|
-
<li repeat.for="i of images"
|
|
8
|
-
class="cg-item ${$index == 0 ? 'active' : ''}"
|
|
9
|
-
data-cg-title="${i.title}"
|
|
10
|
-
data-cg-description="${i.desc}">
|
|
11
|
-
|
|
12
|
-
<img src="${i.src}"
|
|
13
|
-
data-cg-srcset="${i.srcSet}"
|
|
14
|
-
data-cg-title="${i.title}"
|
|
15
|
-
data-cg-description="${i.desc}"/>
|
|
16
|
-
</li>
|
|
17
|
-
</ul>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
|
|
21
|
-
</template>
|
|
1
|
+
<template>
|
|
2
|
+
<div ref="el"
|
|
3
|
+
id="${containerId}"
|
|
4
|
+
class="cg-container">
|
|
5
|
+
<div class="cg-carousel">
|
|
6
|
+
<ul>
|
|
7
|
+
<li repeat.for="i of images"
|
|
8
|
+
class="cg-item ${$index == 0 ? 'active' : ''}"
|
|
9
|
+
data-cg-title="${i.title}"
|
|
10
|
+
data-cg-description="${i.desc}">
|
|
11
|
+
|
|
12
|
+
<img src="${i.src}"
|
|
13
|
+
data-cg-srcset="${i.srcSet}"
|
|
14
|
+
data-cg-title="${i.title}"
|
|
15
|
+
data-cg-description="${i.desc}"/>
|
|
16
|
+
</li>
|
|
17
|
+
</ul>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
</template>
|
|
@@ -4,8 +4,10 @@ exports.CarouselCustomElement = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const aurelia_framework_1 = require("aurelia-framework");
|
|
6
6
|
const car_gal_1 = require("@ev-core/car-gal");
|
|
7
|
+
const au_core_cargal_1 = require("@ev-core/au-core-cargal");
|
|
7
8
|
let CarouselCustomElement = class CarouselCustomElement {
|
|
8
9
|
constructor() {
|
|
10
|
+
this.host = new au_core_cargal_1.CargalHost();
|
|
9
11
|
this.opts = car_gal_1.cargalDefaultOpts;
|
|
10
12
|
this.images = [];
|
|
11
13
|
}
|
|
@@ -21,47 +23,10 @@ let CarouselCustomElement = class CarouselCustomElement {
|
|
|
21
23
|
this.dispose();
|
|
22
24
|
}
|
|
23
25
|
init() {
|
|
24
|
-
|
|
25
|
-
defaultOptions: this.opts,
|
|
26
|
-
autoInit: false,
|
|
27
|
-
instances: [
|
|
28
|
-
{ container: this.el, options: this.opts }
|
|
29
|
-
]
|
|
30
|
-
};
|
|
31
|
-
if (this.images?.length) {
|
|
32
|
-
try {
|
|
33
|
-
this.instance = (0, car_gal_1.init)(config);
|
|
34
|
-
}
|
|
35
|
-
catch (e) {
|
|
36
|
-
console.log("error", e);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
this.findHighestZIndex();
|
|
40
|
-
}
|
|
41
|
-
findHighestZIndex() {
|
|
42
|
-
const d = aurelia_framework_1.DOM;
|
|
43
|
-
let overlay = d.querySelector('.cg-overlay');
|
|
44
|
-
if (!overlay)
|
|
45
|
-
return;
|
|
46
|
-
let zIndex = 0;
|
|
47
|
-
Array.from(aurelia_framework_1.DOM.querySelectorAll('body *'))
|
|
48
|
-
.forEach(a => {
|
|
49
|
-
let n = Number.parseFloat(aurelia_framework_1.PLATFORM.global.getComputedStyle(a).zIndex);
|
|
50
|
-
if (!isNaN(n) && n > zIndex)
|
|
51
|
-
zIndex = n;
|
|
52
|
-
});
|
|
53
|
-
overlay.style.zIndex = String(zIndex++);
|
|
26
|
+
this.host.init(this.el, this.opts, this.images);
|
|
54
27
|
}
|
|
55
28
|
dispose() {
|
|
56
|
-
|
|
57
|
-
try {
|
|
58
|
-
this.instance.dispose();
|
|
59
|
-
}
|
|
60
|
-
catch (e) {
|
|
61
|
-
console.error("cargal dispose", e);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
this.instance = null;
|
|
29
|
+
this.host.dispose();
|
|
65
30
|
}
|
|
66
31
|
};
|
|
67
32
|
exports.CarouselCustomElement = CarouselCustomElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/elements/car-gal-element.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../src/elements/car-gal-element.ts"],"names":[],"mappings":";;;;AAAA,yDAA4D;AAC5D,8CAA8D;AAC9D,4DAAiE;AAG1D,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAA3B;QAEY,SAAI,GAAG,IAAI,2BAAU,EAAE,CAAC;QAK/B,SAAI,GAAoB,2BAAiB,CAAC;QAC1C,WAAM,GAAiB,EAAE,CAAC;IAuBtC,CAAC;IAtBC,aAAa;QACX,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,IAAI,KAAK,CAAC;IAEV,QAAQ;QACN,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IACtB,CAAC;CACF,CAAA;AA/BY,sDAAqB;AAItB;IAAT,4BAAQ;;0DAAqB;AACpB;IAAT,4BAAQ;;oDAAe;AACd;IAAT,4BAAQ;;mDAAc;AACb;IAAT,4BAAQ;;mDAA2C;AAC1C;IAAT,4BAAQ;;qDAA2B;gCARzB,qBAAqB;IADjC,IAAA,iCAAa,EAAC,SAAS,CAAC;GACZ,qBAAqB,CA+BjC","file":"car-gal-element.js","sourceRoot":"../../../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/interfaces.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/interfaces.ts"],"names":[],"mappings":"","file":"interfaces.js","sourceRoot":"../../src/"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { ICargalImg } from '
|
|
1
|
+
import { ICarGal } from '@ev-core/car-gal';
|
|
2
|
+
import { ICargalImg } from '@ev-core/au-core-cargal';
|
|
3
3
|
export declare class CarouselCustomElement {
|
|
4
4
|
el: HTMLDivElement;
|
|
5
|
-
|
|
5
|
+
private readonly host;
|
|
6
6
|
containerId: string;
|
|
7
7
|
title: string;
|
|
8
8
|
desc: string;
|
|
@@ -13,6 +13,5 @@ export declare class CarouselCustomElement {
|
|
|
13
13
|
attached(): void;
|
|
14
14
|
detached(): void;
|
|
15
15
|
init(): void;
|
|
16
|
-
findHighestZIndex(): void;
|
|
17
16
|
dispose(): void;
|
|
18
17
|
}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div ref="el"
|
|
3
|
-
id="${containerId}"
|
|
4
|
-
class="cg-container">
|
|
5
|
-
<div class="cg-carousel">
|
|
6
|
-
<ul>
|
|
7
|
-
<li repeat.for="i of images"
|
|
8
|
-
class="cg-item ${$index == 0 ? 'active' : ''}"
|
|
9
|
-
data-cg-title="${i.title}"
|
|
10
|
-
data-cg-description="${i.desc}">
|
|
11
|
-
|
|
12
|
-
<img src="${i.src}"
|
|
13
|
-
data-cg-srcset="${i.srcSet}"
|
|
14
|
-
data-cg-title="${i.title}"
|
|
15
|
-
data-cg-description="${i.desc}"/>
|
|
16
|
-
</li>
|
|
17
|
-
</ul>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
|
|
21
|
-
</template>
|
|
1
|
+
<template>
|
|
2
|
+
<div ref="el"
|
|
3
|
+
id="${containerId}"
|
|
4
|
+
class="cg-container">
|
|
5
|
+
<div class="cg-carousel">
|
|
6
|
+
<ul>
|
|
7
|
+
<li repeat.for="i of images"
|
|
8
|
+
class="cg-item ${$index == 0 ? 'active' : ''}"
|
|
9
|
+
data-cg-title="${i.title}"
|
|
10
|
+
data-cg-description="${i.desc}">
|
|
11
|
+
|
|
12
|
+
<img src="${i.src}"
|
|
13
|
+
data-cg-srcset="${i.srcSet}"
|
|
14
|
+
data-cg-title="${i.title}"
|
|
15
|
+
data-cg-description="${i.desc}"/>
|
|
16
|
+
</li>
|
|
17
|
+
</ul>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
|
|
21
|
+
</template>
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
|
-
import { bindable, customElement
|
|
3
|
-
import { cargalDefaultOpts, ICarGal
|
|
2
|
+
import { bindable, customElement } from 'aurelia-framework';
|
|
3
|
+
import { cargalDefaultOpts, ICarGal } from '@ev-core/car-gal';
|
|
4
|
+
import { CargalHost } from '@ev-core/au-core-cargal';
|
|
4
5
|
let CarouselCustomElement = class CarouselCustomElement {
|
|
5
6
|
constructor() {
|
|
7
|
+
this.host = new CargalHost();
|
|
6
8
|
this.opts = cargalDefaultOpts;
|
|
7
9
|
this.images = [];
|
|
8
10
|
}
|
|
@@ -18,47 +20,10 @@ let CarouselCustomElement = class CarouselCustomElement {
|
|
|
18
20
|
this.dispose();
|
|
19
21
|
}
|
|
20
22
|
init() {
|
|
21
|
-
|
|
22
|
-
defaultOptions: this.opts,
|
|
23
|
-
autoInit: false,
|
|
24
|
-
instances: [
|
|
25
|
-
{ container: this.el, options: this.opts }
|
|
26
|
-
]
|
|
27
|
-
};
|
|
28
|
-
if (this.images?.length) {
|
|
29
|
-
try {
|
|
30
|
-
this.instance = init(config);
|
|
31
|
-
}
|
|
32
|
-
catch (e) {
|
|
33
|
-
console.log("error", e);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
this.findHighestZIndex();
|
|
37
|
-
}
|
|
38
|
-
findHighestZIndex() {
|
|
39
|
-
const d = DOM;
|
|
40
|
-
let overlay = d.querySelector('.cg-overlay');
|
|
41
|
-
if (!overlay)
|
|
42
|
-
return;
|
|
43
|
-
let zIndex = 0;
|
|
44
|
-
Array.from(DOM.querySelectorAll('body *'))
|
|
45
|
-
.forEach(a => {
|
|
46
|
-
let n = Number.parseFloat(PLATFORM.global.getComputedStyle(a).zIndex);
|
|
47
|
-
if (!isNaN(n) && n > zIndex)
|
|
48
|
-
zIndex = n;
|
|
49
|
-
});
|
|
50
|
-
overlay.style.zIndex = String(zIndex++);
|
|
23
|
+
this.host.init(this.el, this.opts, this.images);
|
|
51
24
|
}
|
|
52
25
|
dispose() {
|
|
53
|
-
|
|
54
|
-
try {
|
|
55
|
-
this.instance.dispose();
|
|
56
|
-
}
|
|
57
|
-
catch (e) {
|
|
58
|
-
console.error("cargal dispose", e);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
this.instance = null;
|
|
26
|
+
this.host.dispose();
|
|
62
27
|
}
|
|
63
28
|
};
|
|
64
29
|
__decorate([
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/elements/car-gal-element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,
|
|
1
|
+
{"version":3,"sources":["../src/elements/car-gal-element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAc,MAAM,yBAAyB,CAAC;AAG1D,IAAM,qBAAqB,GAA3B,MAAM,qBAAqB;IAA3B;QAEY,SAAI,GAAG,IAAI,UAAU,EAAE,CAAC;QAK/B,SAAI,GAAoB,iBAAiB,CAAC;QAC1C,WAAM,GAAiB,EAAE,CAAC;IAuBtC,CAAC;IAtBC,aAAa;QACX,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,IAAI,KAAK,CAAC;IAEV,QAAQ;QACN,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAED,OAAO;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IACtB,CAAC;CACF,CAAA;AA3BW;IAAT,QAAQ;;0DAAqB;AACpB;IAAT,QAAQ;;oDAAe;AACd;IAAT,QAAQ;;mDAAc;AACb;IAAT,QAAQ;;mDAA2C;AAC1C;IAAT,QAAQ;;qDAA2B;AARzB,qBAAqB;IADjC,aAAa,CAAC,SAAS,CAAC;GACZ,qBAAqB,CA+BjC","file":"car-gal-element.js","sourceRoot":"../../../src/"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/interfaces.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/interfaces.ts"],"names":[],"mappings":"","file":"interfaces.js","sourceRoot":"../../src/"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ev-core/aurelia-v1-cargal",
|
|
3
|
-
"description": "
|
|
4
|
-
"version": "
|
|
3
|
+
"description": "Aurelia v1 wrapper for @ev-core/car-gal.",
|
|
4
|
+
"version": "2.0.0",
|
|
5
5
|
"dependencies": {
|
|
6
|
-
"@ev-core/
|
|
6
|
+
"@ev-core/au-core-cargal": "2.0.0",
|
|
7
|
+
"@ev-core/car-gal": "2.0.0"
|
|
7
8
|
},
|
|
8
9
|
"peerDependencies": {
|
|
9
10
|
"aurelia-binding": "^1.0.0 || ^2.0.0",
|
|
@@ -42,7 +43,7 @@
|
|
|
42
43
|
"server-destroy": "^1.0.1",
|
|
43
44
|
"socket.io": "^4.8.1",
|
|
44
45
|
"text": "requirejs/text",
|
|
45
|
-
"typescript": "^5.9.
|
|
46
|
+
"typescript": "^5.9.3",
|
|
46
47
|
"typescript-eslint": "^8.38.0"
|
|
47
48
|
},
|
|
48
49
|
"overrides": {
|
|
@@ -51,6 +52,7 @@
|
|
|
51
52
|
"glob-parent": "^6.0.0",
|
|
52
53
|
"micromatch": "^4.0.0"
|
|
53
54
|
},
|
|
55
|
+
"types": "dist/native-modules/index.d.ts",
|
|
54
56
|
"main": "dist/commonjs/index.js",
|
|
55
57
|
"module": "dist/native-modules/index.js",
|
|
56
58
|
"files": [
|