@wizishop/angular-components 15.1.129 → 15.1.131
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/angular-components.scss +60 -0
- package/esm2020/lib/components/color-picker/color-picker.component.mjs +9 -1
- package/fesm2015/wizishop-angular-components.mjs +8 -0
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +8 -0
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.131.tgz +0 -0
- package/wizishop-angular-components-15.1.129.tgz +0 -0
package/angular-components.scss
CHANGED
|
@@ -1874,6 +1874,66 @@ wac-block {
|
|
|
1874
1874
|
}
|
|
1875
1875
|
}
|
|
1876
1876
|
|
|
1877
|
+
&.is-white {
|
|
1878
|
+
background-color: $wac-background-color;
|
|
1879
|
+
border-color: $wac-background-color;
|
|
1880
|
+
transition: background-color 0.3s ease-in-out;
|
|
1881
|
+
|
|
1882
|
+
.wac-button__loader {
|
|
1883
|
+
background-color: $wac-background-color-darken;
|
|
1884
|
+
}
|
|
1885
|
+
|
|
1886
|
+
.wac-button__wrapper, .wac-button__animation {
|
|
1887
|
+
color: $wac-white;
|
|
1888
|
+
transition: color 0.3s ease-in-out;
|
|
1889
|
+
}
|
|
1890
|
+
|
|
1891
|
+
&:hover,
|
|
1892
|
+
&.hover {
|
|
1893
|
+
background-color: $wac-background-color-darken;
|
|
1894
|
+
border-color: $wac-background-color-darken;
|
|
1895
|
+
transition: background-color 0.3s ease-in-out;
|
|
1896
|
+
}
|
|
1897
|
+
|
|
1898
|
+
&:focus,
|
|
1899
|
+
&.focus {
|
|
1900
|
+
background-color: $wac-background-color-focus;
|
|
1901
|
+
border-color: $wac-background-color-focus;
|
|
1902
|
+
transition: background-color 0.3s ease-in-out;
|
|
1903
|
+
}
|
|
1904
|
+
|
|
1905
|
+
&.is-outlined {
|
|
1906
|
+
background-color: transparent;
|
|
1907
|
+
border-color: $wac-white;
|
|
1908
|
+
|
|
1909
|
+
.wac-button__loader {
|
|
1910
|
+
background-color: $wac-background-color-darken;
|
|
1911
|
+
}
|
|
1912
|
+
|
|
1913
|
+
.wac-button__wrapper, .wac-button__animation {
|
|
1914
|
+
color: $wac-white !important;
|
|
1915
|
+
transition: color 0.3s ease-in-out;
|
|
1916
|
+
}
|
|
1917
|
+
|
|
1918
|
+
&:hover,
|
|
1919
|
+
&.hover {
|
|
1920
|
+
background-color: $wac-white;
|
|
1921
|
+
border-color: $wac-white;
|
|
1922
|
+
.wac-button__wrapper, .wac-button__animation {
|
|
1923
|
+
color: $wac-second-color !important;
|
|
1924
|
+
transition: color 0.3s ease-in-out;
|
|
1925
|
+
}
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
&:focus,
|
|
1929
|
+
&.focus {
|
|
1930
|
+
background-color: $wac-background-color-focus;
|
|
1931
|
+
border-color: $wac-background-color-focus;
|
|
1932
|
+
transition: background-color 0.3s ease-in-out;
|
|
1933
|
+
}
|
|
1934
|
+
}
|
|
1935
|
+
}
|
|
1936
|
+
|
|
1877
1937
|
&.is-grey {
|
|
1878
1938
|
background-color: $wac-background-color;
|
|
1879
1939
|
border-color: $wac-background-color;
|
|
@@ -32,6 +32,14 @@ export class ColorPickerComponent {
|
|
|
32
32
|
this.colorChange.emit(this.value);
|
|
33
33
|
}
|
|
34
34
|
changeColor(color) {
|
|
35
|
+
// Check if it's an rgba color
|
|
36
|
+
if (color.startsWith('rgba')) {
|
|
37
|
+
this.value = color;
|
|
38
|
+
this.onChange(this.value);
|
|
39
|
+
this.colorChange.emit(this.value);
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
// Handle hex colors
|
|
35
43
|
color = color.replace(/[^a-fA-F0-9]/g, '');
|
|
36
44
|
// Add '#' if not present
|
|
37
45
|
if (!color.startsWith('#')) {
|
|
@@ -85,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
85
93
|
}], colorChange: [{
|
|
86
94
|
type: Output
|
|
87
95
|
}] } });
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ2pGLE9BQU8sRUFBdUIsV0FBVyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDcEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7O0FBcUJyRCxNQUFNLE9BQU8sb0JBQW9CO0lBTy9CO1FBTFMsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUNuQixRQUFHLEdBQVcsTUFBTSxDQUFDO1FBQ3JCLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDekIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSW5ELGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUhYLENBQUM7SUFLaEIsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxLQUFLLEtBQUssU0FBUyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUdELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN6Qiw4QkFBOEI7UUFDOUIsSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxPQUFPO1NBQ1I7UUFFRCxvQkFBb0I7UUFDcEIsS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTNDLHlCQUF5QjtRQUN6QixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUMxQixLQUFLLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FBQztTQUNyQjtRQUVELDRCQUE0QjtRQUM1QixJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ25DO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBR0MsWUFBWSxDQUFDLEtBQWE7UUFDeEIsTUFBTSxDQUFDLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFDN0IsQ0FBQyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDaEIsT0FBTyxDQUFDLENBQUMsS0FBSyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDOztpSEFqRVUsb0JBQW9CO3FHQUFwQixvQkFBb0Isc0xBVHBCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ3JCSCxnOUJBaUNBLHdwQkR0QkksWUFBWSxtSEFDWixXQUFXLGl4QkFDWCxpQkFBaUI7MkZBV1Isb0JBQW9CO2tCQW5CaEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FHaEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxpQkFBaUI7cUJBQ2xCLGFBQ1U7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzBFQUlRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IENvbG9yUGlja2VyTW9kdWxlIH0gZnJvbSBcIm5neC1jb2xvci1waWNrZXJcIjtcclxuXHJcbkBDb21wb25lbnQgKHtcclxuICBzZWxlY3RvcjogXCJ3YWMtY29sb3ItcGlja2VyXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vY29sb3ItcGlja2VyLmNvbXBvbmVudC5zY3NzXCJdLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBDb2xvclBpY2tlck1vZHVsZVxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBDb2xvclBpY2tlckNvbXBvbmVudCksXHJcbiAgICAgIG11bHRpOiB0cnVlXHJcbiAgICB9XHJcbiAgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIENvbG9yUGlja2VyQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGdhcDogc3RyaW5nID0gJzEycHgnO1xyXG4gIEBJbnB1dCgpIGZvbnRTaXplOiBzdHJpbmcgPSAnMTRweCc7XHJcbiAgQE91dHB1dCgpIGNvbG9yQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xyXG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldFZhbHVlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgY2hhbmdlQ29sb3IoY29sb3I6IHN0cmluZykge1xyXG4gIC8vIENoZWNrIGlmIGl0J3MgYW4gcmdiYSBjb2xvclxyXG4gIGlmIChjb2xvci5zdGFydHNXaXRoKCdyZ2JhJykpIHtcclxuICAgIHRoaXMudmFsdWUgPSBjb2xvcjtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICByZXR1cm47XHJcbiAgfVxyXG5cclxuICAvLyBIYW5kbGUgaGV4IGNvbG9yc1xyXG4gIGNvbG9yID0gY29sb3IucmVwbGFjZSgvW15hLWZBLUYwLTldL2csICcnKTtcclxuXHJcbiAgLy8gQWRkICcjJyBpZiBub3QgcHJlc2VudFxyXG4gIGlmICghY29sb3Iuc3RhcnRzV2l0aCgnIycpKSB7XHJcbiAgICBjb2xvciA9ICcjJyArIGNvbG9yO1xyXG4gIH1cclxuXHJcbiAgLy8gVmFsaWRhdGUgYW5kIHVwZGF0ZSBjb2xvclxyXG4gIGlmICh0aGlzLmlzVmFsaWRDb2xvcihjb2xvcikpIHtcclxuICAgIHRoaXMudmFsdWUgPSBjb2xvcjtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgfSBlbHNlIHtcclxuICAgIHRoaXMuY29sb3JDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcbn1cclxuXHJcblxyXG4gIGlzVmFsaWRDb2xvcihjb2xvcjogc3RyaW5nKTogYm9vbGVhbiB7XHJcbiAgICBjb25zdCBzID0gbmV3IE9wdGlvbigpLnN0eWxlO1xyXG4gICAgcy5jb2xvciA9IGNvbG9yO1xyXG4gICAgcmV0dXJuIHMuY29sb3IgIT09ICcnO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwidy1jb2xvci1waWNrZXJcIiBbbmdTdHlsZV09XCJ7J2dhcCc6IGdhcH1cIj5cclxuXHJcbiAgPGxhYmVsIGNsYXNzPVwiY3AtbGFiZWxcIiBmb3I9XCJjb2xvclBpY2tlclwiIFtuZ1N0eWxlXT1cInsnZm9udC1zaXplJzogZm9udFNpemV9XCI+e3sgbGFiZWwgfX08L2xhYmVsPlxyXG5cclxuICA8ZGl2IGNsYXNzPVwidy1pbnB1dFwiPlxyXG5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJjb2xvci1wcmV2aWV3XCJcclxuICAgICAgW2NvbG9yUGlja2VyXT1cInZhbHVlXCJcclxuICAgICAgKGNsaWNrKT1cImNvbG9yUGlja2VySW5wdXQub3BlbkRpYWxvZygpXCJcclxuICAgICAgW25nU3R5bGVdPVwieydiYWNrZ3JvdW5kLWNvbG9yJzogdmFsdWV9XCJcclxuICAgICAgW2NwUG9zaXRpb25dPVwiJ2JvdHRvbSdcIlxyXG4gICAgICBbY3BQb3NpdGlvbk9mZnNldF09XCInLTM1J1wiXHJcbiAgICA+PC9kaXY+XHJcblxyXG4gICAgPGlucHV0XHJcbiAgICAgIGNsYXNzPVwiY3AtaW5wdXRcIlxyXG4gICAgICBpZD1cImNvbG9yUGlja2VyXCJcclxuICAgICAgI2NvbG9yUGlja2VySW5wdXQ9XCJuZ3hDb2xvclBpY2tlclwiXHJcbiAgICAgIG1heGxlbmd0aD1cIjdcIlxyXG4gICAgICBwbGFjZWhvbGRlcj1cIiMwMDAwMDBcIlxyXG4gICAgICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiY2hhbmdlQ29sb3IoJGV2ZW50KVwiXHJcbiAgICAgIFtjb2xvclBpY2tlcl09XCJ2YWx1ZVwiXHJcbiAgICAgIChjb2xvclBpY2tlckNoYW5nZSk9XCJjaGFuZ2VDb2xvcigkZXZlbnQpXCJcclxuICAgICAgW2NwUG9zaXRpb25dPVwiJ2JvdHRvbSdcIlxyXG4gICAgICBbY3BQb3NpdGlvbk9mZnNldF09XCInLTM1J1wiXHJcbiAgICAgIChpbnB1dCk9XCJzZXRWYWx1ZSgkZXZlbnQpXCJcclxuICAgIC8+XHJcblxyXG4gIDwvZGl2PlxyXG5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -6630,6 +6630,14 @@ class ColorPickerComponent {
|
|
|
6630
6630
|
this.colorChange.emit(this.value);
|
|
6631
6631
|
}
|
|
6632
6632
|
changeColor(color) {
|
|
6633
|
+
// Check if it's an rgba color
|
|
6634
|
+
if (color.startsWith('rgba')) {
|
|
6635
|
+
this.value = color;
|
|
6636
|
+
this.onChange(this.value);
|
|
6637
|
+
this.colorChange.emit(this.value);
|
|
6638
|
+
return;
|
|
6639
|
+
}
|
|
6640
|
+
// Handle hex colors
|
|
6633
6641
|
color = color.replace(/[^a-fA-F0-9]/g, '');
|
|
6634
6642
|
// Add '#' if not present
|
|
6635
6643
|
if (!color.startsWith('#')) {
|