@alegendstale/holly-components 1.4.0 → 2.0.2

package/dist/components/color-palette/editor/color-palette-editor.stories.js

@@ -1,13 +1,34 @@
 import { html } from 'lit';
 import { Combination, generateColors } from '../../../utils/generateUtils.js';
 import { ref } from 'lit/directives/ref.js';
-import { ColorPaletteEditor } from './color-palette-editor.js';
+import { ColorPaletteEditor, SelectedInput } from './color-palette-editor.js';
 import { defaultSettings } from '../color-palette-utils.js';
 import { pluginToPaletteSettings } from '../../../utils/basicUtils.js';
+import { styleMap } from 'lit/directives/style-map.js';
+const argTypes = {
+    colors: { control: 'object' },
+    settings: { control: 'object' },
+    selectedInput: {
+        control: 'select',
+        options: Object.values(SelectedInput),
+    },
+    combination: {
+        control: 'select',
+        options: Object.values(Combination)
+    },
+    baseColor: { control: 'object' },
+    '--cta-background': { control: 'text' }
+};
 const meta = {
     title: 'Color Palette/Palette Editor',
     tags: ['autodocs'],
     component: 'color-palette-editor',
+    subcomponents: {
+        ColorPalette: 'color-palette',
+        CanvasImage: 'canvas-image',
+        SettingItem: 'setting-item'
+    },
+    argTypes
 };
 export default meta;
 function setEditorEvents(editor) {
@@ -19,21 +40,28 @@ function setEditorEvents(editor) {
     });
 }
 const Template = {
-    render: ({ colors, settings }) => {
+    render: ({ colors, settings, selectedInput, combination, baseColor, "--cta-background": ctaBackground }) => {
         return html `
 			<color-palette-editor
 				.colors=${colors}
 				.settings=${settings}
+				selectedInput=${selectedInput}
+				combination=${combination}
+				.baseColor=${baseColor}
+				style=${styleMap({ '--cta-background': ctaBackground })}
 				${ref(setEditorEvents)}
 			>
 			</color-palette-editor>
 		`;
     },
 };
-export const Default = {
+export const Example = {
     ...Template,
     args: {
         colors: generateColors(Combination.Random).colors,
-        settings: pluginToPaletteSettings(defaultSettings)
+        settings: pluginToPaletteSettings(defaultSettings),
+        selectedInput: SelectedInput.Color_Picker,
+        combination: Combination.Random,
+        "--cta-background": '#abcdef'
     }
 };

package/dist/components/color-palette/editor/color-palette-editor.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=color-palette-editor.styles.d.ts.map

package/dist/components/color-palette/editor/color-palette-editor.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette-editor.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/color-palette-editor.styles.ts"],"names":[],"mappings":";AAEA,wBAiJE"}

package/dist/components/color-palette/editor/color-palette-editor.styles.js

@@ -0,0 +1,147 @@
+import { css } from 'lit';
+export default css `
+	:host {
+		display: block;
+		contain: content;
+		width: 560px;
+		padding: 16px;
+		background-color: rgb(27, 27, 27);
+		color: rgba(245, 245, 245, 0.9);
+		border-radius: 5px;
+
+		--cta-background: hsl(262, 83%, 69%);
+	}
+
+	input[type='file'] {
+		display: none;
+	}
+
+	:host([selectedInput='Color Picker']) {
+		#color-palette-editor #colors {
+			div:nth-of-type(1) {
+				button[title='Color Picker'] {
+					background-color: var(--cta-background);
+				}
+			}
+			div:nth-of-type(2) {
+				canvas {
+					max-width: 100%;
+					max-height: fit-content;
+					object-fit: cover;
+				}
+			}
+		}
+	}
+
+	:host([selectedInput='Generate']) {
+		#color-palette-editor #colors div {
+			button[title='Generate'] {
+				background-color: var(--cta-background);
+			}
+		}
+	}
+
+	:host([selectedInput='Image']) {
+		#color-palette-editor #colors div {
+			button[title='Image'] {
+				background-color: var(--cta-background);
+			}
+		}
+	}
+
+	:host([selectedInput='URL']) {
+		#color-palette-editor #colors div {
+			button[title='URL'] {
+				background-color: var(--cta-background);
+			}
+		}
+	}
+
+	#color-palette-editor {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+
+		h1 {
+			font-size: 2.25rem;
+		}
+
+		button {
+			cursor: pointer;
+		}
+
+		#colors {
+			div {
+				input:not([type='color']) {
+					color: rgb(245, 245, 245);
+					background-color: rgb(38, 38, 38);
+					border: none;
+					border-radius: 5px;
+					height: fit-content;
+					width: fit-content;
+					padding: 0.5rem;
+				}
+
+				select {
+					color: rgb(245, 245, 245);
+					background-color: rgb(38, 38, 38);
+					border: none;
+					border-radius: 5px;
+					height: fit-content;
+					width: fit-content;
+					padding: 0.5rem;
+				}
+
+				button {
+					color: rgb(245, 245, 245);
+					background-color: rgb(38, 38, 38);
+					border: none;
+					border-radius: 5px;
+					height: fit-content;
+					width: fit-content;
+					padding: 4px 12px;
+				}
+			}
+		}
+
+		#settings {
+			display: flex;
+			flex-direction: column;
+
+			input {
+				color: rgb(245, 245, 245);
+				background-color: rgb(38, 38, 38);
+				border: none;
+				border-radius: 5px;
+				height: fit-content;
+				width: fit-content;
+				padding: 0.5rem;
+			}
+
+			select {
+				color: rgb(245, 245, 245);
+				background-color: rgb(38, 38, 38);
+				border: none;
+				border-radius: 5px;
+				height: fit-content;
+				width: fit-content;
+				padding: 0.5rem;
+			}
+
+			#create-btn {
+				background-color: var(--cta-background);
+				color: white;
+				border-radius: 5px;
+				padding: 4px 12px;
+				user-select: none;
+				border: none;
+				width: fit-content;
+				align-self: flex-end;
+
+				&:hover {
+					background-color: hsl(calc(262 - 3), calc(83% * 1.02), calc(69% * 1.15));
+				}
+			}
+		}
+	}
+`;

package/dist/components/color-palette/editor/settings-item.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+/**
+ * The settings item using inside of the editor.
+ *
+ * @slot - The setting.
+ */
+export declare class SettingItem extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** The name of the setting. */
+    name: string;
+    /** The description of the setting. */
+    description: string;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'setting-item': SettingItem;
+    }
+}
+//# sourceMappingURL=settings-item.d.ts.map

