@alegendstale/holly-components 2.0.3 → 2.0.4

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 (135) hide show
  1. package/dist/components/absolute-container/absolute-container.js +79 -113
  2. package/dist/components/absolute-container/absolute-container.styles.js +20 -17
  3. package/dist/components/bottom-sheet/bottom-sheet.js +189 -319
  4. package/dist/components/bottom-sheet/bottom-sheet.styles.js +117 -114
  5. package/dist/components/canvas/canvas-base.d.ts +4 -1
  6. package/dist/components/canvas/canvas-base.d.ts.map +1 -1
  7. package/dist/components/canvas/canvas-base.js +51 -67
  8. package/dist/components/canvas/canvas-gradient.js +44 -69
  9. package/dist/components/canvas/canvas-image.js +112 -177
  10. package/dist/components/canvas/canvas-image.styles.js +23 -20
  11. package/dist/components/carousel-scroller/carousel-scroller.js +63 -87
  12. package/dist/components/carousel-scroller/carousel-scroller.styles.js +68 -65
  13. package/dist/components/color-palette/color-palette-utils.js +55 -104
  14. package/dist/components/color-palette/color-palette.js +250 -384
  15. package/dist/components/color-palette/color-palette.styles.js +92 -89
  16. package/dist/components/color-palette/component/color-palette-component.js +134 -188
  17. package/dist/components/color-palette/component/color-palette-component.styles.js +12 -9
  18. package/dist/components/color-palette/editor/color-palette-editor.js +413 -539
  19. package/dist/components/color-palette/editor/color-palette-editor.styles.js +149 -146
  20. package/dist/components/color-palette/editor/settings-item.js +32 -40
  21. package/dist/components/color-palette/editor/settings-item.styles.js +36 -33
  22. package/dist/components/color-palette/item/color-palette-item-edit.js +50 -84
  23. package/dist/components/color-palette/item/color-palette-item-edit.styles.js +53 -50
  24. package/dist/components/color-palette/item/color-palette-item.js +72 -107
  25. package/dist/components/color-palette/item/color-palette-item.styles.js +85 -82
  26. package/dist/components/color-palette/menu/color-palette-menu.js +162 -200
  27. package/dist/components/color-palette/menu/color-palette-menu.styles.js +51 -48
  28. package/dist/components/color-palette/menu/color-palette-reorder.js +76 -95
  29. package/dist/components/color-palette/menu/color-palette-reorder.styles.js +33 -30
  30. package/dist/components/draw-svg/draw-svg.js +35 -52
  31. package/dist/components/draw-svg/draw-svg.styles.js +41 -38
  32. package/dist/components/responsive-svg/responsive-svg.js +122 -174
  33. package/dist/components/responsive-svg/responsive-svg.styles.js +48 -45
  34. package/dist/components/tool-tip/tool-tip.d.ts +5 -1
  35. package/dist/components/tool-tip/tool-tip.d.ts.map +1 -1
  36. package/dist/components/tool-tip/tool-tip.js +64 -100
  37. package/dist/components/tool-tip/tool-tip.styles.js +60 -57
  38. package/dist/decorators/condCustomElement.js +8 -11
  39. package/dist/utils/EventEmitter.js +23 -23
  40. package/dist/utils/ResponsiveController.js +15 -18
  41. package/dist/utils/basicUtils.js +98 -146
  42. package/dist/utils/colorsea-wrapper.js +162 -166
  43. package/dist/utils/dragDropUtils.js +75 -119
  44. package/dist/utils/generateUtils.js +39 -73
  45. package/package.json +29 -60
  46. package/dist/components/absolute-container/absolute-container.stories.d.ts +0 -11
  47. package/dist/components/absolute-container/absolute-container.stories.d.ts.map +0 -1
  48. package/dist/components/absolute-container/absolute-container.stories.js +0 -64
  49. package/dist/components/absolute-container/index.d.ts +0 -2
  50. package/dist/components/absolute-container/index.d.ts.map +0 -1
  51. package/dist/components/absolute-container/index.js +0 -1
  52. package/dist/components/bottom-sheet/bottom-sheet.stories.d.ts +0 -17
  53. package/dist/components/bottom-sheet/bottom-sheet.stories.d.ts.map +0 -1
  54. package/dist/components/bottom-sheet/bottom-sheet.stories.js +0 -67
  55. package/dist/components/bottom-sheet/index.d.ts +0 -2
  56. package/dist/components/bottom-sheet/index.d.ts.map +0 -1
  57. package/dist/components/bottom-sheet/index.js +0 -1
  58. package/dist/components/canvas/canvas-base.stories.d.ts +0 -7
  59. package/dist/components/canvas/canvas-base.stories.d.ts.map +0 -1
  60. package/dist/components/canvas/canvas-base.stories.js +0 -24
  61. package/dist/components/canvas/canvas-gradient.stories.d.ts +0 -14
  62. package/dist/components/canvas/canvas-gradient.stories.d.ts.map +0 -1
  63. package/dist/components/canvas/canvas-gradient.stories.js +0 -46
  64. package/dist/components/canvas/canvas-image.stories.d.ts +0 -13
  65. package/dist/components/canvas/canvas-image.stories.d.ts.map +0 -1
  66. package/dist/components/canvas/canvas-image.stories.js +0 -49
  67. package/dist/components/canvas/index.d.ts +0 -3
  68. package/dist/components/canvas/index.d.ts.map +0 -1
  69. package/dist/components/canvas/index.js +0 -2
  70. package/dist/components/carousel-scroller/carousel-scroller.stories.d.ts +0 -13
  71. package/dist/components/carousel-scroller/carousel-scroller.stories.d.ts.map +0 -1
  72. package/dist/components/carousel-scroller/carousel-scroller.stories.js +0 -56
  73. package/dist/components/carousel-scroller/index.d.ts +0 -2
  74. package/dist/components/carousel-scroller/index.d.ts.map +0 -1
  75. package/dist/components/carousel-scroller/index.js +0 -1
  76. package/dist/components/color-palette/component/color-palette-component.stories.d.ts +0 -13
  77. package/dist/components/color-palette/component/color-palette-component.stories.d.ts.map +0 -1
  78. package/dist/components/color-palette/component/color-palette-component.stories.js +0 -75
  79. package/dist/components/color-palette/component/index.d.ts +0 -2
  80. package/dist/components/color-palette/component/index.d.ts.map +0 -1
  81. package/dist/components/color-palette/component/index.js +0 -1
  82. package/dist/components/color-palette/editor/color-palette-editor.stories.d.ts +0 -18
  83. package/dist/components/color-palette/editor/color-palette-editor.stories.d.ts.map +0 -1
  84. package/dist/components/color-palette/editor/color-palette-editor.stories.js +0 -67
  85. package/dist/components/color-palette/editor/index.d.ts +0 -2
  86. package/dist/components/color-palette/editor/index.d.ts.map +0 -1
  87. package/dist/components/color-palette/editor/index.js +0 -1
  88. package/dist/components/color-palette/index.d.ts +0 -6
  89. package/dist/components/color-palette/index.d.ts.map +0 -1
  90. package/dist/components/color-palette/index.js +0 -5
  91. package/dist/components/color-palette/item/index.d.ts +0 -3
  92. package/dist/components/color-palette/item/index.d.ts.map +0 -1
  93. package/dist/components/color-palette/item/index.js +0 -2
  94. package/dist/components/color-palette/menu/index.d.ts +0 -3
  95. package/dist/components/color-palette/menu/index.d.ts.map +0 -1
  96. package/dist/components/color-palette/menu/index.js +0 -2
  97. package/dist/components/color-palette/storybook/color-palette-invalid.stories.d.ts +0 -33
  98. package/dist/components/color-palette/storybook/color-palette-invalid.stories.d.ts.map +0 -1
  99. package/dist/components/color-palette/storybook/color-palette-invalid.stories.js +0 -62
  100. package/dist/components/color-palette/storybook/color-palette-valid.stories.d.ts +0 -52
  101. package/dist/components/color-palette/storybook/color-palette-valid.stories.d.ts.map +0 -1
  102. package/dist/components/color-palette/storybook/color-palette-valid.stories.js +0 -268
  103. package/dist/components/color-palette/storybook/color-palette.stories.d.ts +0 -27
  104. package/dist/components/color-palette/storybook/color-palette.stories.d.ts.map +0 -1
  105. package/dist/components/color-palette/storybook/color-palette.stories.js +0 -129
  106. package/dist/components/draw-svg/draw-svg.stories.d.ts +0 -7
  107. package/dist/components/draw-svg/draw-svg.stories.d.ts.map +0 -1
  108. package/dist/components/draw-svg/draw-svg.stories.js +0 -61
  109. package/dist/components/draw-svg/index.d.ts +0 -2
  110. package/dist/components/draw-svg/index.d.ts.map +0 -1
  111. package/dist/components/draw-svg/index.js +0 -1
  112. package/dist/components/responsive-svg/index.d.ts +0 -2
  113. package/dist/components/responsive-svg/index.d.ts.map +0 -1
  114. package/dist/components/responsive-svg/index.js +0 -1
  115. package/dist/components/responsive-svg/responsive-svg.stories.d.ts +0 -26
  116. package/dist/components/responsive-svg/responsive-svg.stories.d.ts.map +0 -1
  117. package/dist/components/responsive-svg/responsive-svg.stories.js +0 -194
  118. package/dist/components/tool-tip/index.d.ts +0 -2
  119. package/dist/components/tool-tip/index.d.ts.map +0 -1
  120. package/dist/components/tool-tip/index.js +0 -1
  121. package/dist/components/tool-tip/tool-tip.stories.d.ts +0 -16
  122. package/dist/components/tool-tip/tool-tip.stories.d.ts.map +0 -1
  123. package/dist/components/tool-tip/tool-tip.stories.js +0 -62
  124. package/dist/decorators/index.d.ts +0 -2
  125. package/dist/decorators/index.d.ts.map +0 -1
  126. package/dist/decorators/index.js +0 -1
  127. package/dist/index.d.ts +0 -11
  128. package/dist/index.d.ts.map +0 -1
  129. package/dist/index.js +0 -10
  130. package/dist/utils/index.d.ts +0 -5
  131. package/dist/utils/index.d.ts.map +0 -1
  132. package/dist/utils/index.js +0 -4
  133. package/dist/utils/types.d.ts +0 -5
  134. package/dist/utils/types.d.ts.map +0 -1
  135. package/dist/utils/types.js +0 -1
