@ppg_pl/pallete 2.0.23 → 2.0.26
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/README.md +12 -5
- package/dist/cjs/{index-53e78fc8.js → index-d74cbc0d.js} +33 -2
- package/dist/cjs/index-d74cbc0d.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js.map +1 -1
- package/dist/cjs/my-backdrop_8.cjs.entry.js +1651 -1286
- package/dist/cjs/my-backdrop_8.cjs.entry.js.map +1 -1
- package/dist/cjs/pallete.cjs.js +2 -2
- package/dist/cjs/pallete.cjs.js.map +1 -1
- package/dist/collection/components/my-backdrop/my-backdrop.css +7 -0
- package/dist/collection/components/my-colorbox/my-colorbox.css +7 -0
- package/dist/collection/components/my-colorinfo/assets/Shape.svg +4 -0
- package/dist/collection/components/my-colorinfo/assets/close.png +0 -0
- package/dist/collection/components/my-colorinfo/assets/shape.png +0 -0
- package/dist/collection/components/my-colorinfo/my-colorinfo.css +350 -0
- package/dist/collection/components/my-colorinfo/my-colorinfo.js +135 -1
- package/dist/collection/components/my-colorinfo/my-colorinfo.js.map +1 -1
- package/dist/collection/components/my-component/my-component.js +68 -1
- package/dist/collection/components/my-component/my-component.js.map +1 -1
- package/dist/collection/components/my-modal/my-modal.css +8 -239
- package/dist/collection/components/my-modal/my-modal.js +42 -2
- package/dist/collection/components/my-modal/my-modal.js.map +1 -1
- package/dist/collection/components/my-search/my-search.css +7 -0
- package/dist/collection/components/my-slider/index.js +9 -6
- package/dist/collection/components/my-slider/index.js.map +1 -1
- package/dist/collection/components/my-slider/my-slider.css +12 -3
- package/dist/collection/types.js.map +1 -1
- package/dist/components/index3.js +10 -7
- package/dist/components/index3.js.map +1 -1
- package/dist/components/my-backdrop2.js +1 -1
- package/dist/components/my-backdrop2.js.map +1 -1
- package/dist/components/my-colorbox2.js +1 -1
- package/dist/components/my-colorbox2.js.map +1 -1
- package/dist/components/my-colorinfo2.js +46 -3
- package/dist/components/my-colorinfo2.js.map +1 -1
- package/dist/components/my-component.js +15 -3
- package/dist/components/my-component.js.map +1 -1
- package/dist/components/my-modal2.js +1589 -1274
- package/dist/components/my-modal2.js.map +1 -1
- package/dist/components/my-search2.js +1 -1
- package/dist/components/my-search2.js.map +1 -1
- package/dist/esm/{index-b0145abf.js → index-45a30349.js} +33 -2
- package/dist/esm/index-45a30349.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/loader.js.map +1 -1
- package/dist/esm/my-backdrop_8.entry.js +1651 -1286
- package/dist/esm/my-backdrop_8.entry.js.map +1 -1
- package/dist/esm/pallete.js +3 -3
- package/dist/esm/pallete.js.map +1 -1
- package/dist/pallete/assets/Shape.svg +4 -0
- package/dist/pallete/assets/shape.png +0 -0
- package/dist/pallete/p-2394bcec.entry.js +2 -0
- package/dist/pallete/p-2394bcec.entry.js.map +1 -0
- package/dist/pallete/p-a3449132.js +3 -0
- package/dist/pallete/p-a3449132.js.map +1 -0
- package/dist/pallete/pallete.css +1 -1
- package/dist/pallete/pallete.esm.js +1 -1
- package/dist/pallete/pallete.esm.js.map +1 -1
- package/dist/types/components/my-colorinfo/my-colorinfo.d.ts +11 -1
- package/dist/types/components/my-component/my-component.d.ts +9 -0
- package/dist/types/components/my-modal/my-modal.d.ts +3 -1
- package/dist/types/components.d.ts +24 -2
- package/dist/types/types.d.ts +4 -0
- package/package.json +5 -4
- package/www/build/assets/Shape.svg +4 -0
- package/www/build/assets/shape.png +0 -0
- package/www/build/p-2394bcec.entry.js +2 -0
- package/www/build/p-2394bcec.entry.js.map +1 -0
- package/www/build/p-a3449132.js +3 -0
- package/www/build/p-a3449132.js.map +1 -0
- package/www/build/p-c5910eb7.js +2 -0
- package/www/build/p-f8a0208d.css +1 -0
- package/www/build/pallete.css +1 -1
- package/www/build/pallete.esm.js +1 -1
- package/www/build/pallete.esm.js.map +1 -1
- package/www/index.html +62 -10
- package/dist/cjs/index-53e78fc8.js.map +0 -1
- package/dist/esm/index-b0145abf.js.map +0 -1
- package/dist/pallete/p-bdb05818.entry.js +0 -2
- package/dist/pallete/p-bdb05818.entry.js.map +0 -1
- package/dist/pallete/p-c6a049a2.js +0 -3
- package/dist/pallete/p-c6a049a2.js.map +0 -1
- package/www/build/p-bdb05818.entry.js +0 -2
- package/www/build/p-bdb05818.entry.js.map +0 -1
- package/www/build/p-c6a049a2.js +0 -3
- package/www/build/p-c6a049a2.js.map +0 -1
- /package/www/{build/assets → assets}/fonts/Galatea-Regular.eot +0 -0
- /package/www/{build/assets → assets}/fonts/Galatea-Regular.ttf +0 -0
- /package/www/{build/assets → assets}/fonts/Galatea-Regular.woff +0 -0
- /package/www/{build/assets → assets}/fonts/Galatea-Regular.woff2 +0 -0
|
@@ -1,19 +1,29 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import { Color, Product } from '../../types';
|
|
2
|
+
import { AvailableTester, Color, Product } from '../../types';
|
|
3
3
|
export declare class MyColorInfo {
|
|
4
4
|
currentColor: Color;
|
|
5
5
|
shop: string;
|
|
6
6
|
product: string;
|
|
7
7
|
baselink: string;
|
|
8
|
+
availableTesters: AvailableTester | null;
|
|
9
|
+
price: number | null;
|
|
8
10
|
data: Product | null;
|
|
9
11
|
isMobile: boolean;
|
|
10
12
|
infoBoxWidth: number | null;
|
|
11
13
|
closeImage: string;
|
|
14
|
+
shapeImage: string;
|
|
15
|
+
buttonBlocked: boolean;
|
|
12
16
|
closeInfoBox: EventEmitter;
|
|
17
|
+
addToBasket: EventEmitter<{
|
|
18
|
+
id: number;
|
|
19
|
+
}>;
|
|
13
20
|
goToProduct: () => void;
|
|
14
21
|
onCloseButtonClick: () => void;
|
|
15
22
|
renderSliderOrImage: () => any;
|
|
16
23
|
getHref: () => string | undefined;
|
|
17
24
|
capitalizeFirstLetter: (string: string) => string;
|
|
25
|
+
isVeryLightBackground: () => boolean;
|
|
26
|
+
getButtonClass: () => "" | "brown" | "inverse";
|
|
27
|
+
handleAddToBasket: () => void;
|
|
18
28
|
render(): any;
|
|
19
29
|
}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
1
2
|
export declare class MyModalBundle {
|
|
2
3
|
modalEl: HTMLElement;
|
|
3
4
|
shop: string;
|
|
4
5
|
product: string;
|
|
5
6
|
baselink: string;
|
|
6
7
|
colorname: string | null;
|
|
8
|
+
available_testers: string | null;
|
|
9
|
+
price: number | null;
|
|
10
|
+
addToBasket: EventEmitter<{
|
|
11
|
+
id: number;
|
|
12
|
+
}>;
|
|
7
13
|
show: boolean;
|
|
8
14
|
readyToClose: boolean;
|
|
9
15
|
open(): Promise<void>;
|
|
10
16
|
close(): Promise<void>;
|
|
11
17
|
setReadyToCloseHandler(value: CustomEvent): void;
|
|
12
18
|
closeModalHandler(): void;
|
|
19
|
+
addToBasketHandler(event: CustomEvent<{
|
|
20
|
+
id: number;
|
|
21
|
+
}>): number;
|
|
13
22
|
render(): any;
|
|
14
23
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
-
import { Color, PaginationData, Product } from '../../types';
|
|
2
|
+
import { AvailableTester, Color, PaginationData, Product } from '../../types';
|
|
3
3
|
declare global {
|
|
4
4
|
interface Window {
|
|
5
5
|
dataLayer: Record<string, any>[];
|
|
@@ -17,6 +17,8 @@ export declare class MyModal {
|
|
|
17
17
|
shop: string;
|
|
18
18
|
product: string;
|
|
19
19
|
baselink: string;
|
|
20
|
+
available_testers: AvailableTester[] | null;
|
|
21
|
+
price: number | null;
|
|
20
22
|
selectedcolor: string | null;
|
|
21
23
|
closeImage: string;
|
|
22
24
|
arrowDown: string;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* It contains typing information for all components that exist in this project.
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
|
-
import { Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
|
|
9
|
-
export { Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
|
|
8
|
+
import { AvailableTester, Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
|
|
9
|
+
export { AvailableTester, Color, ColorBoxyIsImageInsteadHex, Image, Product } from "./types";
|
|
10
10
|
export namespace Components {
|
|
11
11
|
interface MyBackdrop {
|
|
12
12
|
}
|
|
@@ -20,20 +20,26 @@ export namespace Components {
|
|
|
20
20
|
"shop": string;
|
|
21
21
|
}
|
|
22
22
|
interface MyColorinfo {
|
|
23
|
+
"availableTesters": AvailableTester | null;
|
|
23
24
|
"baselink": string;
|
|
25
|
+
"buttonBlocked": boolean;
|
|
24
26
|
"closeImage": string;
|
|
25
27
|
"currentColor": Color;
|
|
26
28
|
"data": Product | null;
|
|
27
29
|
"infoBoxWidth": number | null;
|
|
28
30
|
"isMobile": boolean;
|
|
31
|
+
"price": number | null;
|
|
29
32
|
"product": string;
|
|
33
|
+
"shapeImage": string;
|
|
30
34
|
"shop": string;
|
|
31
35
|
}
|
|
32
36
|
interface MyComponent {
|
|
37
|
+
"available_testers": string | null;
|
|
33
38
|
"baselink": string;
|
|
34
39
|
"close": () => Promise<void>;
|
|
35
40
|
"colorname": string | null;
|
|
36
41
|
"open": () => Promise<void>;
|
|
42
|
+
"price": number | null;
|
|
37
43
|
"product": string;
|
|
38
44
|
"shop": string;
|
|
39
45
|
}
|
|
@@ -41,9 +47,11 @@ export namespace Components {
|
|
|
41
47
|
}
|
|
42
48
|
interface MyModal {
|
|
43
49
|
"arrowDown": string;
|
|
50
|
+
"available_testers": AvailableTester[] | null;
|
|
44
51
|
"baselink": string;
|
|
45
52
|
"closeImage": string;
|
|
46
53
|
"open": () => Promise<void>;
|
|
54
|
+
"price": number | null;
|
|
47
55
|
"product": string;
|
|
48
56
|
"selectedcolor": string | null;
|
|
49
57
|
"shop": string;
|
|
@@ -65,6 +73,10 @@ export interface MyColorinfoCustomEvent<T> extends CustomEvent<T> {
|
|
|
65
73
|
detail: T;
|
|
66
74
|
target: HTMLMyColorinfoElement;
|
|
67
75
|
}
|
|
76
|
+
export interface MyComponentCustomEvent<T> extends CustomEvent<T> {
|
|
77
|
+
detail: T;
|
|
78
|
+
target: HTMLMyComponentElement;
|
|
79
|
+
}
|
|
68
80
|
export interface MyModalCustomEvent<T> extends CustomEvent<T> {
|
|
69
81
|
detail: T;
|
|
70
82
|
target: HTMLMyModalElement;
|
|
@@ -146,19 +158,27 @@ declare namespace LocalJSX {
|
|
|
146
158
|
"shop"?: string;
|
|
147
159
|
}
|
|
148
160
|
interface MyColorinfo {
|
|
161
|
+
"availableTesters"?: AvailableTester | null;
|
|
149
162
|
"baselink"?: string;
|
|
163
|
+
"buttonBlocked"?: boolean;
|
|
150
164
|
"closeImage"?: string;
|
|
151
165
|
"currentColor"?: Color;
|
|
152
166
|
"data"?: Product | null;
|
|
153
167
|
"infoBoxWidth"?: number | null;
|
|
154
168
|
"isMobile"?: boolean;
|
|
169
|
+
"onAddToBasket"?: (event: MyColorinfoCustomEvent<{ id: number }>) => void;
|
|
155
170
|
"onCloseInfoBox"?: (event: MyColorinfoCustomEvent<any>) => void;
|
|
171
|
+
"price"?: number | null;
|
|
156
172
|
"product"?: string;
|
|
173
|
+
"shapeImage"?: string;
|
|
157
174
|
"shop"?: string;
|
|
158
175
|
}
|
|
159
176
|
interface MyComponent {
|
|
177
|
+
"available_testers"?: string | null;
|
|
160
178
|
"baselink"?: string;
|
|
161
179
|
"colorname"?: string | null;
|
|
180
|
+
"onAddToBasket"?: (event: MyComponentCustomEvent<{ id: number }>) => void;
|
|
181
|
+
"price"?: number | null;
|
|
162
182
|
"product"?: string;
|
|
163
183
|
"shop"?: string;
|
|
164
184
|
}
|
|
@@ -166,11 +186,13 @@ declare namespace LocalJSX {
|
|
|
166
186
|
}
|
|
167
187
|
interface MyModal {
|
|
168
188
|
"arrowDown"?: string;
|
|
189
|
+
"available_testers"?: AvailableTester[] | null;
|
|
169
190
|
"baselink"?: string;
|
|
170
191
|
"closeImage"?: string;
|
|
171
192
|
"onClearSearchText"?: (event: MyModalCustomEvent<any>) => void;
|
|
172
193
|
"onClose"?: (event: MyModalCustomEvent<any>) => void;
|
|
173
194
|
"onReadyToCLose"?: (event: MyModalCustomEvent<any>) => void;
|
|
195
|
+
"price"?: number | null;
|
|
174
196
|
"product"?: string;
|
|
175
197
|
"selectedcolor"?: string | null;
|
|
176
198
|
"shop"?: string;
|
package/dist/types/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ppg_pl/pallete",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.26",
|
|
4
4
|
"description": "Color-Selector WebComponent",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"repository": {
|
|
15
15
|
"type": "git",
|
|
16
|
-
"url": "git+https://github.com/
|
|
16
|
+
"url": "git+https://github.com/bf8agency/color-selector"
|
|
17
17
|
},
|
|
18
18
|
"files": [
|
|
19
19
|
"dist/",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"husky": "^8.0.3",
|
|
45
45
|
"jest": "^27.4.5",
|
|
46
46
|
"jest-cli": "^27.4.5",
|
|
47
|
-
"puppeteer": "^
|
|
47
|
+
"puppeteer": "^24.36.1"
|
|
48
48
|
},
|
|
49
49
|
"bugs": {
|
|
50
50
|
"url": "https://github.com/ionic-team/stencil-component-starter/issues"
|
|
@@ -63,5 +63,6 @@
|
|
|
63
63
|
"json",
|
|
64
64
|
"jsx"
|
|
65
65
|
]
|
|
66
|
-
}
|
|
66
|
+
},
|
|
67
|
+
"packageManager": "pnpm@8.15.1+sha1.8adba2d20330c02d3856e18c4eb3819d1d3ca6aa"
|
|
67
68
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8" ?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="16">
|
|
3
|
+
<path transform="translate(0.0867462 0)" d="M13.246571 12.763281L11.931726 4.961875C11.801879 4.1936703 11.13567 3.6319427 10.35657 3.63375L9.7429771 3.63375L9.7429771 3.1025C9.7429771 1.3890365 8.35394 0 6.6404767 0C4.9270134 0 3.537977 1.3890365 3.537977 3.1025L3.537977 3.63375L2.9217269 3.63375C2.1426277 3.6319427 1.4764187 4.1936703 1.3465706 4.961875L0.034383144 12.763281C-0.086738147 13.483807 0.11555123 14.221112 0.58740741 14.778946C1.0592636 15.336781 1.7528107 15.658594 2.4834456 15.658594L10.797508 15.658594C11.528143 15.658594 12.22169 15.336781 12.693546 14.778946C13.165402 14.221112 13.367692 13.483807 13.246571 12.763281L13.246571 12.763281ZM4.3348517 3.0892186C4.3348517 1.8158572 5.3671155 0.78359371 6.6404767 0.78359371C7.9138384 0.78359371 8.9461021 1.8158572 8.9461021 3.0892186L8.9461021 3.6204686L4.3348517 3.6204686L4.3348517 3.0892186ZM12.08579 14.264063C11.765244 14.643165 11.293964 14.86172 10.797508 14.86172L2.4834456 14.86172C1.9871488 14.862442 1.5158025 14.644215 1.195269 14.265309C0.87473541 13.886404 0.73765546 13.385406 0.82063317 12.896093L2.1248519 5.092031C2.1891608 4.703371 2.5278175 4.4200282 2.9217269 4.4252396L3.5353208 4.4252396L3.5353208 5.5834374C3.5353208 5.8034883 3.7137072 5.9818749 3.9337583 5.9818749C4.1538091 5.9818749 4.3321958 5.8034883 4.3321958 5.5834374L4.3321958 4.4252396L8.9461021 4.4252396L8.9461021 5.5834374C8.9461021 5.8034883 9.1244888 5.9818749 9.3445396 5.9818749C9.5645905 5.9818749 9.7429771 5.8034883 9.7429771 5.5834374L9.7429771 4.4252396L10.359227 4.4252396C10.753137 4.4200282 11.091793 4.703371 11.156102 5.092031L12.46032 12.896093C12.542204 13.384947 12.40527 13.885097 12.08579 14.264063L12.08579 14.264063Z"/>
|
|
4
|
+
</svg>
|
|
Binary file
|