package/dist/components/color-palette/editor/settings-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-item.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/settings-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC;;;;GAIG;AACH,qBACa,WAAY,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,4BAAY;IAEzB,+BAA+B;IAExB,IAAI,EAAE,MAAM,CAAM;IAEzB,sCAAsC;IAE/B,WAAW,EAAE,MAAM,CAAM;IAEhC,MAAM;CASN;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAA;KAC3B;CACD"}

package/dist/components/color-palette/editor/settings-item.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import styles from './settings-item.styles.js';
+/**
+ * The settings item using inside of the editor.
+ *
+ * @slot - The setting.
+ */
+let SettingItem = class SettingItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The name of the setting. */
+        this.name = '';
+        /** The description of the setting. */
+        this.description = '';
+    }
+    static { this.styles = [styles]; }
+    render() {
+        return html `
+			<div>
+				<h3>${this.name}</h3>
+				<p>${this.description}</p>
+			</div>
+			<slot></slot>
+		`;
+    }
+};
+__decorate([
+    property({ type: String })
+], SettingItem.prototype, "name", void 0);
+__decorate([
+    property({ type: String })
+], SettingItem.prototype, "description", void 0);
+SettingItem = __decorate([
+    customElement('setting-item')
+], SettingItem);
+export { SettingItem };

package/dist/components/color-palette/editor/settings-item.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=settings-item.styles.d.ts.map

package/dist/components/color-palette/editor/settings-item.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/editor/settings-item.styles.ts"],"names":[],"mappings":";AAEA,wBAgCE"}

package/dist/components/color-palette/editor/settings-item.styles.js

@@ -0,0 +1,34 @@
+import { css } from 'lit';
+export default css `
+	:host {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		padding-block: 2%;
+	}
+
+	:host(:not([description])) p {
+		display: none;
+	}
+
+	h3 {
+		margin: 0;
+		font-size: 15px;
+	}
+
+	p {
+		margin: 0;
+		padding-top: 4px;
+		font-size: 12px;
+	}
+
+	slot {
+		display: flex;
+		justify-self: flex-end;
+		align-items: center;
+		gap: 5%;
+	}
+
+	::slotted(input[type='color']) {
+		border: none;
+	}
+`;

package/dist/components/color-palette/item/color-palette-item-edit.d.ts

