@alegendstale/holly-components 2.0.3 → 2.0.5

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 (136) hide show
  1. package/custom-elements.json +6366 -0
  2. package/dist/components/absolute-container/absolute-container.js +79 -113
  3. package/dist/components/absolute-container/absolute-container.styles.js +20 -17
  4. package/dist/components/bottom-sheet/bottom-sheet.js +189 -319
  5. package/dist/components/bottom-sheet/bottom-sheet.styles.js +117 -114
  6. package/dist/components/canvas/canvas-base.d.ts +4 -1
  7. package/dist/components/canvas/canvas-base.d.ts.map +1 -1
  8. package/dist/components/canvas/canvas-base.js +51 -67
  9. package/dist/components/canvas/canvas-gradient.js +44 -69
  10. package/dist/components/canvas/canvas-image.js +112 -177
  11. package/dist/components/canvas/canvas-image.styles.js +23 -20
  12. package/dist/components/carousel-scroller/carousel-scroller.js +63 -87
  13. package/dist/components/carousel-scroller/carousel-scroller.styles.js +68 -65
  14. package/dist/components/color-palette/color-palette-utils.js +55 -104
  15. package/dist/components/color-palette/color-palette.js +250 -384
  16. package/dist/components/color-palette/color-palette.styles.js +92 -89
  17. package/dist/components/color-palette/component/color-palette-component.js +134 -188
  18. package/dist/components/color-palette/component/color-palette-component.styles.js +12 -9
  19. package/dist/components/color-palette/editor/color-palette-editor.js +413 -539
  20. package/dist/components/color-palette/editor/color-palette-editor.styles.js +149 -146
  21. package/dist/components/color-palette/editor/settings-item.js +32 -40
  22. package/dist/components/color-palette/editor/settings-item.styles.js +36 -33
  23. package/dist/components/color-palette/item/color-palette-item-edit.js +50 -84
  24. package/dist/components/color-palette/item/color-palette-item-edit.styles.js +53 -50
  25. package/dist/components/color-palette/item/color-palette-item.js +72 -107
  26. package/dist/components/color-palette/item/color-palette-item.styles.js +85 -82
  27. package/dist/components/color-palette/menu/color-palette-menu.js +162 -200
  28. package/dist/components/color-palette/menu/color-palette-menu.styles.js +51 -48
  29. package/dist/components/color-palette/menu/color-palette-reorder.js +76 -95
  30. package/dist/components/color-palette/menu/color-palette-reorder.styles.js +33 -30
  31. package/dist/components/draw-svg/draw-svg.js +35 -52
  32. package/dist/components/draw-svg/draw-svg.styles.js +41 -38
  33. package/dist/components/responsive-svg/responsive-svg.js +122 -174
  34. package/dist/components/responsive-svg/responsive-svg.styles.js +48 -45
  35. package/dist/components/tool-tip/tool-tip.d.ts +5 -1
  36. package/dist/components/tool-tip/tool-tip.d.ts.map +1 -1
  37. package/dist/components/tool-tip/tool-tip.js +64 -100
  38. package/dist/components/tool-tip/tool-tip.styles.js +60 -57
  39. package/dist/decorators/condCustomElement.js +8 -11
  40. package/dist/utils/EventEmitter.js +23 -23
  41. package/dist/utils/ResponsiveController.js +15 -18
  42. package/dist/utils/basicUtils.js +98 -146
  43. package/dist/utils/colorsea-wrapper.js +162 -166
  44. package/dist/utils/dragDropUtils.js +75 -119
  45. package/dist/utils/generateUtils.js +39 -73
  46. package/package.json +43 -60
  47. package/dist/components/absolute-container/absolute-container.stories.d.ts +0 -11
  48. package/dist/components/absolute-container/absolute-container.stories.d.ts.map +0 -1
  49. package/dist/components/absolute-container/absolute-container.stories.js +0 -64
  50. package/dist/components/absolute-container/index.d.ts +0 -2
  51. package/dist/components/absolute-container/index.d.ts.map +0 -1
  52. package/dist/components/absolute-container/index.js +0 -1
  53. package/dist/components/bottom-sheet/bottom-sheet.stories.d.ts +0 -17
  54. package/dist/components/bottom-sheet/bottom-sheet.stories.d.ts.map +0 -1
  55. package/dist/components/bottom-sheet/bottom-sheet.stories.js +0 -67
  56. package/dist/components/bottom-sheet/index.d.ts +0 -2
  57. package/dist/components/bottom-sheet/index.d.ts.map +0 -1
  58. package/dist/components/bottom-sheet/index.js +0 -1
  59. package/dist/components/canvas/canvas-base.stories.d.ts +0 -7
  60. package/dist/components/canvas/canvas-base.stories.d.ts.map +0 -1
  61. package/dist/components/canvas/canvas-base.stories.js +0 -24
  62. package/dist/components/canvas/canvas-gradient.stories.d.ts +0 -14
  63. package/dist/components/canvas/canvas-gradient.stories.d.ts.map +0 -1
  64. package/dist/components/canvas/canvas-gradient.stories.js +0 -46
  65. package/dist/components/canvas/canvas-image.stories.d.ts +0 -13
  66. package/dist/components/canvas/canvas-image.stories.d.ts.map +0 -1
  67. package/dist/components/canvas/canvas-image.stories.js +0 -49
  68. package/dist/components/canvas/index.d.ts +0 -3
  69. package/dist/components/canvas/index.d.ts.map +0 -1
  70. package/dist/components/canvas/index.js +0 -2
  71. package/dist/components/carousel-scroller/carousel-scroller.stories.d.ts +0 -13
  72. package/dist/components/carousel-scroller/carousel-scroller.stories.d.ts.map +0 -1
  73. package/dist/components/carousel-scroller/carousel-scroller.stories.js +0 -56
  74. package/dist/components/carousel-scroller/index.d.ts +0 -2
  75. package/dist/components/carousel-scroller/index.d.ts.map +0 -1
  76. package/dist/components/carousel-scroller/index.js +0 -1
  77. package/dist/components/color-palette/component/color-palette-component.stories.d.ts +0 -13
  78. package/dist/components/color-palette/component/color-palette-component.stories.d.ts.map +0 -1
  79. package/dist/components/color-palette/component/color-palette-component.stories.js +0 -75
  80. package/dist/components/color-palette/component/index.d.ts +0 -2
  81. package/dist/components/color-palette/component/index.d.ts.map +0 -1
  82. package/dist/components/color-palette/component/index.js +0 -1
  83. package/dist/components/color-palette/editor/color-palette-editor.stories.d.ts +0 -18
  84. package/dist/components/color-palette/editor/color-palette-editor.stories.d.ts.map +0 -1
  85. package/dist/components/color-palette/editor/color-palette-editor.stories.js +0 -67
  86. package/dist/components/color-palette/editor/index.d.ts +0 -2
  87. package/dist/components/color-palette/editor/index.d.ts.map +0 -1
  88. package/dist/components/color-palette/editor/index.js +0 -1
  89. package/dist/components/color-palette/index.d.ts +0 -6
  90. package/dist/components/color-palette/index.d.ts.map +0 -1
  91. package/dist/components/color-palette/index.js +0 -5
  92. package/dist/components/color-palette/item/index.d.ts +0 -3
  93. package/dist/components/color-palette/item/index.d.ts.map +0 -1
  94. package/dist/components/color-palette/item/index.js +0 -2
  95. package/dist/components/color-palette/menu/index.d.ts +0 -3
  96. package/dist/components/color-palette/menu/index.d.ts.map +0 -1
  97. package/dist/components/color-palette/menu/index.js +0 -2
  98. package/dist/components/color-palette/storybook/color-palette-invalid.stories.d.ts +0 -33
  99. package/dist/components/color-palette/storybook/color-palette-invalid.stories.d.ts.map +0 -1
  100. package/dist/components/color-palette/storybook/color-palette-invalid.stories.js +0 -62
  101. package/dist/components/color-palette/storybook/color-palette-valid.stories.d.ts +0 -52
  102. package/dist/components/color-palette/storybook/color-palette-valid.stories.d.ts.map +0 -1
  103. package/dist/components/color-palette/storybook/color-palette-valid.stories.js +0 -268
  104. package/dist/components/color-palette/storybook/color-palette.stories.d.ts +0 -27
  105. package/dist/components/color-palette/storybook/color-palette.stories.d.ts.map +0 -1
  106. package/dist/components/color-palette/storybook/color-palette.stories.js +0 -129
  107. package/dist/components/draw-svg/draw-svg.stories.d.ts +0 -7
  108. package/dist/components/draw-svg/draw-svg.stories.d.ts.map +0 -1
  109. package/dist/components/draw-svg/draw-svg.stories.js +0 -61
  110. package/dist/components/draw-svg/index.d.ts +0 -2
  111. package/dist/components/draw-svg/index.d.ts.map +0 -1
  112. package/dist/components/draw-svg/index.js +0 -1
  113. package/dist/components/responsive-svg/index.d.ts +0 -2
  114. package/dist/components/responsive-svg/index.d.ts.map +0 -1
  115. package/dist/components/responsive-svg/index.js +0 -1
  116. package/dist/components/responsive-svg/responsive-svg.stories.d.ts +0 -26
  117. package/dist/components/responsive-svg/responsive-svg.stories.d.ts.map +0 -1
  118. package/dist/components/responsive-svg/responsive-svg.stories.js +0 -194
  119. package/dist/components/tool-tip/index.d.ts +0 -2
  120. package/dist/components/tool-tip/index.d.ts.map +0 -1
  121. package/dist/components/tool-tip/index.js +0 -1
  122. package/dist/components/tool-tip/tool-tip.stories.d.ts +0 -16
  123. package/dist/components/tool-tip/tool-tip.stories.d.ts.map +0 -1
  124. package/dist/components/tool-tip/tool-tip.stories.js +0 -62
  125. package/dist/decorators/index.d.ts +0 -2
  126. package/dist/decorators/index.d.ts.map +0 -1
  127. package/dist/decorators/index.js +0 -1
  128. package/dist/index.d.ts +0 -11
  129. package/dist/index.d.ts.map +0 -1
  130. package/dist/index.js +0 -10
  131. package/dist/utils/index.d.ts +0 -5
  132. package/dist/utils/index.d.ts.map +0 -1
  133. package/dist/utils/index.js +0 -4
  134. package/dist/utils/types.d.ts +0 -5
  135. package/dist/utils/types.d.ts.map +0 -1
  136. 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
+ };