@ppg_pl/tinting 0.0.7 → 0.0.8

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.
Files changed (41) hide show
  1. package/dist/cjs/modal-header_9.cjs.entry.js +47 -22
  2. package/dist/cjs/modal-header_9.cjs.entry.js.map +1 -1
  3. package/dist/collection/components/colorbox/index.js +18 -1
  4. package/dist/collection/components/colorbox/index.js.map +1 -1
  5. package/dist/collection/components/colorinfo/index.js +2 -9
  6. package/dist/collection/components/colorinfo/index.js.map +1 -1
  7. package/dist/collection/utils/index.js +17 -0
  8. package/dist/collection/utils/index.js.map +1 -1
  9. package/dist/components/index10.js +4934 -3605
  10. package/dist/components/index10.js.map +1 -1
  11. package/dist/components/index11.js +3989 -0
  12. package/dist/components/index11.js.map +1 -0
  13. package/dist/components/index4.js +2 -13
  14. package/dist/components/index4.js.map +1 -1
  15. package/dist/components/index6.js +28 -27
  16. package/dist/components/index6.js.map +1 -1
  17. package/dist/components/index7.js +9 -53
  18. package/dist/components/index7.js.map +1 -1
  19. package/dist/components/index8.js +56 -129
  20. package/dist/components/index8.js.map +1 -1
  21. package/dist/components/index9.js +124 -5283
  22. package/dist/components/index9.js.map +1 -1
  23. package/dist/components/my-backdrop.js +1 -1
  24. package/dist/components/my-colorbox.js +1 -1
  25. package/dist/components/my-colorinfo.js +1 -1
  26. package/dist/components/my-component.js +5 -5
  27. package/dist/components/my-modal.js +1 -1
  28. package/dist/components/my-slider.js +1 -1
  29. package/dist/esm/modal-header_9.entry.js +47 -22
  30. package/dist/esm/modal-header_9.entry.js.map +1 -1
  31. package/dist/tinting/{p-4ec5261b.entry.js → p-2730a042.entry.js} +3 -3
  32. package/dist/tinting/p-2730a042.entry.js.map +1 -0
  33. package/dist/tinting/tinting.esm.js +1 -1
  34. package/dist/types/components/colorbox/index.d.ts +3 -0
  35. package/dist/types/utils/index.d.ts +6 -0
  36. package/package.json +1 -1
  37. package/www/build/{p-4ec5261b.entry.js → p-2730a042.entry.js} +3 -3
  38. package/www/build/p-2730a042.entry.js.map +1 -0
  39. package/www/build/tinting.esm.js +1 -1
  40. package/dist/tinting/p-4ec5261b.entry.js.map +0 -1
  41. package/www/build/p-4ec5261b.entry.js.map +0 -1