@@ -1,109 +1,60 @@
1
- import { isColorValid, parseUrl, pluginToPaletteSettings } from "../../utils/basicUtils.js";
2
- export var Direction;
3
- (function (Direction) {
4
- Direction["Row"] = "row";
5
- Direction["Column"] = "column";
6
- })(Direction || (Direction = {}));
7
- export var AliasMode;
8
- (function (AliasMode) {
9
- AliasMode["Both"] = "Both";
10
- AliasMode["Alias"] = "Prefer Alias";
11
- })(AliasMode || (AliasMode = {}));
12
- export var CopyFormat;
13
- (function (CopyFormat) {
14
- CopyFormat["Raw"] = "Raw";
15
- CopyFormat["Value"] = "Value";
16
- })(CopyFormat || (CopyFormat = {}));
17
- export const defaultSettings = {
18
- noticeDuration: 10000,
19
- errorPulse: true,
20
- aliasMode: AliasMode.Both,
21
- corners: true,
22
- stabilizeWhileEditing: true,
23
- reloadDelay: 5,
24
- copyFormat: CopyFormat.Raw,
25
- height: 150,
26
- width: 700,
27
- direction: Direction.Column,
28
- gradient: false,
29
- preventHover: false,
30
- hideText: false,
31
- override: false
1
+ import { parseUrl as a, isColorValid as s, pluginToPaletteSettings as u } from "../../utils/basicUtils.js";
2
+ var c = /* @__PURE__ */ ((t) => (t.Row = "row", t.Column = "column", t))(c || {}), p = /* @__PURE__ */ ((t) => (t.Both = "Both", t.Alias = "Prefer Alias", t))(p || {}), d = /* @__PURE__ */ ((t) => (t.Raw = "Raw", t.Value = "Value", t))(d || {});
3
+ const w = {
4
+ noticeDuration: 1e4,
5
+ errorPulse: !0,
6
+ aliasMode: "Both",
7
+ corners: !0,
8
+ stabilizeWhileEditing: !0,
9
+ reloadDelay: 5,
10
+ copyFormat: "Raw",
11
+ height: 150,
12
+ width: 700,
13
+ direction: "column",
14
+ gradient: !1,
15
+ preventHover: !1,
16
+ hideText: !1,
17
+ override: !1
32
18
  };
33
- export var Status;
34
- (function (Status) {
35
- Status["VALID"] = "Valid";
36
- Status["INVALID_COLORS"] = "Invalid Colors";
37
- Status["INVALID_SETTINGS"] = "Invalid Settings";
38
- Status["INVALID_COLORS_AND_SETTINGS"] = "Invalid Colors & Settings";
39
- Status["INVALID_GRADIENT"] = "Invalid Gradient";
40
- })(Status || (Status = {}));
41
- export const urlRegex = /(?:https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(?:\.[a-zA-Z0-9]{2,})(?:\.[a-zA-Z0-9]{2,})?\/(?:palette\/)?([a-zA-Z0-9-]{2,})/;
42
- export class PaletteError extends Error {
43
- constructor(status, message = '') {
44
- super(message);
45
- this.status = status;
46
- }
19
+ var f = /* @__PURE__ */ ((t) => (t.VALID = "Valid", t.INVALID_COLORS = "Invalid Colors", t.INVALID_SETTINGS = "Invalid Settings", t.INVALID_COLORS_AND_SETTINGS = "Invalid Colors & Settings", t.INVALID_GRADIENT = "Invalid Gradient", t))(f || {});
20
+ const I = /(?:https:\/\/www\.|http:\/\/www\.|https:\/\/|http:\/\/)?[a-zA-Z0-9]{2,}(?:\.[a-zA-Z0-9]{2,})(?:\.[a-zA-Z0-9]{2,})?\/(?:palette\/)?([a-zA-Z0-9-]{2,})/;
21
+ class A extends Error {
22
+ constructor(i, e = "") {
23
+ super(e), this.status = i;
24
+ }
47
25
  }
48
- /**
49
- * Parses input & extracts settings
50
- * @param input settings from codeblock
51
- * @returns PaletteSettings or Status if settings are not valid
52
- */
53
- export function parseSettings(input) {
54
- try {
55
- // Extract JSON settings from the palette
56
- return JSON.parse(input);
57
- }
58
- catch (error) {
59
- return Status.INVALID_SETTINGS;
60
- }
26
+ function h(t) {
27
+ try {
28
+ return JSON.parse(t);
29
+ } catch {
30
+ return "Invalid Settings";
31
+ }
61
32
  }
62
- /**
63
- * Parses input & extracts colors based on color space or URL
64
- * @param input colors from codeblock
65
- * @returns Array of colors or Status if colors are not valid
66
- */
67
- export function parseColors(input, override) {
68
- let colors = input.flatMap((color) => {
69
- // Split RGB / HSL delimited by semicolons
70
- if (color.includes('(')) {
71
- return color.split(';').flatMap((postSplitColor) => postSplitColor.trim())
72
- // Remove whitespace elements from array
73
- .filter((color) => color !== '');
74
- }
75
- // Split colors delimited by commas
76
- return color.split(',').flatMap((postSplitColor) => {
77
- return postSplitColor.trim();
78
- });
79
- // Remove semicolons
80
- }).flatMap((color) => color.trim().replace(';', ''));
81
- // Combine colors array into string
82
- const rawColors = colors.join('');
83
- // If URL parse and return
84
- if (rawColors.match(urlRegex))
85
- return parseUrl(rawColors);
86
- // Return status if colors are invalid
87
- if (!override) {
88
- for (let color of colors) {
89
- if (!isColorValid(color))
90
- return Status.INVALID_COLORS;
91
- }
92
- }
93
- // Return final colors array
94
- return colors;
33
+ function g(t, i) {
34
+ let e = t.flatMap((r) => r.includes("(") ? r.split(";").flatMap((n) => n.trim()).filter((n) => n !== "") : r.split(",").flatMap((n) => n.trim())).flatMap((r) => r.trim().replace(";", ""));
35
+ const l = e.join("");
36
+ if (l.match(I)) return a(l);
37
+ if (!i) {
38
+ for (let r of e)
39
+ if (!s(r)) return "Invalid Colors";
40
+ }
41
+ return e;
95
42
  }
96
- /**
97
- * Calculates colors and settings based on codeblock contents
98
- */
99
- export function calcColorsAndSettings(input, pluginSettings) {
100
- // Splits input by newline creating an array
101
- const split = input.split('\n');
102
- // Returns true if palette settings are defined
103
- const hasSettings = split.some((val) => val.includes(('{')));
104
- // Remove and parse the last split index (settings are always defined on the last index)
105
- let settings = hasSettings ? parseSettings(split.pop() || '') : undefined;
106
- // Get PaletteSettings if valid or plugin defaults if invalid
107
- let settingsObj = typeof settings === 'object' ? settings : pluginToPaletteSettings(pluginSettings);
108
- return { colors: parseColors(split, settingsObj.override), settings: settings };
43
+ function S(t, i) {
44
+ const e = t.split(`
45
+ `);
46
+ let r = e.some((o) => o.includes("{")) ? h(e.pop() || "") : void 0, n = typeof r == "object" ? r : u(i);
47
+ return { colors: g(e, n.override), settings: r };
109
48
  }
49
+ export {
50
+ p as AliasMode,
51
+ d as CopyFormat,
52
+ c as Direction,
53
+ A as PaletteError,
54
+ f as Status,
55
+ S as calcColorsAndSettings,
56
+ w as defaultSettings,
57
+ g as parseColors,
58
+ h as parseSettings,
59
+ I as urlRegex
60
+ };