@e280/quay 0.0.0-1

package/x/demo/main.css

@@ -0,0 +1,126 @@
+
+:root {
+	--quay: #eb6f1d;
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+html {
+	display: flex;
+	justify-content: center;
+	padding: 5vw;
+
+	font-family: sans-serif;
+	color: #fffa;
+	background: #071320;
+}
+
+body {
+	display: flex;
+	flex-direction: column;
+	gap: 2em;
+}
+
+.title {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5em;
+
+	> img {
+		width: 100%;
+		max-width: 5em;
+	}
+
+	> div {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+
+		> h1 {
+			color: color-mix(in lch, var(--quay), white 20%);
+			text-shadow: 0 0 0.5em color-mix(in lch, transparent, var(--quay) 75%);
+		}
+
+		> .version {
+			font-size: 0.8em;
+			opacity: 0.4;
+		}
+	}
+}
+
+.items {
+	display: flex;
+	gap: 1em;
+	flex-wrap: wrap;
+}
+
+quay-browser, quay-searchbar, quay-outliner, quay-breadcrumb, quay-dropzone {
+	padding: 1em;
+}
+
+quay-browser {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	width: 300px;
+	justify-content: center;
+}
+
+quay-searchbar {
+	width: 100%;
+}
+
+quay-dropzone {
+	height: 150px;
+}
+
+quay-outliner {
+	width: 300px;
+}
+
+.components {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 1em;
+}
+
+.component {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: start;
+	gap: 0.5em;
+	width: 300px;
+	padding: 1em;
+
+	h4 {
+		color: #ED701E;
+		text-align: center;
+	}
+}
+
+.dropzone {
+	flex: 100%;
+}
+
+.searchbar {
+	flex: 1;
+}
+
+.outliner {
+	flex: 1;
+}
+
+.breadcrumb {
+	flex: 1;
+}
+
+.browser {
+	flex: 100%;
+}

package/x/dom/components/breadcrumb/component.d.ts

@@ -0,0 +1 @@
+export declare const QuayBreadcrumb: typeof import("@benev/slate").ShadowElement;

package/x/dom/components/breadcrumb/component.js

@@ -0,0 +1,21 @@
+import { html, shadowComponent } from "@benev/slate";
+import themeCss from "../../theme.css.js";
+import { findLocalGroup } from "../../utils/find-local-group.js";
+export const QuayBreadcrumb = shadowComponent(use => {
+    use.css(themeCss);
+    const group = findLocalGroup(use.element);
+    const { trail, config: { codex, renderLabel } } = group;
+    const click = (item) => (e) => group.trail.setTrail(e, item);
+    return html `
+		<sl-breadcrumb>
+			${trail.signal.value.map(item => html `
+				<sl-breadcrumb-item @click="${click(item)}">
+					${item === null
+        ? "root"
+        : renderLabel(codex.require(item.id))}
+				</sl-breadcrumb-item>
+			`)}
+		</sl-breadcrumb>
+	`;
+});
+//# sourceMappingURL=component.js.map

package/x/dom/components/breadcrumb/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/breadcrumb/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAElD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IACnD,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAEjB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,EAAC,GAAG,KAAK,CAAA;IAEnD,MAAM,KAAK,GAAG,CAAC,IAAe,EAAE,EAAE,CAAC,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,CAAA;IAE9E,OAAO,IAAI,CAAA;;KAEP,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;kCACN,KAAK,CAAC,IAAI,CAAC;OACtC,IAAI,KAAK,IAAI;QACd,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;IAEvC,CAAC;;EAEH,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/browser/component.d.ts

@@ -0,0 +1 @@
+export declare const QuayBrowser: typeof import("@benev/slate").ShadowElement;

package/x/dom/components/browser/component.js

@@ -0,0 +1,65 @@
+import { html, shadowComponent } from "@benev/slate";
+import styleCss from "./style.css.js";
+import themeCss from "../../theme.css.js";
+import { findLocalGroup } from "../../utils/find-local-group.js";
+export const QuayBrowser = shadowComponent(use => {
+    use.styles(themeCss, styleCss);
+    const group = findLocalGroup(use.element);
+    const { trail, config } = group;
+    const [viewMode, setViewMode] = use.state('tiles');
+    use.mount(() => {
+        const dispose = group.on.upload.sub(() => use.rerender());
+        return () => dispose();
+    });
+    const getItems = () => {
+        return group.sort(trail.currentFolder).filter(item => group.matches(item));
+    };
+    const renderTiles = () => html `
+		<div class="tiles">
+			${getItems().map(item => html `
+				<div class="item" @click="${(e) => trail.setTrail(e, item)}">
+					<div class="media-icon">
+						${config.renderPreview(item) ?? config.renderIcon(item, false)}
+					</div>
+					<div class="label" title="${config.renderLabel(item)}">
+						${config.renderLabel(item)}
+					</div>
+				</div>
+			`)}
+		</div>
+	`;
+    const renderDetails = () => html `
+		<div class="details">
+			${getItems().map(item => html `
+				<div @click=${(e) => trail.setTrail(e, item)} class="card">
+					${config.renderIcon(item, false)}
+					<div class=meta>
+						<div class=name>${config.renderLabel(item)}</div>
+						<div class=type>${item.kind}</div>
+					</div>
+				</div>
+			`)}
+		</div>
+	`;
+    // // TODO icons
+    // <sl-icon name=${item.taxon.icon}></sl-icon>
+    return html `
+		<div class="toolbar">
+			<sl-button-group label="View mode">
+				<sl-tooltip content="Tiles">
+					<sl-button size="small" outline data-active=${viewMode === 'tiles'} @click=${() => setViewMode('tiles')}>
+						<sl-icon name="grid-3x3-gap"></sl-icon>
+					</sl-button>
+				</sl-tooltip>
+				<sl-tooltip content="Details">
+					<sl-button size="small" outline data-active=${viewMode === 'details'} @click=${() => setViewMode('details')}>
+						<sl-icon name="list"></sl-icon>
+					</sl-button>
+				</sl-tooltip>
+			</sl-button-group>
+		</div>
+
+		${viewMode === 'details' ? renderDetails() : renderTiles()}
+	`;
+});
+//# sourceMappingURL=component.js.map

package/x/dom/components/browser/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/browser/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAElD,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAChD,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE9B,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,EAAC,KAAK,EAAE,MAAM,EAAC,GAAG,KAAK,CAAA;IAC7B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,GAAG,CAAC,KAAK,CAAsB,OAAO,CAAC,CAAA;IAEvE,GAAG,CAAC,KAAK,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAA;QACzD,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,CAAA;IACvB,CAAC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACrB,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAgB,CAAA;IAC1F,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAE1B,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;gCACA,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;;QAE7D,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;;iCAEnC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;QACjD,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;;;IAG5B,CAAC;;EAEH,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAE5B,QAAQ,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;kBACd,CAAC,CAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;OAChD,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC;;wBAEb,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;wBACxB,IAAI,CAAC,IAAI;;;IAG7B,CAAC;;EAEH,CAAA;IACD,gBAAgB;IAChB,8CAA8C;IAE9C,OAAO,IAAI,CAAA;;;;mDAIuC,QAAQ,KAAK,OAAO,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;;;;;mDAKzD,QAAQ,KAAK,SAAS,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC;;;;;;;IAO5G,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE;EAC1D,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/browser/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@benev/slate").CSSResult;
+export default _default;

package/x/dom/components/browser/style.css.js

@@ -0,0 +1,117 @@
+import { css } from "@benev/slate";
+export default css `
+
+.toolbar {
+	display: flex;
+	justify-content: flex-end;
+	padding: 0.5rem;
+
+	sl-button {
+		background: #0F0F11;
+		border-radius: 5px;
+
+		&[data-active=true] {
+			background: var(--sl-color-neutral-0);
+		}
+
+		&::part(base) {
+			display: flex;
+			align-items: center;
+			height: 30px;
+		}
+
+		&::part(label) {
+			display: flex;
+			width: 40px;
+		}
+	}
+}
+
+.tiles,
+.details {
+	padding: 0.5rem;
+}
+
+.tiles {
+	display: flex;
+	flex-wrap: wrap;
+	row-gap: 1em;
+	width: 100%;
+
+	.item {
+		flex: 1;
+		max-width: 150px;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+		.media-icon {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			width: 100px;
+			height: 60px;
+			border: 2px solid #0D0D0E;
+			border-radius: 5px;
+			background: #0F0F11;
+			pointer-events: none;
+
+			img {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.label {
+			margin-top: 0.5em;
+			max-width: 150px;
+			font-size: 0.85rem;
+			text-align: center;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			color: var(--sl-color-neutral-700);
+		}
+	}
+}
+
+.details {
+	.card {
+		display: flex;
+		gap: 1rem;
+		padding: 0.8rem;
+		border: 2px solid #0D0D0E;
+		background: #0F0F11;
+		border-radius: 6px;
+		margin-bottom: 0.5rem;
+		align-items: center;
+
+		.meta {
+			.name {
+				font-weight: 500;
+				color: var(--sl-color-neutral-800);
+			}
+			.type {
+				font-size: 0.75rem;
+				color: var(--sl-color-neutral-500);
+			}
+		}
+	}
+}
+
+sl-icon {
+	font-size: 2rem;
+	color: var(--sl-color-neutral-300);
+}
+
+sl-tooltip {
+	--sl-tooltip-arrow-size: 0;
+
+	&::part(body) {
+		background: #0D0D0E;
+		color: var(--sl-color-neutral-700);
+	}
+}
+
+`;
+//# sourceMappingURL=style.css.js.map

package/x/dom/components/browser/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/components/browser/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAChC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHjB,CAAA"}

package/x/dom/components/dropzone/component.d.ts

@@ -0,0 +1 @@
+export declare const QuayDropzone: typeof import("@benev/slate").ShadowElement;

package/x/dom/components/dropzone/component.js

@@ -0,0 +1,27 @@
+import { html, shadowComponent } from "@benev/slate";
+import styleCss from "./style.css.js";
+import themeCss from "../../theme.css.js";
+import { findLocalGroup } from "../../utils/find-local-group.js";
+export const QuayDropzone = shadowComponent(use => {
+    use.styles(themeCss, styleCss);
+    const group = findLocalGroup(use.element);
+    const { dropzone, config: { root } } = group;
+    return html `
+		<div class="dropzone" ?data-hovering=${dropzone.hovering}>
+			<input
+				type="file"
+				class="dz-input"
+				@change=${(e) => dropzone.change(e, root)}
+				@drop=${(e) => dropzone.drop(e, root)}
+				@dragover=${(e) => dropzone.dragover(e, root)}
+				@dragenter=${(e) => dropzone.dragenter(e, root)}
+				@dragleave=${dropzone.dragleave}
+			>
+			<div class=dz-info>
+				<sl-icon name="upload"></sl-icon>
+				Drop files here
+			</div>
+		</div>
+	`;
+});
+//# sourceMappingURL=component.js.map

package/x/dom/components/dropzone/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/dropzone/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAElD,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IACjD,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAE9B,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACzC,MAAM,EAAC,QAAQ,EAAE,MAAM,EAAE,EAAC,IAAI,EAAC,EAAC,GAAG,KAAK,CAAA;IAExC,OAAO,IAAI,CAAA;yCAC6B,QAAQ,CAAC,QAAQ;;;;cAI5C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC;YAC5C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;gBACpC,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC;iBAC3C,CAAC,CAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;iBAC7C,QAAQ,CAAC,SAAS;;;;;;;EAOjC,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/dropzone/style.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@benev/slate").CSSResult;
+export default _default;

package/x/dom/components/dropzone/style.css.js

@@ -0,0 +1,53 @@
+import { css } from "@benev/slate";
+export default css `
+
+.dropzone {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	border: 2px dashed var(--sl-color-neutral-300);
+	border-radius: 6px;
+	transition: background 0.2s;
+}
+
+.dz-input {
+	width: 100%;
+	height: 100%;
+	z-index: 999;
+	font-size: 14px;
+	cursor: pointer;
+	opacity: 0;
+
+	&::file-selector-button {
+		display: none;
+	}
+}
+
+.dropzone:hover {
+	background: var(--sl-color-gray-50);
+}
+
+.dropzone[data-hovering] {
+	background: var(--sl-color-gray-50);
+	border-color: var(--sl-color-primary-500);
+
+	& .dz-info {
+		color: var(--sl-color-primary-300);
+	}
+}
+
+.dz-info {
+	position: absolute;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5em;
+	color: var(--sl-color-neutral-700);
+}
+
+`;
+//# sourceMappingURL=style.css.js.map

package/x/dom/components/dropzone/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/dom/components/dropzone/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAChC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDjB,CAAA"}

package/x/dom/components/filter/component.d.ts

@@ -0,0 +1 @@
+export declare const QuayFilter: typeof import("@benev/slate").ShadowElement;

package/x/dom/components/filter/component.js

@@ -0,0 +1,40 @@
+import { html, shadowComponent, css } from "@benev/slate";
+import themeCss from "../../theme.css.js";
+import { findLocalGroup } from "../../utils/find-local-group.js";
+export const QuayFilter = shadowComponent(use => {
+    const group = findLocalGroup(use.element);
+    use.styles(themeCss, css `
+		sl-menu {
+			margin-top: 0.3em;
+
+			.item {
+				display: flex;
+				align-items: center;
+				gap: 0.5em;
+			}
+		}
+	`);
+    const onSelectFilter = (e) => {
+        const value = e.detail.item.value;
+        group.selectedFilter.value = value;
+    };
+    return html `
+		<div class="panel">
+			<sl-dropdown>
+				<sl-button size="small" slot="trigger" caret>
+					<sl-icon name="funnel"></sl-icon>
+				</sl-button>
+			<sl-menu @sl-select=${onSelectFilter}>
+				${[...group.config.filters?.keys()].map(filter => html `
+					<sl-menu-item value=${filter}>
+						<div class=item>
+							<sl-icon name="check" slot="prefix" style="visibility: ${filter === group.selectedFilter.value ? 'visible' : 'hidden'}"></sl-icon>
+							<span>${filter}</span>
+						</div>
+					</sl-menu-item>
+				`)}
+			</sl-menu>
+			</sl-dropdown>
+		</div>`;
+});
+//# sourceMappingURL=component.js.map

package/x/dom/components/filter/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/filter/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAE,GAAG,EAAC,MAAM,cAAc,CAAA;AACvD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAC/C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;EAUvB,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC7D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;QACjC,KAAK,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAA;IACnC,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;;;;;yBAMa,cAAc;MACjC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;2BAC/B,MAAM;;gEAE+B,MAAM,KAAK,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;eAC7G,MAAM;;;KAGhB,CAAC;;;SAGG,CAAA;AACT,CAAC,CAAC,CAAA"}

package/x/dom/components/outliner/component.d.ts

@@ -0,0 +1 @@
+export declare const QuayOutliner: typeof import("@benev/slate").ShadowElement;

package/x/dom/components/outliner/component.js

@@ -0,0 +1,13 @@
+import { html, shadowComponent } from "@benev/slate";
+import themeCss from "../../theme.css.js";
+import { Tree } from "../../views/tree/component.js";
+import { findLocalGroup } from "../../utils/find-local-group.js";
+export const QuayOutliner = shadowComponent(use => {
+    use.styles(themeCss);
+    const group = findLocalGroup(use.element);
+    return html `
+		<div class="panel">
+			${Tree([group])}
+		</div>`;
+});
+//# sourceMappingURL=component.js.map

package/x/dom/components/outliner/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/outliner/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAC,MAAM,cAAc,CAAA;AAClD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,IAAI,EAAC,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IACjD,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;IACpB,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,OAAO,IAAI,CAAA;;KAEP,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;SACT,CAAA;AACT,CAAC,CAAC,CAAA"}

package/x/dom/components/searchbar/component.d.ts

@@ -0,0 +1 @@
+export declare const QuaySearchbar: typeof import("@benev/slate").ShadowElement;

package/x/dom/components/searchbar/component.js

@@ -0,0 +1,24 @@
+import { html, shadowComponent, css } from '@benev/slate';
+import themeCss from '../../theme.css.js';
+import { findLocalGroup } from '../../utils/find-local-group.js';
+const styleCss = css `
+	sl-input::part(prefix) {
+		padding-left: 0.5em;
+	}
+`;
+export const QuaySearchbar = shadowComponent(use => {
+    use.styles(themeCss, styleCss);
+    const group = findLocalGroup(use.element);
+    return html `
+		<sl-input
+			size='small'
+			pill
+			placeholder='Search'
+			clearable
+			@sl-input=${(e) => group.searchText.value = e.target.value}
+		>
+			<sl-icon name='search' slot='prefix'></sl-icon>
+		</sl-input>
+	`;
+});
+//# sourceMappingURL=component.js.map

package/x/dom/components/searchbar/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/searchbar/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAE,GAAG,EAAC,MAAM,cAAc,CAAA;AACvD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AAEzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAE9D,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;CAInB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAClD,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC9B,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,OAAO,IAAI,CAAA;;;;;;eAMG,CAAC,CAAc,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;;;;EAI9F,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/dom/components/sort/component.d.ts

@@ -0,0 +1 @@
+export declare const QuaySort: typeof import("@benev/slate").ShadowElement;

package/x/dom/components/sort/component.js

@@ -0,0 +1,44 @@
+import { html, shadowComponent, css } from "@benev/slate";
+import themeCss from "../../theme.css.js";
+import { findLocalGroup } from "../../utils/find-local-group.js";
+export const QuaySort = shadowComponent(use => {
+    const group = findLocalGroup(use.element);
+    use.styles(themeCss, css `
+		sl-button sl-icon {
+			font-size: 14px;
+		}
+
+		sl-menu {
+			margin-top: 0.3em;
+
+			.item {
+				display: flex;
+				align-items: center;
+				gap: 0.5em;
+			}
+		}
+	`);
+    const onSelectSort = (e) => {
+        const value = e.detail.item.value;
+        group.selectedSort.value = value;
+    };
+    return html `
+		<div class="panel">
+			<sl-dropdown>
+				<sl-button size="small" slot="trigger" caret>
+					<sl-icon name="sort-down-alt"></sl-icon>
+				</sl-button>
+			<sl-menu @sl-select=${onSelectSort}>
+				${[...group.config.sorts?.keys()].map(sort => html `
+					<sl-menu-item value=${sort}>
+						<div class=item>
+							<sl-icon name="check" slot="prefix" style="visibility: ${sort === group.selectedSort.value ? 'visible' : 'hidden'}"></sl-icon>
+							<span>${sort}</span>
+						</div>
+					</sl-menu-item>
+				`)}
+			</sl-menu>
+			</sl-dropdown>
+		</div>`;
+});
+//# sourceMappingURL=component.js.map

package/x/dom/components/sort/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/dom/components/sort/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,eAAe,EAAE,GAAG,EAAC,MAAM,cAAc,CAAA;AACvD,OAAO,QAAQ,MAAM,oBAAoB,CAAA;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAA;AAG9D,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE;IAC7C,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEzC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;EAcvB,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;QACjC,KAAK,CAAC,YAAY,CAAC,KAAK,GAAG,KAAK,CAAA;IACjC,CAAC,CAAA;IAED,OAAO,IAAI,CAAA;;;;;;yBAMa,YAAY;MAC/B,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;2BAC3B,IAAI;;gEAEiC,IAAI,KAAK,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;eACzG,IAAI;;;KAGd,CAAC;;;SAGG,CAAA;AACT,CAAC,CAAC,CAAA"}

package/x/dom/components.d.ts

@@ -0,0 +1,18 @@
+import { QuaySort } from "./components/sort/component.js";
+import { QuayFilter } from "./components/filter/component.js";
+import { QuayBrowser } from "./components/browser/component.js";
+import { QuayDropzone } from "./components/dropzone/component.js";
+import { QuayOutliner } from "./components/outliner/component.js";
+import { QuaySearchbar } from "./components/searchbar/component.js";
+import { QuayBreadcrumb } from "./components/breadcrumb/component.js";
+export { QuayOutliner, QuaySearchbar, QuayDropzone, QuayBrowser, QuayBreadcrumb, QuayFilter, QuaySort };
+export declare const components: {
+    QuayOutliner: typeof import("@benev/slate").ShadowElement;
+    QuaySearchbar: typeof import("@benev/slate").ShadowElement;
+    QuayDropzone: typeof import("@benev/slate").ShadowElement;
+    QuayBrowser: typeof import("@benev/slate").ShadowElement;
+    QuayBreadcrumb: typeof import("@benev/slate").ShadowElement;
+    QuayFilter: typeof import("@benev/slate").ShadowElement;
+    QuaySort: typeof import("@benev/slate").ShadowElement;
+};
+export declare function setShoelaceDarkTheme(): void;

package/x/dom/components.js

@@ -0,0 +1,13 @@
+import { QuaySort } from "./components/sort/component.js";
+import { QuayFilter } from "./components/filter/component.js";
+import { QuayBrowser } from "./components/browser/component.js";
+import { QuayDropzone } from "./components/dropzone/component.js";
+import { QuayOutliner } from "./components/outliner/component.js";
+import { QuaySearchbar } from "./components/searchbar/component.js";
+import { QuayBreadcrumb } from "./components/breadcrumb/component.js";
+export { QuayOutliner, QuaySearchbar, QuayDropzone, QuayBrowser, QuayBreadcrumb, QuayFilter, QuaySort };
+export const components = { QuayOutliner, QuaySearchbar, QuayDropzone, QuayBrowser, QuayBreadcrumb, QuayFilter, QuaySort };
+export function setShoelaceDarkTheme() {
+    document.documentElement.className = "sl-theme-dark";
+}
+//# sourceMappingURL=components.js.map

package/x/dom/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../s/dom/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAC,UAAU,EAAC,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAC,WAAW,EAAC,MAAM,mCAAmC,CAAA;AAC7D,OAAO,EAAC,YAAY,EAAC,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,qCAAqC,CAAA;AACjE,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAA;AACnE,OAAO,EAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAA;AAErG,MAAM,CAAC,MAAM,UAAU,GAAG,EAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAA;AAExH,MAAM,UAAU,oBAAoB;IACnC,QAAQ,CAAC,eAAe,CAAC,SAAS,GAAG,eAAe,CAAA;AACrD,CAAC"}

package/x/dom/context.d.ts

@@ -0,0 +1,2 @@
+import { Brain } from "../logic/brain.js";
+export declare const brain: Brain;

package/x/dom/context.js

@@ -0,0 +1,3 @@
+import { Brain } from "../logic/brain.js";
+export const brain = new Brain();
+//# sourceMappingURL=context.js.map

package/x/dom/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../s/dom/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,EAAC,MAAM,mBAAmB,CAAA;AAEvC,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAA"}

package/x/dom/theme.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@benev/slate").CSSResult;
+export default _default;