@@ -1,2 +1,2 @@
1
- import{p as e,b as o}from"./p-5b9dc044.js";export{s as setNonce}from"./p-5b9dc044.js";const a=()=>{const o=import.meta.url;const a={};if(o!==""){a.resourcesUrl=new URL(".",o).href}return e(a)};a().then((e=>o([["p-4ec5261b",[[2,"my-component",{shop:[1],product:[1],baselink:[1],colorname:[1],available_testers:[1],price:[2],show:[32],readyToClose:[32],open:[64],close:[64]},[[0,"readyToCLose","setReadyToCloseHandler"],[0,"close","closeModalHandler"],[0,"onSelectedColorEmit","handleSelectedColor"],[0,"addToBasket","addToBasketHandler"]]],[0,"my-modal",{shop:[1],product:[1],baselink:[1],available_testers:[16],price:[2],selectedcolor:[1],arrowDown:[1,"arrow-down"],chunksNum:[32],data:[32],preloader:[32],loading:[32],currentColor:[32],currentIndex:[32],infoBoxWidth:[32],boxWidth:[32],padding:[32],isMobile:[32],showRange:[32],colorCategories:[32],selectedCategory:[32],page:[32],colorIsSelected:[32],colorsList:[32],hasMore:[32],filters:[32],open:[64]},[[0,"closeInfoBox","closeInfoBoxHandler"],[0,"onCurrentColor","handleEmitColor"],[0,"addToBasket","addToBasketHandler"],[9,"resize","handleResize"],[0,"colorFamilySelected","handleColorFamilySelected"],[0,"searchColors","searchColorsHandler"]]],[0,"my-backdrop"],[0,"modal-header",{modalName:[1,"modal-name"],modalLogo:[1,"modal-logo"],modalDescription:[1,"modal-description"],selectedColorFamily:[1,"selected-color-family"],shop:[1],productName:[1,"product-name"],isMobile:[4,"is-mobile"],closeImage:[1,"close-image"],productSamples:[16],colorFamilies:[32]}],[0,"my-colorinfo",{currentColor:[16],shop:[1],product:[1],baselink:[1],availableTesters:[16],price:[2],data:[16],isMobile:[4,"is-mobile"],infoBoxWidth:[2,"info-box-width"],closeImage:[1,"close-image"],basketStatus:[32]}],[0,"my-colorbox",{color:[1],name:[1],shop:[1],product:[1],isActive:[4,"is-active"],isCategoryActive:[4,"is-category-active"],isImageInsteadHex:[16]}],[2,"my-search",{productname:[1],shopname:[1],isMobile:[4,"is-mobile"],searchIcon:[1,"search-icon"],searchText:[32]},[[4,"clearSearchText","clearSearchTextHandler"]]],[2,"my-select",{options:[16],placeholder:[1],isMobile:[4,"is-mobile"],searchIcon:[1,"search-icon"],searchText:[32],filteredOptions:[32],showDropdown:[32],selectedValue:[32]},[[4,"clearSearchText","clearSearchTextHandler"]]],[1,"my-slider",{slides:[16],shop:[1],product:[1],color:[1]}]]]],e)));
1
+ import{p as e,b as o}from"./p-5b9dc044.js";export{s as setNonce}from"./p-5b9dc044.js";const a=()=>{const o=import.meta.url;const a={};if(o!==""){a.resourcesUrl=new URL(".",o).href}return e(a)};a().then((e=>o([["p-2730a042",[[2,"my-component",{shop:[1],product:[1],baselink:[1],colorname:[1],available_testers:[1],price:[2],show:[32],readyToClose:[32],open:[64],close:[64]},[[0,"readyToCLose","setReadyToCloseHandler"],[0,"close","closeModalHandler"],[0,"onSelectedColorEmit","handleSelectedColor"],[0,"addToBasket","addToBasketHandler"]]],[0,"my-modal",{shop:[1],product:[1],baselink:[1],available_testers:[16],price:[2],selectedcolor:[1],arrowDown:[1,"arrow-down"],chunksNum:[32],data:[32],preloader:[32],loading:[32],currentColor:[32],currentIndex:[32],infoBoxWidth:[32],boxWidth:[32],padding:[32],isMobile:[32],showRange:[32],colorCategories:[32],selectedCategory:[32],page:[32],colorIsSelected:[32],colorsList:[32],hasMore:[32],filters:[32],open:[64]},[[0,"closeInfoBox","closeInfoBoxHandler"],[0,"onCurrentColor","handleEmitColor"],[0,"addToBasket","addToBasketHandler"],[9,"resize","handleResize"],[0,"colorFamilySelected","handleColorFamilySelected"],[0,"searchColors","searchColorsHandler"]]],[0,"my-backdrop"],[0,"modal-header",{modalName:[1,"modal-name"],modalLogo:[1,"modal-logo"],modalDescription:[1,"modal-description"],selectedColorFamily:[1,"selected-color-family"],shop:[1],productName:[1,"product-name"],isMobile:[4,"is-mobile"],closeImage:[1,"close-image"],productSamples:[16],colorFamilies:[32]}],[0,"my-colorinfo",{currentColor:[16],shop:[1],product:[1],baselink:[1],availableTesters:[16],price:[2],data:[16],isMobile:[4,"is-mobile"],infoBoxWidth:[2,"info-box-width"],closeImage:[1,"close-image"],basketStatus:[32]}],[0,"my-colorbox",{color:[1],name:[1],shop:[1],product:[1],isActive:[4,"is-active"],isCategoryActive:[4,"is-category-active"],isImageInsteadHex:[16]}],[2,"my-search",{productname:[1],shopname:[1],isMobile:[4,"is-mobile"],searchIcon:[1,"search-icon"],searchText:[32]},[[4,"clearSearchText","clearSearchTextHandler"]]],[2,"my-select",{options:[16],placeholder:[1],isMobile:[4,"is-mobile"],searchIcon:[1,"search-icon"],searchText:[32],filteredOptions:[32],showDropdown:[32],selectedValue:[32]},[[4,"clearSearchText","clearSearchTextHandler"]]],[1,"my-slider",{slides:[16],shop:[1],product:[1],color:[1]}]]]],e)));
2
2
  //# sourceMappingURL=tinting.esm.js.map
@@ -11,5 +11,8 @@ export declare class MyColorBox {
11
11
  colorCheck: () => void;
12
12
  colorUnCheck: () => void;
13
13
  darkenColor: (color: string) => string;
14
+ private isLightSwatch;
15
+ private getBorder;
16
+ private getBoxShadow;
14
17
  render(): any;
15
18
  }
@@ -1 +1,7 @@
1
+ /**
2
+ * Returns true when a hex color is so light it is hard to distinguish from a
3
+ * white background (e.g. NCS S 0300-N ≈ #fafaf8). Uses perceived luminance.
4
+ * Accepts values with or without a leading '#', in 3- or 6-digit form.
5
+ */
6
+ export declare function isVeryLightColor(hex: string | null | undefined): boolean;
1
7
  export declare function debounce(func: (...args: any[]) => void, wait: number): (...args: any[]) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ppg_pl/tinting",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "description": "Color-Selector-Tinting WebComponent",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",