@@ -5,12 +5,19 @@ type EditEvents = {
     alias: [alias: string];
 };
 type EventMap = EditEvents & ItemEvents;
+/**
+ * A color item in its edit state meant to be used with color-palette.
+ */
 export declare class ColorPaletteItemEdit extends ColorPaletteItem {
     static styles: import("lit").CSSResult[];
+    /** Prevent hover while item is being edited. */
     stabilizeWhileEditing: boolean;
-    storedAlias: string;
+    /** @internal */
+    private storedAlias;
+    /** Public way to subscribe to events. */
     emitter: EventEmitter<EventMap>;
-    content(): import("lit-html").TemplateResult<1>;
+    /** Renders the content. */
+    protected content(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/color-palette/item/color-palette-item-edit.d.ts.map

@@ -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,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAInF,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"}
+{"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,gCAAgC,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAInF,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;;GAEG;AACH,qBACa,oBAAqB,SAAQ,gBAAgB;IACzD,MAAM,CAAC,MAAM,4BAAwC;IAErD,gDAAgD;IAEzC,qBAAqB,EAAE,OAAO,CAAS;IAE9C,gBAAgB;IAChB,OAAO,CAAC,WAAW,CAAc;IAEjC,yCAAyC;IAClC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAEtE,2BAA2B;IAC3B,SAAS,CAAC,OAAO;CA+CjB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}

package/dist/components/color-palette/item/color-palette-item-edit.js

@@ -4,19 +4,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, css } from 'lit';
-import { property } from 'lit/decorators.js';
+import { html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { EventEmitter } from "../../../utils/EventEmitter.js";
 import { ColorPaletteItem } from "./color-palette-item.js";
 import { createElement, Trash2 } from 'lucide';
-import { condCustomElement } from '../../../decorators/condCustomElement.js';
+import styles from './color-palette-item-edit.styles.js';
+/**
+ * A color item in its edit state meant to be used with color-palette.
+ */
 let ColorPaletteItemEdit = class ColorPaletteItemEdit extends ColorPaletteItem {
     constructor() {
         super(...arguments);
+        /** Prevent hover while item is being edited. */
         this.stabilizeWhileEditing = false;
+        /** @internal */
         this.storedAlias = '';
+        /** Public way to subscribe to events. */
         this.emitter = new EventEmitter();
     }
+    static { this.styles = [...ColorPaletteItem.styles, styles]; }
+    /** Renders the content. */
     content() {
         return html `
 			<input
@@ -70,63 +78,10 @@ let ColorPaletteItemEdit = class ColorPaletteItemEdit extends ColorPaletteItem {
 		`;
     }
 };
-ColorPaletteItemEdit.styles = [
-    ...ColorPaletteItem.styles,
-    css `
-			:host([stabilizeWhileEditing]:hover) {
-				flex-basis: 0 !important;
-			}
-
-			:host(:not([stabilizeWhileEditing])) #container {
-				display: none;
-			}
-
-			:host(:not([stabilizeWhileEditing]):hover) #container {
-				display: flex;
-			}
-
-			#container {
-				input {
-					color: var(--palette-item-color);
-					font-size: var(--palette-item-font-size);
-					font-weight: bold;
-					user-select: none;
-					border: none;
-					background-color: transparent;
-					field-sizing: content;
-					min-width: 2rem;
-					max-width: 5rem;
-					cursor: pointer;
-					text-align: center;
-				}
-
-				/* Color Trash Button */
-				#trash {
-					background-color: var(--palette-item-background-color);
-					color: var(--palette-item-color);
-					box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 20px -28px inset;
-					cursor: pointer;
-
-					border: none;
-					border-radius: 5px;
-					padding: 4px 12px;
-
-					&:hover {
-						background-color: rgb(75, 75, 75);
-					}
-
-					svg {
-						width: 18px;
-						height: 18px;
-					}
-				}
-			}
-		`
-];
 __decorate([
     property({ type: Boolean, reflect: true })
 ], ColorPaletteItemEdit.prototype, "stabilizeWhileEditing", void 0);
 ColorPaletteItemEdit = __decorate([
-    condCustomElement('color-palette-item-edit')
+    customElement('color-palette-item-edit')
 ], ColorPaletteItemEdit);
 export { ColorPaletteItemEdit };

package/dist/components/color-palette/item/color-palette-item-edit.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=color-palette-item-edit.styles.d.ts.map

package/dist/components/color-palette/item/color-palette-item-edit.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette-item-edit.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/color-palette/item/color-palette-item-edit.styles.ts"],"names":[],"mappings":";AAEA,wBAiDE"}

package/dist/components/color-palette/item/color-palette-item-edit.styles.js

@@ -0,0 +1,51 @@
+import { css } from 'lit';
+export default css `
+	:host([stabilizeWhileEditing]:hover) {
+		flex-basis: 0 !important;
+	}
+
+	:host(:not([stabilizeWhileEditing])) #container {
+		display: none;
+	}
+
+	:host(:not([stabilizeWhileEditing]):hover) #container {
+		display: flex;
+	}
+
+	#container {
+		input {
+			color: var(--palette-item-color);
+			font-size: var(--palette-item-font-size);
+			font-weight: bold;
+			user-select: none;
+			border: none;
+			background-color: transparent;
+			field-sizing: content;
+			min-width: 2rem;
+			max-width: 5rem;
+			cursor: pointer;
+			text-align: center;
+		}
+
+		/* Color Trash Button */
+		#trash {
+			background-color: var(--palette-item-background-color);
+			color: var(--palette-item-color);
+			box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 20px -28px inset;
+			cursor: pointer;
+
+			border: none;
+			border-radius: 5px;
+			padding: 4px 12px;
+
+			&:hover {
+				background-color: rgb(75, 75, 75);
+			}
+
+			svg {
+				width: 18px;
+				height: 18px;
+			}
+		}
+	}
+`;

package/dist/components/color-palette/item/color-palette-item.d.ts

@@ -4,22 +4,41 @@ import { EventEmitter } from '../../../utils/EventEmitter.js';
 export type EventMap = {
     click: [e: MouseEvent];
 };
+/**
+ * A color item meant to be used with color-palette.
+ *
+ * @cssprop {<color>} --palette-item-background-color - The background color of the item.
+ * @cssprop {<color>} --palette-item-color - The color of the item.
+ * @cssprop {<length>} --palette-item-font-size - The font-size the item will use.
+ */
 export declare class ColorPaletteItem extends LitElement {
     static styles: import("lit").CSSResult[];
-    container: HTMLDivElement;
+    /** @internal The container for the item. */
+    protected container: HTMLDivElement;
+    /** The color the item will display. */
     color: string;
+    /** The alias for the color. */
     alias: string;
+    /** How the alias will display. */
     aliasMode: AliasMode;
+    /** The direction the palette wants the item to display.  */
     direction: Direction;
+    /** Whether the item is being edited. */
     editMode: boolean;
+    /** The height of the item. */
     height: number;
+    /** Whether hovering over the item is permitted. */
     preventHover: boolean;
+    /** Whether the text on the item is hidden. */
     hideText: boolean;
+    /** The total number of colors the palette expects. */
     colorCount: number;
+    /** Public way to subscribe to events. */
     emitter: EventEmitter<EventMap>;
     disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
-    content(): import("lit-html").TemplateResult<1>;
+    /** Renders the content */
+    protected content(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/color-palette/item/color-palette-item.d.ts.map

@@ -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,2BAA2B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,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"}
+{"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,EAAiB,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAmB,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAI9D,MAAM,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,4BAAY;IAEzB,4CAA4C;IAE5C,SAAS,CAAC,SAAS,EAAG,cAAc,CAAC;IAErC,uCAAuC;IAEhC,KAAK,EAAE,MAAM,CAAM;IAE1B,+BAA+B;IAExB,KAAK,EAAE,MAAM,CAAM;IAE1B,kCAAkC;IAE3B,SAAS,EAAE,SAAS,CAA6B;IAExD,4DAA4D;IAErD,SAAS,EAAE,SAAS,CAA6B;IAExD,wCAAwC;IAEjC,QAAQ,EAAE,OAAO,CAAS;IAEjC,8BAA8B;IAEvB,MAAM,EAAE,MAAM,CAA0B;IAE/C,mDAAmD;IAE5C,YAAY,EAAE,OAAO,CAAS;IAErC,8CAA8C;IAEvC,QAAQ,EAAE,OAAO,CAAS;IAEjC,sDAAsD;IAE/C,UAAU,EAAE,MAAM,CAAK;IAE9B,yCAAyC;IAClC,OAAO,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAgC;IAEtE,oBAAoB,IAAI,IAAI;IAK5B,MAAM;IAeN,0BAA0B;IAC1B,SAAS,CAAC,OAAO;CAmBjB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}