@alegendstale/holly-components 0.2.12 → 0.2.14
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/_virtual/_commonjsHelpers.js +8 -0
- package/dist/_virtual/x11.js +4 -0
- package/dist/components/color-palette/color-palette-utils.d.ts +3 -1
- package/dist/components/color-palette/color-palette-utils.d.ts.map +1 -1
- package/dist/components/color-palette/color-palette-utils.js +2 -1
- package/dist/components/color-palette/color-palette.d.ts +1 -0
- package/dist/components/color-palette/color-palette.d.ts.map +1 -1
- package/dist/components/color-palette/color-palette.js +9 -2
- package/dist/components/color-palette/component/color-palette-component.d.ts.map +1 -1
- package/dist/components/color-palette/component/color-palette-component.js +2 -0
- package/dist/components/color-palette/component/color-palette-component.stories.d.ts.map +1 -1
- package/dist/components/color-palette/component/color-palette-component.stories.js +4 -1
- package/dist/components/color-palette/editor/color-palette-editor.d.ts.map +1 -1
- package/dist/components/color-palette/editor/color-palette-editor.js +16 -0
- package/dist/components/color-palette/item/color-palette-item-edit.d.ts +1 -0
- package/dist/components/color-palette/item/color-palette-item-edit.d.ts.map +1 -1
- package/dist/components/color-palette/item/color-palette-item-edit.js +15 -2
- package/dist/components/color-palette/item/color-palette-item.d.ts +1 -1
- package/dist/components/color-palette/item/color-palette-item.d.ts.map +1 -1
- package/dist/components/color-palette/item/color-palette-item.js +35 -20
- package/dist/components/color-palette/storybook/color-palette-invalid.stories.d.ts.map +1 -1
- package/dist/components/color-palette/storybook/color-palette-invalid.stories.js +2 -1
- package/dist/components/color-palette/storybook/color-palette-valid.stories.d.ts.map +1 -1
- package/dist/components/color-palette/storybook/color-palette-valid.stories.js +2 -1
- package/dist/components/color-palette/storybook/color-palette.stories.d.ts.map +1 -1
- package/dist/components/color-palette/storybook/color-palette.stories.js +4 -2
- package/dist/node_modules/colorsea/colors/x11.js +14 -0
- package/dist/utils/basicUtils.d.ts.map +1 -1
- package/dist/utils/basicUtils.js +9 -7
- package/package.json +4 -4
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
2
|
+
function l(e) {
|
|
3
|
+
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
|
+
}
|
|
5
|
+
export {
|
|
6
|
+
o as commonjsGlobal,
|
|
7
|
+
l as getDefaultExportFromCjs
|
|
8
|
+
};
|
|
@@ -15,7 +15,7 @@ export interface ColorPaletteSettings {
|
|
|
15
15
|
errorPulse: boolean;
|
|
16
16
|
aliasMode: AliasMode;
|
|
17
17
|
corners: boolean;
|
|
18
|
-
|
|
18
|
+
stabilizeWhileEditing: boolean;
|
|
19
19
|
reloadDelay: number;
|
|
20
20
|
copyFormat: CopyFormat;
|
|
21
21
|
height: number;
|
|
@@ -23,6 +23,7 @@ export interface ColorPaletteSettings {
|
|
|
23
23
|
direction: Direction;
|
|
24
24
|
gradient: boolean;
|
|
25
25
|
preventHover: boolean;
|
|
26
|
+
hideText: boolean;
|
|
26
27
|
override: boolean;
|
|
27
28
|
}
|
|
28
29
|
export declare const defaultSettings: ColorPaletteSettings;
|
|
@@ -32,6 +33,7 @@ export type PaletteSettings = {
|
|
|
32
33
|
direction: Direction;
|
|
33
34
|
gradient: boolean;
|
|
34
35
|
preventHover: boolean;
|
|
36
|
+
hideText: boolean;
|
|
35
37
|
override: boolean;
|
|
36
38
|
aliases: string[];
|
|
37
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-utils.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette-utils.ts"],"names":[],"mappings":"AAEA,oBAAY,SAAS;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;CACjB;AAED,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,iBAAiB;CACvB;AAED,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,
|
|
1
|
+
{"version":3,"file":"color-palette-utils.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette-utils.ts"],"names":[],"mappings":"AAEA,oBAAY,SAAS;IACpB,GAAG,QAAQ;IACX,MAAM,WAAW;CACjB;AAED,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,iBAAiB;CACvB;AAED,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,EAAE,oBAe7B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,oBAAY,MAAM;IACjB,KAAK,UAAU;IACf,cAAc,mBAAmB;IACjC,gBAAgB,qBAAqB;IACrC,2BAA2B,8BAA8B;IACzD,gBAAgB,qBAAqB;CACrC;AAED,eAAO,MAAM,QAAQ,QAAyJ,CAAA;AAE9K,qBAAa,YAAa,SAAQ,KAAK;IACtC,MAAM,EAAE,MAAM,CAAC;gBAEH,MAAM,EAAE,MAAM,EAAE,OAAO,SAAK;CAIxC;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,MAAM,CAQrE;AAED;;;;EAIE;AACF,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CA8BjF;AAED;;EAEE;AACF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,oBAAoB;;;EAaxF"}
|
|
@@ -19,7 +19,7 @@ export const defaultSettings = {
|
|
|
19
19
|
errorPulse: true,
|
|
20
20
|
aliasMode: AliasMode.Both,
|
|
21
21
|
corners: true,
|
|
22
|
-
|
|
22
|
+
stabilizeWhileEditing: true,
|
|
23
23
|
reloadDelay: 5,
|
|
24
24
|
copyFormat: CopyFormat.Raw,
|
|
25
25
|
height: 150,
|
|
@@ -27,6 +27,7 @@ export const defaultSettings = {
|
|
|
27
27
|
direction: Direction.Column,
|
|
28
28
|
gradient: false,
|
|
29
29
|
preventHover: false,
|
|
30
|
+
hideText: false,
|
|
30
31
|
override: false
|
|
31
32
|
};
|
|
32
33
|
export var Status;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrF,OAAO,EAAE,oBAAoB,EAAmB,SAAS,EAAgB,eAAe,EAAe,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI7I,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOxD,KAAK,QAAQ,GAAG;IACf,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;IACvD,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BA2FX;IAGF,OAAO,EAAG,cAAc,CAAC;IAEzB,SAAS,EAAE,OAAO,CAAS;IAC3B,IACI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IACD,IAAI,QAAQ,IAJM,OAAO,CAMxB;IAGD,MAAM,EAAE,MAAM,EAAE,CAAM;IAItB,MAAM,EAAE,MAAM,CAA0B;IAExC,KAAK,EAAE,MAAM,CAAyB;IAEtC,SAAS,EAAE,SAAS,CAA6B;IAEjD,QAAQ,EAAE,OAAO,CAAS;IAE1B,YAAY,EAAE,OAAO,CAAS;IAE9B,QAAQ,EAAE,OAAO,CAAS;IAE1B,OAAO,EAAE,MAAM,EAAE,CAAM;IAGvB,QAAQ,EAAE,MAAM,CAAK;IAErB;;OAEG;IACH,IAAW,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,EAQ3G;IACD,IAAW,QAAQ,IAAI,eAAe,
|
|
1
|
+
{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../src/components/color-palette/color-palette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,OAAO,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrF,OAAO,EAAE,oBAAoB,EAAmB,SAAS,EAAgB,eAAe,EAAe,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAI7I,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAOxD,KAAK,QAAQ,GAAG;IACf,OAAO,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;IACxC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;IACvD,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,qBACa,YAAa,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BA2FX;IAGF,OAAO,EAAG,cAAc,CAAC;IAEzB,SAAS,EAAE,OAAO,CAAS;IAC3B,IACI,QAAQ,CAAC,GAAG,EAAE,OAAO,EAGxB;IACD,IAAI,QAAQ,IAJM,OAAO,CAMxB;IAGD,MAAM,EAAE,MAAM,EAAE,CAAM;IAItB,MAAM,EAAE,MAAM,CAA0B;IAExC,KAAK,EAAE,MAAM,CAAyB;IAEtC,SAAS,EAAE,SAAS,CAA6B;IAEjD,QAAQ,EAAE,OAAO,CAAS;IAE1B,YAAY,EAAE,OAAO,CAAS;IAE9B,QAAQ,EAAE,OAAO,CAAS;IAE1B,QAAQ,EAAE,OAAO,CAAS;IAE1B,OAAO,EAAE,MAAM,EAAE,CAAM;IAGvB,QAAQ,EAAE,MAAM,CAAK;IAErB;;OAEG;IACH,IAAW,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,eAAe,EAQ3G;IACD,IAAW,QAAQ,IAAI,eAAe,CAWrC;IAGM,MAAM,EAAE,MAAM,CAAgB;IAGrC,OAAO,CAAC,KAAK,CAAkB;IAExB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAGtE,cAAc,EAAE,oBAAoB,CAAmB;IAEvD,iBAAiB,IAAI,IAAI;IAYzB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,CAAC,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAM9D;;OAEG;IACH,kBAAkB;IA8BlB,MAAM;IA2BN;;MAEE;IACK,eAAe;IAOtB,aAAa,QAAO,cAAc,GAAG,OAAO,OAAO,CAcjD;IAEF,YAAY,IAAI,cAAc;IA0E9B,cAAc,IAAI,cAAc;IAqChC;;;OAGG;IACH,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAK;CAyB/C;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
|
|
@@ -27,6 +27,7 @@ let ColorPalette = class ColorPalette extends LitElement {
|
|
|
27
27
|
this.direction = defaultSettings.direction;
|
|
28
28
|
this.gradient = false;
|
|
29
29
|
this.preventHover = false;
|
|
30
|
+
this.hideText = false;
|
|
30
31
|
this.override = false;
|
|
31
32
|
this.aliases = [];
|
|
32
33
|
this.maxWidth = 0;
|
|
@@ -81,6 +82,7 @@ let ColorPalette = class ColorPalette extends LitElement {
|
|
|
81
82
|
direction: this.direction,
|
|
82
83
|
gradient: this.gradient,
|
|
83
84
|
preventHover: this.preventHover,
|
|
85
|
+
hideText: this.hideText,
|
|
84
86
|
override: this.override,
|
|
85
87
|
aliases: this.aliases,
|
|
86
88
|
};
|
|
@@ -113,6 +115,7 @@ let ColorPalette = class ColorPalette extends LitElement {
|
|
|
113
115
|
&& Object.values(Direction).includes(this.direction)
|
|
114
116
|
&& this.gradient != null
|
|
115
117
|
&& this.preventHover != null
|
|
118
|
+
&& this.hideText != null
|
|
116
119
|
&& this.override != null
|
|
117
120
|
&& (this.aliases instanceof Array
|
|
118
121
|
|| typeof this.aliases === 'undefined'));
|
|
@@ -210,7 +213,7 @@ let ColorPalette = class ColorPalette extends LitElement {
|
|
|
210
213
|
?editMode=${this.editMode}
|
|
211
214
|
height=${this.height}
|
|
212
215
|
?preventHover=${this.preventHover}
|
|
213
|
-
?
|
|
216
|
+
?hideText=${this.hideText}
|
|
214
217
|
colorCount=${this.colors.length}
|
|
215
218
|
${ref(itemRef)}
|
|
216
219
|
>
|
|
@@ -226,8 +229,9 @@ let ColorPalette = class ColorPalette extends LitElement {
|
|
|
226
229
|
?editMode=${this.editMode}
|
|
227
230
|
height=${this.height}
|
|
228
231
|
?preventHover=${this.preventHover}
|
|
229
|
-
?
|
|
232
|
+
?hideText=${this.hideText}
|
|
230
233
|
colorCount=${this.colors.length}
|
|
234
|
+
?stabilizeWhileEditing=${this.pluginSettings.stabilizeWhileEditing}
|
|
231
235
|
${ref(itemEditRef)}
|
|
232
236
|
>
|
|
233
237
|
</color-palette-item-edit>
|
|
@@ -414,6 +418,9 @@ __decorate([
|
|
|
414
418
|
__decorate([
|
|
415
419
|
property({ type: Boolean, reflect: true })
|
|
416
420
|
], ColorPalette.prototype, "preventHover", void 0);
|
|
421
|
+
__decorate([
|
|
422
|
+
property({ type: Boolean, reflect: true })
|
|
423
|
+
], ColorPalette.prototype, "hideText", void 0);
|
|
417
424
|
__decorate([
|
|
418
425
|
property({ type: Boolean, reflect: true })
|
|
419
426
|
], ColorPalette.prototype, "override", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-component.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/color-palette-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAEhF,qBACa,qBAAsB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,4BAUX;IAGF,OAAO,EAAG,YAAY,CAAC;IAGvB,QAAQ,EAAG,iBAAiB,CAAC;IAG7B,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,QAAQ,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"color-palette-component.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/color-palette-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAEhF,qBACa,qBAAsB,SAAQ,UAAU;IACpD,MAAM,CAAC,MAAM,4BAUX;IAGF,OAAO,EAAG,YAAY,CAAC;IAGvB,QAAQ,EAAG,iBAAiB,CAAC;IAG7B,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,QAAQ,EAAE,eAAe,CASvB;IAGF,QAAQ,EAAE,OAAO,CAAS;IAG1B,QAAQ,EAAE,OAAO,CAAS;IAG1B,IAAI,EAAE,OAAO,CAAS;IAEtB,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAYhE,MAAM;CAsHN;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,qBAAqB,CAAC;KACjD;CACD"}
|
|
@@ -21,6 +21,7 @@ let ColorPaletteComponent = class ColorPaletteComponent extends LitElement {
|
|
|
21
21
|
direction: defaultSettings.direction,
|
|
22
22
|
gradient: defaultSettings.gradient,
|
|
23
23
|
preventHover: defaultSettings.preventHover,
|
|
24
|
+
hideText: defaultSettings.hideText,
|
|
24
25
|
override: defaultSettings.override,
|
|
25
26
|
aliases: []
|
|
26
27
|
};
|
|
@@ -87,6 +88,7 @@ let ColorPaletteComponent = class ColorPaletteComponent extends LitElement {
|
|
|
87
88
|
direction=${this.settings.direction}
|
|
88
89
|
?gradient=${this.settings.gradient}
|
|
89
90
|
?preventHover=${this.settings.preventHover}
|
|
91
|
+
?hideText=${this.settings.hideText}
|
|
90
92
|
?override=${this.settings.override}
|
|
91
93
|
.aliases=${this.settings.aliases}
|
|
92
94
|
?editMode=${this.editMode}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-component.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/color-palette-component.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAa,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEpE,QAAA,MAAM,IAAI,EAAE,IAiBX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"color-palette-component.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/component/color-palette-component.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAa,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEpE,QAAA,MAAM,IAAI,EAAE,IAiBX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAiC7B,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC"}
|
|
@@ -27,13 +27,14 @@ const colors = [
|
|
|
27
27
|
'#7F5D18'
|
|
28
28
|
];
|
|
29
29
|
const ColorPaletteTemplate = {
|
|
30
|
-
render: ({ colors, height, width, direction, gradient, preventHover, override, aliases }) => {
|
|
30
|
+
render: ({ colors, height, width, direction, gradient, preventHover, hideText, override, aliases }) => {
|
|
31
31
|
const settings = {
|
|
32
32
|
height,
|
|
33
33
|
width,
|
|
34
34
|
direction,
|
|
35
35
|
gradient,
|
|
36
36
|
preventHover,
|
|
37
|
+
hideText,
|
|
37
38
|
override,
|
|
38
39
|
aliases
|
|
39
40
|
};
|
|
@@ -55,6 +56,7 @@ export const ManyItems = {
|
|
|
55
56
|
direction: Direction.Column,
|
|
56
57
|
gradient: false,
|
|
57
58
|
preventHover: false,
|
|
59
|
+
hideText: false,
|
|
58
60
|
override: false,
|
|
59
61
|
aliases: ['', '', 'test', '', '']
|
|
60
62
|
},
|
|
@@ -68,6 +70,7 @@ export const Gradient = {
|
|
|
68
70
|
direction: Direction.Column,
|
|
69
71
|
gradient: true,
|
|
70
72
|
preventHover: false,
|
|
73
|
+
hideText: false,
|
|
71
74
|
override: false,
|
|
72
75
|
aliases: ['', '', 'test', '', '']
|
|
73
76
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/color-palette-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAkB,MAAM,8BAA8B,CAAC;AAC3E,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAI3D,aAAK,aAAa;IACjB,YAAY,iBAAiB;IAC7B,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,GAAG,QAAQ;CACX;AAED,KAAK,QAAQ,GAAG;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;CACtD,CAAC;AAEF,qBACa,kBAAmB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAmJX;IAGF,OAAO,EAAG,cAAc,CAAC;IAGzB,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,QAAQ,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"color-palette-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/color-palette-editor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAkB,MAAM,8BAA8B,CAAC;AAC3E,OAAO,QAAQ,MAAM,UAAU,CAAC;AAKhC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAI3D,aAAK,aAAa;IACjB,YAAY,iBAAiB;IAC7B,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,GAAG,QAAQ;CACX;AAED,KAAK,QAAQ,GAAG;IACf,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC;CACtD,CAAC;AAEF,qBACa,kBAAmB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAmJX;IAGF,OAAO,EAAG,cAAc,CAAC;IAGzB,MAAM,EAAE,MAAM,EAAE,CAAM;IAGtB,QAAQ,EAAE,eAAe,CASvB;IAGF,aAAa,EAAE,aAAa,CAA8B;IAG1D,WAAW,EAAE,WAAW,CAAsB;IAG9C,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;IAGxC,mBAAmB,EAAE,OAAO,CAAS;IAE9B,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAEtE,oBAAoB,IAAI,IAAI;IAI5B,MAAM;IAkGN,cAAc;IAmGd,YAAY;IAkBZ,cAAc;IAiDd,WAAW;IA0JX,SAAS;CAsCT;AAED,qBACa,WAAY,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BAkCX;IAGF,IAAI,EAAE,MAAM,CAAM;IAGlB,WAAW,EAAE,MAAM,CAAM;IAEzB,MAAM;CASN;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,cAAc,EAAE,WAAW,CAAA;KAC3B;CACD"}
|
|
@@ -33,6 +33,7 @@ let ColorPaletteEditor = class ColorPaletteEditor extends LitElement {
|
|
|
33
33
|
direction: defaultSettings.direction,
|
|
34
34
|
gradient: defaultSettings.gradient,
|
|
35
35
|
preventHover: defaultSettings.preventHover,
|
|
36
|
+
hideText: defaultSettings.hideText,
|
|
36
37
|
override: defaultSettings.override,
|
|
37
38
|
aliases: []
|
|
38
39
|
};
|
|
@@ -108,6 +109,7 @@ let ColorPaletteEditor = class ColorPaletteEditor extends LitElement {
|
|
|
108
109
|
direction=${this.settings.direction}
|
|
109
110
|
?gradient=${this.settings.gradient}
|
|
110
111
|
?preventHover=${this.settings.preventHover}
|
|
112
|
+
?hideText=${this.settings.hideText}
|
|
111
113
|
?override=${this.settings.override}
|
|
112
114
|
.aliases=${this.settings.aliases}
|
|
113
115
|
?editMode=${true}
|
|
@@ -209,6 +211,20 @@ let ColorPaletteEditor = class ColorPaletteEditor extends LitElement {
|
|
|
209
211
|
if (!(e.target instanceof HTMLInputElement))
|
|
210
212
|
return;
|
|
211
213
|
this.settings = { ...this.settings, preventHover: e.target.checked };
|
|
214
|
+
}}
|
|
215
|
+
>
|
|
216
|
+
</setting-item>
|
|
217
|
+
<setting-item
|
|
218
|
+
name='Hide Text'
|
|
219
|
+
description='Disables color and alias visibility'
|
|
220
|
+
>
|
|
221
|
+
<input
|
|
222
|
+
type='checkbox'
|
|
223
|
+
?checked=${this.settings.hideText}
|
|
224
|
+
@change=${(e) => {
|
|
225
|
+
if (!(e.target instanceof HTMLInputElement))
|
|
226
|
+
return;
|
|
227
|
+
this.settings = { ...this.settings, hideText: e.target.checked };
|
|
212
228
|
}}
|
|
213
229
|
>
|
|
214
230
|
</setting-item>
|
|
@@ -7,6 +7,7 @@ type EditEvents = {
|
|
|
7
7
|
type EventMap = EditEvents & ItemEvents;
|
|
8
8
|
export declare class ColorPaletteItemEdit extends ColorPaletteItem {
|
|
9
9
|
static styles: import("lit").CSSResult[];
|
|
10
|
+
stabilizeWhileEditing: boolean;
|
|
10
11
|
storedAlias: string;
|
|
11
12
|
emitter: EventEmitter<EventMap>;
|
|
12
13
|
content(): import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-item-edit.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/color-palette-item-edit.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGhF,KAAK,UAAU,GAAG;IACjB,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;CACtB,CAAA;AAED,KAAK,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAExC,qBACa,oBAAqB,SAAQ,gBAAgB;IACzD,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"color-palette-item-edit.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/color-palette-item-edit.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGhF,KAAK,UAAU,GAAG;IACjB,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;CACtB,CAAA;AAED,KAAK,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAExC,qBACa,oBAAqB,SAAQ,gBAAgB;IACzD,MAAM,CAAC,MAAM,4BAoDX;IAGF,qBAAqB,EAAE,OAAO,CAAS;IAEvC,WAAW,EAAE,MAAM,CAAM;IAEzB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAE/D,OAAO;CA+CP;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
|
|
@@ -5,13 +5,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { html, css } from 'lit';
|
|
8
|
-
import { customElement } from 'lit/decorators.js';
|
|
8
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
9
9
|
import { EventEmitter } from "../../../utils/EventEmitter";
|
|
10
10
|
import { ColorPaletteItem } from "./color-palette-item";
|
|
11
11
|
import { createElement, Trash2 } from 'lucide';
|
|
12
12
|
let ColorPaletteItemEdit = class ColorPaletteItemEdit extends ColorPaletteItem {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
|
15
|
+
this.stabilizeWhileEditing = false;
|
|
15
16
|
this.storedAlias = '';
|
|
16
17
|
this.emitter = new EventEmitter();
|
|
17
18
|
}
|
|
@@ -71,10 +72,18 @@ let ColorPaletteItemEdit = class ColorPaletteItemEdit extends ColorPaletteItem {
|
|
|
71
72
|
ColorPaletteItemEdit.styles = [
|
|
72
73
|
...ColorPaletteItem.styles,
|
|
73
74
|
css `
|
|
74
|
-
:host(
|
|
75
|
+
:host([stabilizeWhileEditing]:hover) {
|
|
75
76
|
flex-basis: 0 !important;
|
|
76
77
|
}
|
|
77
78
|
|
|
79
|
+
:host(:not([stabilizeWhileEditing])) #container {
|
|
80
|
+
display: none;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
:host(:not([stabilizeWhileEditing]):hover) #container {
|
|
84
|
+
display: flex;
|
|
85
|
+
}
|
|
86
|
+
|
|
78
87
|
#container {
|
|
79
88
|
input {
|
|
80
89
|
color: var(--palette-item-color);
|
|
@@ -85,6 +94,7 @@ ColorPaletteItemEdit.styles = [
|
|
|
85
94
|
background-color: transparent;
|
|
86
95
|
field-sizing: content;
|
|
87
96
|
min-width: 2rem;
|
|
97
|
+
max-width: 5rem;
|
|
88
98
|
cursor: pointer;
|
|
89
99
|
text-align: center;
|
|
90
100
|
}
|
|
@@ -112,6 +122,9 @@ ColorPaletteItemEdit.styles = [
|
|
|
112
122
|
}
|
|
113
123
|
`
|
|
114
124
|
];
|
|
125
|
+
__decorate([
|
|
126
|
+
property({ type: Boolean, reflect: true })
|
|
127
|
+
], ColorPaletteItemEdit.prototype, "stabilizeWhileEditing", void 0);
|
|
115
128
|
ColorPaletteItemEdit = __decorate([
|
|
116
129
|
customElement('color-palette-item-edit')
|
|
117
130
|
], ColorPaletteItemEdit);
|
|
@@ -14,7 +14,7 @@ export declare class ColorPaletteItem extends LitElement {
|
|
|
14
14
|
editMode: boolean;
|
|
15
15
|
height: number;
|
|
16
16
|
preventHover: boolean;
|
|
17
|
-
|
|
17
|
+
hideText: boolean;
|
|
18
18
|
colorCount: number;
|
|
19
19
|
emitter: EventEmitter<EventMap>;
|
|
20
20
|
disconnectedCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-item.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/color-palette-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,SAAS,EAAmB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"color-palette-item.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/color-palette-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,SAAS,EAAmB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,MAAM,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;CACtB,CAAA;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAmFX;IAGF,SAAS,EAAG,cAAc,CAAC;IAG3B,KAAK,EAAE,MAAM,CAAM;IAGnB,KAAK,EAAE,MAAM,CAAM;IAGnB,SAAS,EAAE,SAAS,CAA6B;IAGjD,SAAS,EAAE,SAAS,CAA6B;IAGjD,QAAQ,EAAE,OAAO,CAAS;IAG1B,MAAM,EAAE,MAAM,CAA0B;IAGxC,YAAY,EAAE,OAAO,CAAS;IAG9B,QAAQ,EAAE,OAAO,CAAS;IAG1B,UAAU,EAAE,MAAM,CAAK;IAEhB,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAEtE,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAeN,OAAO;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
|
|
@@ -8,7 +8,6 @@ import { LitElement, html, css, nothing } from 'lit';
|
|
|
8
8
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
9
9
|
import { AliasMode, defaultSettings } from '../color-palette-utils';
|
|
10
10
|
import { EventEmitter } from '../../../utils/EventEmitter';
|
|
11
|
-
import { styleMap } from 'lit/directives/style-map.js';
|
|
12
11
|
import { getAdjustedFontSize, getForegroundColor } from '../../../utils/basicUtils';
|
|
13
12
|
let ColorPaletteItem = class ColorPaletteItem extends LitElement {
|
|
14
13
|
constructor() {
|
|
@@ -20,7 +19,7 @@ let ColorPaletteItem = class ColorPaletteItem extends LitElement {
|
|
|
20
19
|
this.editMode = false;
|
|
21
20
|
this.height = defaultSettings.height;
|
|
22
21
|
this.preventHover = false;
|
|
23
|
-
this.
|
|
22
|
+
this.hideText = false;
|
|
24
23
|
this.colorCount = 0;
|
|
25
24
|
this.emitter = new EventEmitter();
|
|
26
25
|
}
|
|
@@ -29,15 +28,12 @@ let ColorPaletteItem = class ColorPaletteItem extends LitElement {
|
|
|
29
28
|
this.emitter.clear();
|
|
30
29
|
}
|
|
31
30
|
render() {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
'--palette-item-font-size': `${getAdjustedFontSize(this.colorCount)}px`
|
|
36
|
-
};
|
|
31
|
+
this.style.setProperty('--palette-item-background-color', this.color);
|
|
32
|
+
this.style.setProperty('--palette-item-color', getForegroundColor(this.color));
|
|
33
|
+
this.style.setProperty('--palette-item-font-size', `${getAdjustedFontSize(this.colorCount)}px`);
|
|
37
34
|
return html `
|
|
38
35
|
<div
|
|
39
36
|
id='container'
|
|
40
|
-
style=${styleMap(containerStyles)}
|
|
41
37
|
@click=${(e) => this.emitter.emit('click', e)}
|
|
42
38
|
>
|
|
43
39
|
${this.content()}
|
|
@@ -63,25 +59,46 @@ let ColorPaletteItem = class ColorPaletteItem extends LitElement {
|
|
|
63
59
|
ColorPaletteItem.styles = [
|
|
64
60
|
css `
|
|
65
61
|
:host {
|
|
66
|
-
display: flex;
|
|
67
|
-
flex: 1;
|
|
68
|
-
transition: all 0.1s ease-in-out;
|
|
69
62
|
--palette-item-background-color: #000000;
|
|
70
63
|
--palette-item-color: #ffffff;
|
|
71
64
|
--palette-item-font-size: 16px;
|
|
65
|
+
|
|
66
|
+
display: flex;
|
|
67
|
+
flex: 1;
|
|
68
|
+
transition: all 0.1s ease-in-out;
|
|
69
|
+
background-color: var(--palette-item-background-color);
|
|
70
|
+
color: var(--palette-item-color);
|
|
72
71
|
}
|
|
73
72
|
|
|
73
|
+
/* Animation Size */
|
|
74
|
+
|
|
74
75
|
:host(:not([preventHover]):hover) {
|
|
75
76
|
flex-basis: var(--palette-column-flex-basis);
|
|
76
|
-
|
|
77
|
-
#container > span {
|
|
78
|
-
display: block;
|
|
79
|
-
}
|
|
80
77
|
}
|
|
81
78
|
|
|
82
79
|
:host([direction='column']:not([preventHover]):hover) {
|
|
83
80
|
flex-basis: 80px;
|
|
84
81
|
}
|
|
82
|
+
|
|
83
|
+
/* Hover States */
|
|
84
|
+
|
|
85
|
+
:host(:not([preventHover])) #container > span {
|
|
86
|
+
display: none;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
:host(:not([preventHover]):hover) #container > span {
|
|
90
|
+
display: block;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:host([hideText]) #container > span {
|
|
94
|
+
display: none;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
:host([hideText]:hover) #container > span {
|
|
98
|
+
display: none;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/* Container Directions */
|
|
85
102
|
|
|
86
103
|
:host([direction='column']) > #container{
|
|
87
104
|
display: flex;
|
|
@@ -102,8 +119,6 @@ ColorPaletteItem.styles = [
|
|
|
102
119
|
#container {
|
|
103
120
|
flex: 1;
|
|
104
121
|
gap: 3%;
|
|
105
|
-
background-color: var(--palette-item-background-color);
|
|
106
|
-
color: var(--palette-item-color);
|
|
107
122
|
|
|
108
123
|
*:first-child {
|
|
109
124
|
justify-self: flex-end;
|
|
@@ -116,7 +131,7 @@ ColorPaletteItem.styles = [
|
|
|
116
131
|
}
|
|
117
132
|
|
|
118
133
|
span {
|
|
119
|
-
display:
|
|
134
|
+
display: block;
|
|
120
135
|
text-align: center;
|
|
121
136
|
font-size: 100%;
|
|
122
137
|
font-weight: bold;
|
|
@@ -150,8 +165,8 @@ __decorate([
|
|
|
150
165
|
property({ type: Boolean, reflect: true })
|
|
151
166
|
], ColorPaletteItem.prototype, "preventHover", void 0);
|
|
152
167
|
__decorate([
|
|
153
|
-
property({ type: Boolean })
|
|
154
|
-
], ColorPaletteItem.prototype, "
|
|
168
|
+
property({ type: Boolean, reflect: true })
|
|
169
|
+
], ColorPaletteItem.prototype, "hideText", void 0);
|
|
155
170
|
__decorate([
|
|
156
171
|
property({ type: Number })
|
|
157
172
|
], ColorPaletteItem.prototype, "colorCount", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-invalid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette-invalid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE1E,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"color-palette-invalid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette-invalid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAmB,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE1E,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAqB7B,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KASnC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAA"}
|
|
@@ -16,7 +16,7 @@ const meta = {
|
|
|
16
16
|
};
|
|
17
17
|
export default meta;
|
|
18
18
|
const Template = {
|
|
19
|
-
render: ({ colors, height, width, direction, gradient, preventHover, override, aliases }) => {
|
|
19
|
+
render: ({ colors, height, width, direction, gradient, preventHover, hideText, override, aliases }) => {
|
|
20
20
|
return html `
|
|
21
21
|
<color-palette
|
|
22
22
|
.colors=${colors}
|
|
@@ -25,6 +25,7 @@ const Template = {
|
|
|
25
25
|
direction=${direction || defaultSettings.direction}
|
|
26
26
|
?gradient=${gradient || defaultSettings.gradient}
|
|
27
27
|
?preventHover=${preventHover || defaultSettings.preventHover}
|
|
28
|
+
?hideText=${hideText || defaultSettings.hideText}
|
|
28
29
|
?override=${override || defaultSettings.override}
|
|
29
30
|
.aliases=${aliases}
|
|
30
31
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette-valid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette-valid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAErF,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"color-palette-valid.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette-valid.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAErF,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAqB7B,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAQjB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAShC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAQ/B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KASpB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KASvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAA;AAED,eAAO,MAAM,GAAG,EAAE,KAOjB,CAAA"}
|
|
@@ -16,7 +16,7 @@ const meta = {
|
|
|
16
16
|
};
|
|
17
17
|
export default meta;
|
|
18
18
|
const Template = {
|
|
19
|
-
render: ({ colors, height, width, direction, gradient, preventHover, override, aliases }) => {
|
|
19
|
+
render: ({ colors, height, width, direction, gradient, preventHover, hideText, override, aliases }) => {
|
|
20
20
|
return html `
|
|
21
21
|
<color-palette
|
|
22
22
|
.colors=${colors}
|
|
@@ -25,6 +25,7 @@ const Template = {
|
|
|
25
25
|
direction=${direction || defaultSettings.direction}
|
|
26
26
|
?gradient=${gradient || defaultSettings.gradient}
|
|
27
27
|
?preventHover=${preventHover || defaultSettings.preventHover}
|
|
28
|
+
?hideText=${hideText || defaultSettings.hideText}
|
|
28
29
|
?override=${override || defaultSettings.override}
|
|
29
30
|
.aliases=${aliases}
|
|
30
31
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGrF,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAuB7B,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"color-palette.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/storybook/color-palette.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAA8B,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAGrF,QAAA,MAAM,IAAI,EAAE,IAaX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG;IAAE,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAAG,eAAe,CAAC;AAEpD,KAAK,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAuB7B,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC"}
|
|
@@ -25,10 +25,10 @@ const colors = [
|
|
|
25
25
|
];
|
|
26
26
|
const settings = { ...pluginToPaletteSettings(defaultSettings), aliases: ['', '', 'test', '', ''] };
|
|
27
27
|
const Template = {
|
|
28
|
-
render: ({ colors, height, width, direction, gradient, preventHover, override, aliases }) => {
|
|
28
|
+
render: ({ colors, height, width, direction, gradient, preventHover, hideText, override, aliases }) => {
|
|
29
29
|
const palette = document.createElement('color-palette');
|
|
30
30
|
palette.colors = colors;
|
|
31
|
-
palette.settings = { height, width, direction, gradient, preventHover, override, aliases };
|
|
31
|
+
palette.settings = { height, width, direction, gradient, preventHover, hideText, override, aliases };
|
|
32
32
|
return html `
|
|
33
33
|
${palette}
|
|
34
34
|
`;
|
|
@@ -57,6 +57,7 @@ export const ManyItems = {
|
|
|
57
57
|
direction: Direction.Column,
|
|
58
58
|
gradient: false,
|
|
59
59
|
preventHover: false,
|
|
60
|
+
hideText: false,
|
|
60
61
|
override: false,
|
|
61
62
|
aliases: ['', '', 'test', '', '']
|
|
62
63
|
},
|
|
@@ -70,6 +71,7 @@ export const Gradient = {
|
|
|
70
71
|
direction: Direction.Column,
|
|
71
72
|
gradient: true,
|
|
72
73
|
preventHover: false,
|
|
74
|
+
hideText: false,
|
|
73
75
|
override: false,
|
|
74
76
|
aliases: ['', '', 'test', '', '']
|
|
75
77
|
},
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { commonjsGlobal as d, getDefaultExportFromCjs as r } from "../../../_virtual/_commonjsHelpers.js";
|
|
2
|
+
import { __module as e } from "../../../_virtual/x11.js";
|
|
3
|
+
(function(f, o) {
|
|
4
|
+
(function(i, a) {
|
|
5
|
+
f.exports = a();
|
|
6
|
+
})(d, function() {
|
|
7
|
+
return { aliceblue: "#f0f8ff", antiquewhite: "#faebd7", aqua: "#00ffff", aquamarine: "#7fffd4", azure: "#f0ffff", beige: "#f5f5dc", bisque: "#ffe4c4", black: "#000000", blanchedalmond: "#ffebcd", blue: "#0000ff", blueviolet: "#8a2be2", brown: "#a52a2a", burlywood: "#deb887", cadetblue: "#5f9ea0", chartreuse: "#7fff00", chocolate: "#d2691e", coral: "#ff7f50", cornflower: "#6495ed", cornflowerblue: "#6495ed", cornsilk: "#fff8dc", crimson: "#dc143c", cyan: "#00ffff", darkblue: "#00008b", darkcyan: "#008b8b", darkgoldenrod: "#b8860b", darkgray: "#a9a9a9", darkgreen: "#006400", darkgrey: "#a9a9a9", darkkhaki: "#bdb76b", darkmagenta: "#8b008b", darkolivegreen: "#556b2f", darkorange: "#ff8c00", darkorchid: "#9932cc", darkred: "#8b0000", darksalmon: "#e9967a", darkseagreen: "#8fbc8f", darkslateblue: "#483d8b", darkslategray: "#2f4f4f", darkslategrey: "#2f4f4f", darkturquoise: "#00ced1", darkviolet: "#9400d3", deeppink: "#ff1493", deepskyblue: "#00bfff", dimgray: "#696969", dimgrey: "#696969", dodgerblue: "#1e90ff", firebrick: "#b22222", floralwhite: "#fffaf0", forestgreen: "#228b22", fuchsia: "#ff00ff", gainsboro: "#dcdcdc", ghostwhite: "#f8f8ff", gold: "#ffd700", goldenrod: "#daa520", gray: "#808080", green: "#008000", greenyellow: "#adff2f", grey: "#808080", honeydew: "#f0fff0", hotpink: "#ff69b4", indianred: "#cd5c5c", indigo: "#4b0082", ivory: "#fffff0", khaki: "#f0e68c", laserlemon: "#ffff54", lavender: "#e6e6fa", lavenderblush: "#fff0f5", lawngreen: "#7cfc00", lemonchiffon: "#fffacd", lightblue: "#add8e6", lightcoral: "#f08080", lightcyan: "#e0ffff", lightgoldenrod: "#fafad2", lightgoldenrodyellow: "#fafad2", lightgray: "#d3d3d3", lightgreen: "#90ee90", lightgrey: "#d3d3d3", lightpink: "#ffb6c1", lightsalmon: "#ffa07a", lightseagreen: "#20b2aa", lightskyblue: "#87cefa", lightslategray: "#778899", lightslategrey: "#778899", lightsteelblue: "#b0c4de", lightyellow: "#ffffe0", lime: "#00ff00", limegreen: "#32cd32", linen: "#faf0e6", magenta: "#ff00ff", maroon: "#800000", maroon2: "#7f0000", maroon3: "#b03060", mediumaquamarine: "#66cdaa", mediumblue: "#0000cd", mediumorchid: "#ba55d3", mediumpurple: "#9370db", mediumseagreen: "#3cb371", mediumslateblue: "#7b68ee", mediumspringgreen: "#00fa9a", mediumturquoise: "#48d1cc", mediumvioletred: "#c71585", midnightblue: "#191970", mintcream: "#f5fffa", mistyrose: "#ffe4e1", moccasin: "#ffe4b5", navajowhite: "#ffdead", navy: "#000080", oldlace: "#fdf5e6", olive: "#808000", olivedrab: "#6b8e23", orange: "#ffa500", orangered: "#ff4500", orchid: "#da70d6", palegoldenrod: "#eee8aa", palegreen: "#98fb98", paleturquoise: "#afeeee", palevioletred: "#db7093", papayawhip: "#ffefd5", peachpuff: "#ffdab9", peru: "#cd853f", pink: "#ffc0cb", plum: "#dda0dd", powderblue: "#b0e0e6", purple: "#800080", purple2: "#7f007f", purple3: "#a020f0", rebeccapurple: "#663399", red: "#ff0000", rosybrown: "#bc8f8f", royalblue: "#4169e1", saddlebrown: "#8b4513", salmon: "#fa8072", sandybrown: "#f4a460", seagreen: "#2e8b57", seashell: "#fff5ee", sienna: "#a0522d", silver: "#c0c0c0", skyblue: "#87ceeb", slateblue: "#6a5acd", slategray: "#708090", slategrey: "#708090", snow: "#fffafa", springgreen: "#00ff7f", steelblue: "#4682b4", tan: "#d2b48c", teal: "#008080", thistle: "#d8bfd8", tomato: "#ff6347", turquoise: "#40e0d0", violet: "#ee82ee", wheat: "#f5deb3", white: "#ffffff", whitesmoke: "#f5f5f5", yellow: "#ffff00", yellowgreen: "#9acd32" };
|
|
8
|
+
});
|
|
9
|
+
})(e);
|
|
10
|
+
var l = e.exports;
|
|
11
|
+
const t = /* @__PURE__ */ r(l);
|
|
12
|
+
export {
|
|
13
|
+
t as default
|
|
14
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"basicUtils.d.ts","sourceRoot":"","sources":["../../src/utils/basicUtils.ts"],"names":[],"mappings":"AAAA,OAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEzE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAmB,MAAM,iDAAiD,CAAC;AAErI;;GAEG;AACH,wBAAgB,mBAAmB,CAAE,QAAQ,EAAE,eAAe,wCAsB7D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,QAAQ,EAAE,eAAe,GAAG,oBAAoB,WAUnF;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAE,QAAQ,EAAE,eAAe,sBAGrE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"basicUtils.d.ts","sourceRoot":"","sources":["../../src/utils/basicUtils.ts"],"names":[],"mappings":"AAAA,OAAiB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEzE,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAmB,MAAM,iDAAiD,CAAC;AAErI;;GAEG;AACH,wBAAgB,mBAAmB,CAAE,QAAQ,EAAE,eAAe,wCAsB7D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,QAAQ,EAAE,eAAe,GAAG,oBAAoB,WAUnF;AAED;;GAEG;AACH,wBAAgB,2BAA2B,CAAE,QAAQ,EAAE,eAAe,sBAGrE;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,eAAe,OAY9D;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,YAQnC;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,cAAc,EAAE,oBAAoB,GAAG,eAAe,CAW7F;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAAA,QAAQ,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CAAE,GAAG,MAAM,GAAG,MAAM,CAGnH;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGxD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,UAMxC;AAED,wBAAsB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,UAAU,iBAU1E;AAED;;EAEE;AACF,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,UAItD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,OAAO,CAS1F"}
|
package/dist/utils/basicUtils.js
CHANGED
|
@@ -52,13 +52,14 @@ export function getModifiedSettingsAsString(settings) {
|
|
|
52
52
|
}
|
|
53
53
|
export function convertStringSettings(settings) {
|
|
54
54
|
return JSON.parse(`{
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
55
|
+
"height": ${settings.height},
|
|
56
|
+
"direction": "${settings.direction}",
|
|
57
|
+
"gradient": ${settings.gradient},
|
|
58
|
+
"preventHover": ${settings.preventHover},
|
|
59
|
+
"hideText": ${settings.hideText},
|
|
60
|
+
"override": ${settings.override},
|
|
61
|
+
"aliases": ${JSON.stringify(settings.aliases)}
|
|
62
|
+
}`);
|
|
62
63
|
}
|
|
63
64
|
/**
|
|
64
65
|
* Parse input url & extract colors
|
|
@@ -85,6 +86,7 @@ export function pluginToPaletteSettings(pluginSettings) {
|
|
|
85
86
|
direction: pluginSettings.direction,
|
|
86
87
|
gradient: pluginSettings.gradient,
|
|
87
88
|
preventHover: pluginSettings.preventHover,
|
|
89
|
+
hideText: pluginSettings.hideText,
|
|
88
90
|
override: pluginSettings.override,
|
|
89
91
|
aliases: []
|
|
90
92
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.14",
|
|
4
4
|
"name": "@alegendstale/holly-components",
|
|
5
5
|
"description": "Reusable UI components created using lit",
|
|
6
6
|
"type": "module",
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
"types": "./dist/index.d.ts"
|
|
14
14
|
},
|
|
15
15
|
"./*": {
|
|
16
|
-
"import": "
|
|
17
|
-
"types": "
|
|
16
|
+
"import": "./*.js",
|
|
17
|
+
"types": "./*.d.ts"
|
|
18
18
|
}
|
|
19
19
|
},
|
|
20
20
|
"files": [
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"colorsea": "^1.2.2",
|
|
41
|
+
"lit": "^3.2.1",
|
|
41
42
|
"lucide": "^0.471.0",
|
|
42
43
|
"quantize": "^1.0.2"
|
|
43
44
|
},
|
|
@@ -54,7 +55,6 @@
|
|
|
54
55
|
"@wdio/cli": "^9.5.7",
|
|
55
56
|
"@wdio/mocha-framework": "^9.5.0",
|
|
56
57
|
"@wdio/spec-reporter": "^9.5.0",
|
|
57
|
-
"lit": "^3.2.1",
|
|
58
58
|
"storybook": "^8.2.9",
|
|
59
59
|
"typescript": "latest",
|
|
60
60
|
"vite": "^5.4.1"
|